Om je ticketwinkel naadloos in je eigen website in te bouwen hebben we een eigen embed script geschreven. Volg de instructies hieronder om meteen aan de slag te gaan.

Installatie

Embed code

Kopieer en plak de code die je hieronder terug kan vinden in het <head> gedeelte van je website:

<script src="https://esq-store.s3.amazonaws.com/public/js/embed.js"></script>

Plaatsing ticketwinkel op de pagina

Op de pagina waar je de winkel zichtbaar wil maken plaats je onderstaande code. De ticketwinkel zal ingeladen worden in de <div> met id "esq-store".

<!-- EventSquare Store Embed -->
<div id="esq-store"></div>
<script>
ESQ.embed({
   link: "https://demo.eventsquare.co/normal/normal-channel",
   element: "esq-store",
 });
</script>

Wijzig https://demo.eventsquare.co/normal/normal-channel naar de link van jouw ticketwinkel. Deze kan je terugvinden op het dashboard onder de titel van je evenement:

Waarom dit script gebruiken en niet zelf een <iframe> toevoegen?

Ons script zorgt ervoor dat er geen scrollbalkjes zichtbaar zijn in de iframe door zijn hoogte automatisch aan te passen aan de inhoud. Op zich kan het perfect zonder, maar dit zorgt voor een fijnere ervaring voor je ticketkopers, zeker op mobiel.