> ## Documentation Index
> Fetch the complete documentation index at: https://ticketsoft.nl/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Overzichtspagina's integreren

> Plaats een overzichtspagina op je website of deel de directe link en QR-code.

De integratiepagina van een overzichtspagina werkt vergelijkbaar met de integratie van een losse ticketshop. Je kunt de pagina insluiten via iFrame, delen via een directe link of gebruiken met een QR-code.

Werk je met meerdere evenementen of een eigen website? Bekijk dan ook de functiepagina over [integraties en automatisering](https://ticketsoft.nl/functies/integraties-en-automatisering).

## iFrame op je website

TicketSoft toont een HTML-snippet voor de specifieke overzichtspagina:

```html theme={null}
<iframe style="width:100%;height: 900px;" frameborder="0" src="https://..."></iframe>
```

Plaats deze code op je website om de overzichtspagina daar te tonen. De overzichtspagina bevat toekomstige zichtbare evenementen die aan de instellingen van de pagina voldoen.

## WordPress

<Steps>
  <Step title="Open de WordPress-pagina">
    Kies de pagina waarop je de agenda of evenementenlijst wilt tonen.
  </Step>

  <Step title="Voeg een HTML-blok toe">
    Gebruik **Aangepaste HTML** of de HTML-widget van je pagebuilder.
  </Step>

  <Step title="Plak de iFrame-code">
    Plak de snippet uit TicketSoft.
  </Step>

  <Step title="Publiceer en test">
    Controleer of evenementen zichtbaar zijn en of de knop **Tickets** in een nieuw tabblad opent.
  </Step>
</Steps>

## Directe link delen

Gebruik de directe link voor social media, nieuwsbrieven of knoppen op je website. Een bezoeker komt dan rechtstreeks op de overzichtspagina terecht.

## QR-code

De integratiepagina toont een QR-code naar de overzichtspagina. Gebruik deze voor posters, flyers of drukwerk wanneer je meerdere evenementen tegelijk wilt promoten.

## Wat bezoekers zien

Bezoekers zien de titel, optionele omschrijving, eventueel logo en de toekomstige evenementen. Afhankelijk van de layout worden evenementen als tegels of lijst weergegeven. Elk evenement toont datum/tijd, locatie en een knop naar de ticketshop.

<Tip>
  Gebruik voor een algemene agenda een overzichtspagina. Gebruik voor een campagne rond een specifiek evenement de integratiepagina van dat evenement of een extra shop.
</Tip>
