Billetto hat ein verbessertes Ticket-Widget veröffentlicht, um Dir ein besseres Erlebnis beim Ticketverkauf auf Deiner Website/Deinem Blog zu bieten.
Es gibt vier* Widget-Typen zur Auswahl:
Einzel-Button-Option
Ein Einzel-Button-Widget ermöglicht Dir, einen Button auf Deiner Website hinzuzufügen. Wenn ein Ticketkäufer den Button klickt, öffnet sich ein Billetto-Popup, in dem er den Kauf abschließen kann – ohne Deine Website zu verlassen.
Den Code, den Du auf Deiner Website einfügst, findest Du direkt neben der Widget-Vorschau. Ideal, wenn Du die volle Kontrolle über das Design Deiner Website behalten und trotzdem eine Ticket-Checkout-Option hinzufügen möchtest. Zu finden im Bereich Marketing > Ticket-Widget auf der Verwaltungsseite.
Einzel-Event-Widget
Dieses Widget solltest Du für einzelne Veranstaltungen verwenden. Du kannst zwischen einem Linien-Widget und einem Einzel-Button wählen. Anschließend kannst Du die Button-Farben anpassen und zwischen hellem oder dunklem Hintergrund wählen.
Widgets lassen sich nun in Farben, Erscheinungsbild und Schriftarten deutlich stärker anpassen.
Du kannst außerdem entscheiden, ob das Veranstaltungsbild angezeigt und ob Billetto-Branding eingebunden werden soll.
Wie beim Einzel-Button-Widget findest Du den Code für das Einzel-Event-Widget direkt neben dem Widget-Element im Bereich Marketing > Widget auf der Verwaltungsseite der Veranstaltung.
Widget für wiederkehrende Veranstaltungen
Ein Widget für wiederkehrende Veranstaltungen ist bei Deinen wiederkehrenden Billetto-Veranstaltungen verfügbar. Es zeigt einen Kalender mit den verfügbaren Terminen. Der Ticketkäufer kann dann Datum und Uhrzeit auswählen, für die er Tickets kaufen möchte.
Du kannst zwischen einem Linien-Widget und einem Einzel-Button wählen. Anschließend kannst Du die Button-Farben anpassen und zwischen hellem oder dunklem Hintergrund wählen.
Widgets lassen sich nun in Farben, Erscheinungsbild und Schriftarten deutlich stärker anpassen.
Du kannst außerdem entscheiden, ob das Veranstaltungsbild angezeigt und ob Billetto-Branding eingebunden werden soll.
Den Code für die wiederkehrende Veranstaltung findest Du direkt neben der Widget-Vorschau im Bereich Marketing > Widget auf der Verwaltungsseite.
Konto-Widget
Ein Konto-Widget ist eine großartige Option, wenn Du alle Deine Veranstaltungen auf Deiner Website anzeigen möchtest. Es ist in verschiedenen Ansichten verfügbar – als Kalender, Liste oder Button.
Du kannst die Button-Farben anpassen und zwischen hellem oder dunklem Hintergrund wählen.
Widgets lassen sich nun in Farben, Erscheinungsbild und Schriftarten deutlich stärker anpassen.
Du kannst außerdem entscheiden, ob das Veranstaltungsbild angezeigt und ob Billetto-Branding eingebunden werden soll.
Du kannst den Code direkt über der Widget-Vorschau kopieren. Dieses Widget findest Du im linken Menü unter Verkaufen und dann bei Widget.
Einen individuellen Button für das Kauf-Widget einbinden
Um das Kauf-Widget nahtlos an das Design Deiner Website anzupassen, kannst Du ganz einfach einen individuellen Button einbinden. So bewahrst Du die visuelle Konsistenz und bietest gleichzeitig ein intuitives und markengerechtes Ticket-Kauferlebnis. Folge den Schritten unten, um Deinen personalisierten Button umzusetzen:
Widget-Skript einbetten: Bette zunächst das folgende Skript in den HTML-Code Deiner Website ein. Dieses Skript ist entscheidend für die Funktionalität des Widgets. Stelle sicher, dass Du .eu durch die passende Länderdomain für Deinen Standort ersetzt:
<script src="https://billetto.co.uk/embed.js"></script>
- Einen individuellen Link erstellen: Nutze ein Anchor-Tag (
<a>), um einen klickbaren Button zu erstellen. Dieses Tag sollte die URL zur Auswahlseite enthalten, auf der das Widget aktiviert wird. Hier ein Beispiel:
<a href="https://billetto.co.uk/e/e-738524/select?color=%23459197">Tickets jetzt kaufen</a>
- Deinen Button anpassen:
- Event-ID: Personalisiere den Button-Link, indem Du den Platzhalter neben
/e-durch Deine konkrete Event-ID ersetzt. So leitet das Widget Nutzer zur richtigen Veranstaltung. - Farbschema: Passe die Button-Farbe an Dein Website-Design an, indem Du den Hex-Code im
color-Query-Parameter der URL änderst. Der Hex-Code ermöglicht präzises Farbabstimmen für ein einheitliches Look & Feel.
- Event-ID: Personalisiere den Button-Link, indem Du den Platzhalter neben
Wenn Du diesen Anweisungen folgst, kannst Du mühelos einen individuellen Button auf Deiner Website integrieren, der das Nutzererlebnis verbessert und die Markenidentität Deiner Online-Präsenz wahrt.
Passe Dein Widget an
Farbgebung: Billetto-Widgets sind nun in hellen und dunklen Themes verfügbar, und Du kannst die Farbe des Buttons und der Elemente ändern. Bitte beachte: Wenn Du eine Farbe wählst, die unlesbar ist, tauscht Billetto die Farben automatisch aus und stellt auf Blau um.
Bild ausblenden: Entfernt das Veranstaltungs-Banner aus dem Widget.
White Label: Entfernt das Billetto-Branding.
Private Veranstaltungen anzeigen: Wenn Du private Veranstaltungen in Deine Widget-Auswahl aufnehmen möchtest.
Direkt auf Deiner Website verkaufen: (Standardmäßig aktiviert) – Wenn deaktiviert, führt der Klick auf „Tickets holen" den Nutzer auf die Veranstaltungsseite auf der Billetto-Website. Wenn aktiviert, kann der Nutzer direkt auf Deiner Website kaufen.
Das Widget in Squarespace, Wordpress.org oder Wordpress.com einbetten
Squarespace
So bettest Du das neue Widget auf Deiner Squarespace-Website ein:
1. Nutze das „Embed"-Element und klicke auf das „</>"-Symbol.
2. Füge den Code in das erscheinende Fenster ein und klicke auf „Set".
3. Wende das Element an und veröffentliche die Änderungen.
In der Element-Vorschau auf Squarespace kannst Du das Widget nicht sehen – prüfe es daher auf der Live-Seite.
Wordpress.org
So bettest Du das Widget auf einer Wordpress.org-Website ein:
1. Füge im gewünschten Bereich ein neues Widget hinzu.
2. Wähle den Widget-Typ „Custom HTML".
3. Veröffentliche das Update auf Deiner Website.
Wordpress.com
Das aktuelle Widget wird von Wordpress.com nicht unterstützt, da dieser Dienst keine benutzerdefinierten Skripte erlaubt.
Wenn Du Wordpress.com nutzt, empfehlen wir, einen individuellen Button zu erstellen und ihn direkt mit der Billetto-Ticket-Kaufseite zu verlinken.
Widget in Wix einbetten
- Klicke auf den Link https://wix.to/qA6B5dv (stelle sicher, dass Du bei Wix angemeldet bist).
- Stimme der Berechtigung zu, damit Billetto installiert werden kann.
- Klicke auf Deiner Wix-Website auf Edit Site.
- Klicke auf Add App und wähle Billetto Widget.
- Klicke auf Embed Link und füge das Skript/den Code von Billetto ein.
- Passe im Wix-Website-Builder die Widget-Größe für den Desktop an.
- Wechsle in die Tablet-Ansicht im Wix-Website-Builder und passe die Größe für Tablets an.
- Wechsle in die Mobile-Ansicht im Wix-Website-Builder und passe die Größe für Mobile an (wir empfehlen volle Breite).
- Veröffentliche und sieh Dir die Live-Website an.
Bitte beachte: Aktuell funktioniert Apple Pay nicht direkt im Widget auf externen Websites. Grund dafür sind die Sicherheitsrichtlinien von Apple.
Datenschutzhinweise
Auf Deiner Website musst Du Endnutzer möglicherweise über das _billetto_session-Cookie informieren, um rechtliche Vorgaben zu erfüllen. Hier eine Erklärung des Cookies:
Das _billetto_session-Cookie speichert Informationen zur aktuellen Sitzung auf der Billetto-Website. Dieses Cookie ist essenziell, damit die Website korrekt funktioniert, indem es sitzungsspezifische Daten aufrechterhält. Wenn Veranstalter Billettos eingebetteten Ticketing-Flow nutzen, wird das _billetto_session-Cookie auch dort gesetzt und erfüllt die gleiche Funktion – für ein nahtloses und konsistentes Erlebnis in der eingebetteten Version und auf der Hauptseite. Das Cookie unterstützt Nutzer-Authentifizierung, Sitzungsstatus und weitere sitzungsbezogene Aktivitäten, die für einen Kauf auf Billetto nötig sind.
Widget öffnet leere neue Tabs?
Das liegt an den Sicherheitsrichtlinien Deiner Website. Wir empfehlen, Folgendes zu aktualisieren:
- Cross-Origin-Opener-Policy
- X-Frame-Options
Bitte beachte: Das hat Auswirkungen auf die Sicherheit Deiner Website (wenn Du externe Inhalte hostest). Prüfe daher beide Änderungen sorgfältig, bevor Du sie vornimmst.
Bei Fragen wende Dich gerne an unser Kundensupport-Team unter support@billetto.com.