Delen & embedden

Deel je evenement en embed de ticketshop op je eigen website voor een naadloze koopervaring.


Overzicht

Tixxy biedt verschillende manieren om je evenement te promoten:

  • Directe link naar je winkel
  • Embed widget voor je website
  • Trackers voor marketing campagnes

Ga naar Evenement > Winkel > Delen om de deel- en embedopties te bekijken.


De directe link naar je ticketshop is beschikbaar op de Delen pagina:

  1. Ga naar Evenement > Winkel > Delen
  2. Selecteer de gewenste tracker
  3. Kopieer de URL via de kopieerknop

Tracker selecteren

Elke tracker heeft een unieke URL. Selecteer de juiste tracker om de bijbehorende link te zien:

VeldBeschrijving
TrackerKies welke tracker je wilt gebruiken
URLDe unieke link voor deze tracker

Tip: UTM-parameters

Je kunt handmatig UTM-parameters toevoegen aan de URL voor extra tracking in Google Analytics, bijvoorbeeld: ?utm_source=facebook&utm_medium=social


Embed widget

Wat is de embed widget?

De embed widget plaatst je ticketshop direct op je eigen website. Bezoekers kunnen tickets kopen zonder je site te verlaten.

Voordelen

VoordeelBeschrijving
Naadloze ervaringBezoekers blijven op jouw website
Je eigen brandingPast bij je website design
Hogere conversieMinder klikken tot aankoop

Embed code kopiëren

  1. Ga naar Evenement > Winkel > Delen
  2. Selecteer de gewenste tracker
  3. Kopieer de embed code uit het tekstveld

Embed code structuur

De embed code bestaat uit twee delen:

<div class="tixxy-embed"
    data-tixxy-tracker="jouw-tracker-id"
    data-tixxy-scroll-offset="20"
></div>

<script src="https://tixxy.nl/embed.js"></script>
ElementBeschrijving
div.tixxy-embedContainer voor de widget
data-tixxy-trackerUnieke tracker ID
data-tixxy-scroll-offsetScroll offset in pixels (optioneel)
data-tixxy-dark-modeForceer dark of light mode (optioneel)
embed.jsTixxy embed script

Scroll offset aanpassen

Als je website een sticky header heeft, pas dan de data-tixxy-scroll-offset aan:

data-tixxy-scroll-offset="80"

Dit voorkomt dat content achter je header verdwijnt bij het scrollen.

Dark mode instellen

Standaard volgt de embed widget de systeemvoorkeur van de bezoeker (light of dark mode). Je kunt dit gedrag overschrijven met het data-tixxy-dark-mode attribuut:

<!-- Forceer light mode -->
<div class="tixxy-embed"
    data-tixxy-tracker="jouw-tracker-id"
    data-tixxy-dark-mode="light"
></div>

<!-- Forceer dark mode -->
<div class="tixxy-embed"
    data-tixxy-tracker="jouw-tracker-id"
    data-tixxy-dark-mode="dark"
></div>
WaardeResultaat
lightWidget wordt altijd in light mode getoond
darkWidget wordt altijd in dark mode getoond
Niet opgevenVolgt systeemvoorkeur van de bezoeker

Tip: Afstemmen op je website

Heeft je website een donker design? Gebruik data-tixxy-dark-mode="dark" voor een consistente uitstraling. Voor lichte websites kun je light forceren.


Website integratie

WordPress

  1. Bewerk de pagina waar je de widget wilt plaatsen
  2. Voeg een Custom HTML blok toe
  3. Plak de embed code
  4. Publiceer de pagina

Wix / Squarespace / Webflow

  1. Voeg een Embed of HTML element toe aan je pagina
  2. Plak de embed code
  3. Pas eventueel de container grootte aan
  4. Publiceer

Custom websites

  1. Plak de embed code in je HTML op de gewenste locatie
  2. De widget past zich automatisch aan de container aan
  3. Test op verschillende apparaten

HTTPS vereist

De embed widget vereist een HTTPS-verbinding. Zorg dat je website een SSL-certificaat heeft.


Trackers

Trackers zijn unieke links waarmee je verkopen kunt bijhouden per marketingkanaal of campagne. Elke tracker heeft zijn eigen URL en statistieken.

Lees meer over trackers in de Trackers documentatie.


Veelgestelde vragen

Ja, de embed widget werkt op elke website die JavaScript ondersteunt en HTTPS gebruikt. Dit geldt voor vrijwel alle moderne websites en website builders.

Ja, de widget gebruikt automatisch de branding instellingen van je evenement, zoals kleuren en weergavemodus.

Ja, de widget is volledig responsief en werkt goed op alle apparaten, van desktop tot smartphone.

Controleer of je website HTTPS gebruikt en of er geen ad blockers of script blockers actief zijn. De widget vereist een veilige verbinding en JavaScript.