Je kunt je Tickable ticketshop op twee manieren aan je website toevoegen: via een link of door de shop in te bedden.
Optie 1: Link naar je ticketshop
De snelste manier. Voeg een knop of link toe die bezoekers naar je ticketshop stuurt.
- Ga naar je activiteit in het Tickable dashboard
- Klik op "Delen" rechtsboven
- Kopieer de URL van je ticketshop
- Plaats deze link op je website, bijvoorbeeld in een knop
<a href="https://jouwnaam.tickable.nl/jouw-evenement" class="button">Tickets kopen</a>
Werkt op elke website, geen technische kennis nodig. Wil je één knop voor al je activiteiten? Kies dan in "Delen" bovenin "Alle activiteiten" en gebruik https://jouwnaam.tickable.nl. Zie Ticketshop delen met link of QR-code.
Optie 2: Ticketshop embedden
Hiermee kunnen bezoekers tickets kopen zonder je website te verlaten.
- Open je activiteit in het dashboard
- Klik op "Delen" rechtsboven
- Klik op "Integreren op jouw website"
- Kopieer de HTML-code
- Plak de code op de plek waar de ticketshop moet verschijnen
De code ziet er zo uit:
<iframe src="https://jouw-ticketshop.tickable.nl/activiteit"
class="tickable-shop"
frameborder="0">
</iframe>
<script src="https://jouw-ticketshop.tickable.nl/embedded.js"></script>
De iframe past zich automatisch aan. Bezoekers blijven op je eigen website en kunnen daar direct afrekenen.
Let op: zorg dat de iframe op de pagina zelf meteen zichtbaar is. De bezoeker wordt na het betalen teruggestuurd naar de URL waarin het iframe zich bevindt.
Na de aankoop terug naar je eigen website
Wil je kopers na het afrekenen naar een eigen bedankpagina op je website sturen, in plaats van de bevestigingspagina van Tickable? Zet dan per evenement Eigen bedankpagina aan onder Meer instellingen. Hoe dat werkt lees je in Na aankoop doorsturen naar je website.
Google Tag Manager op je website
Gebruik je Google Tag Manager op je website? Staat de ticketshop ingebed met de code hierboven, dan komen de stappen vanzelf in de dataLayer van je pagina, in het e-commerceformaat van Google Analytics 4:
view_item: de ticketshop is bekekenadd_to_cart: een ticket is toegevoegdbegin_checkout: de koper vult zijn gegevens inpurchase: de bestelling is betaald, met het bedrag en de tickets
In Tag Manager maak je per stap een trigger van het type Aangepaste gebeurtenis met die naam. Er gaat niks over de koper mee, alleen tickets en bedragen. Bij purchase is het transaction_id het korte bestelnummer dat de koper ook in zijn mail ziet.
Tag Manager zelf kun je niet in de ticketshop zetten. Wil je Google Analytics, Meta of TikTok rechtstreeks koppelen, lees dan Advertenties en Google Analytics koppelen.
Hulp nodig?
Loop je vast? Neem contact met ons op, we helpen je graag.