Aanvraag formulier voor boekingen.

Aanvraagformulier voor boeking

Je vindt de URL's van het formulier in het tabblad Instellingen van een artiest, Website en Facebook tab: Openbaar profiel en formulieren. Meer informatie over artiestenprofiel en boekingsaanvraagformulier

 

Link naar formulier

Je kunt deze pagina gebruiken zoals je wilt, maar een methode is om deze link naar het artiestenprofiel via e-mail naar een klant te sturen of een link op je website te plaatsen. Het is ook mogelijk om de link met een afsluitende "?booknow=1" te gebruiken om direct door te verwijzen naar het boekingsaanvraagformulier op de artiestenprofielpagina. Voorbeeld: <a href="https://artwinlive.com/booking/request/form/[id]">Book now</a>

 

Ingesloten in webpagina

De tweede optie is om alleen het boekingsaanvraagformulier met de tweede URL te gebruiken. Deze kan worden gebruikt om in uw website in te sluiten met behulp van een <iframe>.

<iframe name="Framename" src="https://artwinlive.com/booking/request/form/[id]" frameborder="0" scrolling="auto" style="width:100%;height:800px">
</iframe>
 

Mogelijk moet u de hoogte (in pixels) van het iframe aanpassen aan de hoogte van uw site.

<iframe name="Framename" src="https://artwinlive.com/booking/request/form/[id]?background-color=white" frameborder="0" scrolling="auto" style="width:100%;height:800px">
</iframe>
 
De achtergrond van het formulier is transparant. Als je een effen achtergrond nodig hebt, voeg dan toe: ?background-color=white (kleurnaamlijst)
 
 

Pop-up (lightbox) op WordPress

De derde optie is een lightbox met het iframe ingesloten op de pagina. Hiervoor is javascript nodig of als je WordPress gebruikt een Lightbox-plugin. Of gebruik deze javascript-code. Plak dit ergens op je pagina, waar je de link wilt:

<a class="iframe-lightbox-link" href="https://artwinlive.com/booking/request/form/[id]?background-color=white" data-scrolling="true">Book now</a>

Plaats de volgende code onder aan de pagina net voor </body>:

<link href="https://unpkg.com/iframe-lightbox@0.2.8/css/iframe-lightbox.css" rel="stylesheet" type="text/css">
<script src="https://unpkg.com/iframe-lightbox@0.2.8/js/iframe-lightbox.js"></script>
<script>
[].forEach.call(document.getElementsByClassName("iframe-lightbox-link"), function (el) {
el.lightbox = new IframeLightbox(el);
});

 

Meer informatie over deze lightbox: https://github.com/englishextra/iframe-lightbox

 

 

 

 

 

 

  • 0 gebruikers vonden dit artikel nuttig
Was dit antwoord nuttig?

Gerelateerde artikelen

WordPress plugin

Hoe stel je een websitewidget in voor je website? U moet bekend zijn met WordPress en het...

Wix website Agenda

Maak een nieuwe websitewidget voor uw Wix-website Log in op uw Artwinlive.com-account en klik...

XML/JSON Widget

Waar is deze widget voor? De XML- en JSON-widget biedt alle gig-gegevens van het...

Website Widget (iframe)

Hoe stel je een websitewidget in voor je website? U moet bekend zijn met HTML-code en...

iCalendar Widget

Hoe stel je een iCalendar-widget in voor je agendatoepassing? U moet bekend zijn met uw...