Booking request form

You can find the URL's of the form in the Settings of an artist, Website and Facebook page tab: Public profile and forms. More information about Artist Profile and Booking Request Form

Link to form

You can use this page however you like, but one method is to send this link to the artist profile to a customer via mail or place a link on your website. It's also possible to use the link including a trailing "?booknow=1" to redirect directly to the Booking Request Form on the artist profile page.

Example:

Embedded in webpage

The second option is to use only the booking request form with the second URL. This one can be used to embed in your website using a <iframe>.

</iframe>

You might have to change the height (in pixels) of the iframe to match the height of your site.

</iframe>

The background of the form is transparent. If you need a solid background add: ?background-color=white (color name list)

Popup (lightbox) on WordPress

The third option is a lightbox with the iframe embedded on the page. This requires javascript or if you use WordPress a Lightbox-plugin. Or use this javascript code. Paste this anywhere on your page, where you want the link:

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

Place the next code at the bottom of the page just before </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);
    });

More information about this lightbox: https://github.com/englishextra/iframe-lightbox

Knowledgebase

Categories

Categories