Ticketbox einbetten

Mit Usetix kannst Du eine kompakte Ticketbox auf Deiner eigenen Website einbetten. Besucher wählen die Ticketanzahl direkt auf Deiner Seite und gehen danach in den normalen gehosteten Usetix-Checkout.

Das passt, wenn Dein Event bereits eine eigene Website, Festival-Seite, Venue-Seite oder Kampagnen-Landingpage hat und Usetix nur Ticketauswahl, Checkout, Zahlung, Rechnungen, Ticketzustellung und Check-in übernehmen soll.

So funktioniert es

Jedes Event hat eine Embed-URL:

https://deine-shop-domain/events/spring-showcase/embed

Die Ticketbox ist für ein iframe gebaut. Sie zeigt Eventname, Datum, Venue, verfügbare Tickets, Mengenauswahl, Warenkorb-Summe und Checkout-Button.

Wenn der Käufer auf Checkout klickt, öffnet Usetix den gehosteten Checkout als ganze Seite. Die Zahlung läuft nicht innerhalb des iframes. So bleiben Zahlungsweiterleitungen, Rechtstexte, Rechnungsfelder, benutzerdefinierte Checkout-Fragen, Rabattcodes, Bestandsreservierung und Ticketzustellung im normalen Usetix-Ablauf.

Iframe einfügen

Öffne das Event in Usetix, öffne das Aktionsmenü des Events und wähle Ticketbox einbetten. Usetix zeigt Dir den iframe-Code, den normalen gehosteten Event-Link und Vorschau-Links für die Ticketbox.

Der iframe-Code sieht so aus:

<iframe
  src="https://deine-shop-domain/events/spring-showcase/embed?ref=embed"
  title="Tickets für Spring Showcase"
  style="width:100%; min-height:420px; border:0;"
  loading="lazy">
</iframe>

Füge ihn auf der Seite ein, auf der die Tickets erscheinen sollen. Das iframe ist bewusst schlicht: kein Floating-Widget-Script, kein Auto-Resize-Script, kein zusätzliches Tracking-Script. Starte mit mindestens 420px Höhe und passe sie an, wenn Deine Ticketliste mehr Platz braucht.

Wenn Dein Website-Builder keine iframes erlaubt, nutze den gehosteten Event-Link, der auf derselben Embed-Seite angezeigt wird.

Private und versteckte Tickets

Versteckte Tickets funktionieren weiter über Zugriffscodes. Wenn Dein Event versteckte Tickettypen hat, zeigt die Embed-Seite eigene Snippets für diese Tickets.

Eine Embed-URL für private Tickets enthält code:

https://deine-shop-domain/events/spring-showcase/embed?ref=embed&code=vip

Nur Personen, die die Ticketbox mit dem richtigen Code laden, sehen dieses versteckte Ticket. Der gleiche Code wird in den Checkout übernommen.

Vorschau und unveröffentlichte Events

Veröffentlichte Events kannst Du sofort einbetten. Entwürfe oder unveröffentlichte Events nutzen denselben Vorschau-Schutz wie der normale Usetix-Shop. So kannst Du die Ticketbox testen, bevor das Event öffentlich ist.

Sobald das Event live ist, teilst oder bettest Du die öffentliche URL ohne Vorschau-Token ein.

Attribution und Rabattcodes

Embed-URLs können dieselben Kampagnenparameter tragen wie normale Shop-Links:

Parameter	Was Usetix übernimmt
utm_source	Plattform oder Partner, zum Beispiel instagram, newsletter oder venue-site.
utm_medium	Kanal, zum Beispiel social, email oder affiliate.
utm_campaign	Kampagnenname.
utm_term	Suchbegriff bei bezahlter Suche, falls relevant.
utm_content	Creative- oder Platzierungsvariante.
ref	Freier Referral-Code. Embed-Codes nutzen standardmäßig ref=embed.
promo	Rabattcode, der im Checkout vorausgefüllt bzw. angewendet wird, wenn er gültig ist.

Diese Werte werden vom iframe in den Checkout übernommen und auf der Bestellung gespeichert. Du siehst die Herkunft im Bestelldetail und in Webhook-Payloads. Das vollständige Modell findest Du im Guide zu UTM-Tracking.

Was die Ticketbox nicht macht

• Sie ersetzt nicht den Usetix-Checkout.
• Sie verarbeitet keine Karten-, Wallet-, PayPal- oder lokalen Zahlungen im iframe.
• Sie stellt keine eigene Checkout-API bereit.
• Sie enthält keinen Floating-Launcher und kein Auto-Resize-Script.

So bleibt die Integration klein und robust: Deine Website übernimmt das Event-Storytelling, Usetix übernimmt den Kaufabschluss.

Brauchst Du Hilfe beim Einbetten? Schreib uns.