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.

1. Ga naar [je activiteit](https://app.tickable.nl/event/overview) in het Tickable dashboard
2. Klik op "Delen" rechtsboven
3. Kopieer de URL van je ticketshop
4. 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](https://help.tickable.nl/hc/docs/articles/1790021263-hoe-deel-ik-mijn-ticketshop-met-een-link-of-qr_code).

## Optie 2: Ticketshop embedden

Hiermee kunnen bezoekers tickets kopen zonder je website te verlaten.

1. Open [je activiteit](https://app.tickable.nl/event/overview) in het dashboard
2. Klik op "Delen" rechtsboven
3. Klik op "Integreren op jouw website"
4. Kopieer de HTML-code
5. 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**](https://app.tickable.nl/event/settings/more). Hoe dat werkt lees je in [Na aankoop doorsturen naar je website](https://help.tickable.nl/hc/docs/articles/1789659663-hoe-stuur-ik-bezoekers-na-hun-aankoop-door-naar-mijn-eigen-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 bekeken
- `add_to_cart`: een ticket is toegevoegd
- `begin_checkout`: de koper vult zijn gegevens in
- `purchase`: 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](https://help.tickable.nl/hc/docs/articles/1790021278-hoe-koppel-ik-een-meta_-of-reddit_pixel-aan-mijn-ticketshop).

## Hulp nodig?

Loop je vast? Neem contact met ons op, we helpen je graag.