API-Zugang anfragen
Micro-Frontend · Überblick

Dein Ticketshop als Teil deiner Website.

Besucher wählen, registrieren und bezahlen Tickets direkt auf deinen Seiten: ohne Weiterleitung in einen fremden Shop und im Look deiner Marke. Veranstaltungen, Preise, Kontingente, Zahlung und Tickets laufen weiter über ADITUS.

Live-Demo ansehenZur technischen Dokumentation
Demo-Website ExperienceDays im Desktop-Browser: Unter der Seitenüberschrift zeigt der eingebettete Ticketshop die Veranstaltungsstartseite mit Kacheln.
Derselbe Shop auf dem iPhone: Veranstaltungsstartseite.
Die Demo-Website ExperienceDays: Der Shop sitzt mitten in der Seite, am Desktop und auf dem Smartphone.

Was das Micro-Frontend ist

Das Micro-Frontend ist der ADITUS-Ticketshop als Baustein für deine Website. Dein Webteam setzt ihn auf eine beliebige Seite, und er sieht aus und verhält sich wie ein Teil dieser Seite.

  • Besucher bleiben bei dir

    Kein Sprung auf eine fremde Shop-Domain und kein eingebettetes Fremdfenster. Navigation, Kopf- und Fußbereich deiner Seite bleiben während des ganzen Kaufs sichtbar.

  • Es sieht aus wie deine Marke

    Farben, Schriften und Formen folgen deiner Marke. Ganz ohne Anpassung nutzt der Shop die Farben deiner Veranstaltung aus ADITUS.

  • ADITUS betreibt ihn

    Veranstaltungen, Preise, Kontingente, Zahlung und Tickets kommen live aus deinem ADITUS-Ticketshop. Du pflegst nichts doppelt, und Updates erreichen deine Seite automatisch.

So läuft ein Kauf ab

Vier Schritte, alle auf deiner Seite. Die Screenshots stammen von der Demo-Website ExperienceDays.

  1. Tickets wählen

    Ticketarten mit Preisen, Rabatten und Restverfügbarkeit. Aktionscodes und Gutscheine werden direkt hier eingelöst.

    Ticketauswahl mit Ticketarten, Preisen und Mengen-Schaltflächen.

  2. Warenkorb prüfen

    Eine klare Übersicht aller Positionen. Passende Zusatzartikel schlägt der Shop vor, wenn du sie in ADITUS eingerichtet hast.

    Warenkorb mit den gewählten Tickets, Summen und vorgeschlagenen Zusatzartikeln.

  3. Teilnehmer registrieren

    Jedes Ticket bekommt seinen Teilnehmer, mit deinen Fragen und, wo vorgesehen, mit Zeitfenstern und einer Badge-Vorschau.

    Teilnehmer-Registrierung für ein Ticket mit Zeitfensterauswahl und Badge-Vorschau.

  4. Bezahlen

    Alle Zahlarten, die in deinem Ticketshop eingerichtet sind. Danach erhält der Käufer Bestätigung und Tickets, auf Wunsch auch für Apple Wallet und Google Wallet.

    Zahlungsschritt mit PayPal, Karte, Rechnung und weiteren Zahlarten sowie der Rechnungsadresse.

Auch fürs Smartphone gemacht

Viele Tickets werden am Handy gekauft. Der Shop passt sich kleinen Bildschirmen von selbst an, eine eigene mobile Version brauchst du nicht.

Der Shop auf dem iPhone: Warenkorb mit Ticketübersicht.

Der Grundausbau

Der schnellste Start: Dein Webteam fügt zwei Zeilen Code in die Seite ein, ADITUS schaltet deine Website frei. Ein eigener Server oder Programmierung sind nicht nötig.

Bereits enthalten

  • Der komplette Kauf von der Ticketauswahl bis zum Ticket
  • Gutscheine und Aktionscodes
  • Teilnehmer-Registrierung mit deinen Fragen und Zeitfenstern
  • Upgrades und Zusatzartikel, wie in ADITUS eingerichtet
  • Alle Zahlarten deines Ticketshops
  • Die Farben deiner Veranstaltung aus ADITUS
  • Shop-Oberfläche auf Deutsch und Englisch
  • Desktop, Tablet und Smartphone

Käufer geben ihre Daten im Shop ein. Die Verbindung mit Kundenkonten deiner Website ist Ausbaustufe 2.

Dialog mit dem Angebot, vom Tagesticket auf das Dauerticket zu wechseln.
Upgrade-Angebot nach der Ticketauswahl: erscheint automatisch, wenn es in ADITUS eingerichtet ist.

Optionale Ausbaustufen

Jede Stufe baut auf dem Grundausbau auf und lässt sich auch später ergänzen. Du entscheidest, wie tief die Einbindung geht.

  1. Stufe 1

    An deine Marke anpassen

    Sinnvoll, wenn der Shop über die Veranstaltungsfarben hinaus exakt zu deiner Website passen soll.

    Farben, Schriften, Eckenradien und Abstände stellst du im Styling-Tool visuell ein. Heraus kommt eine kleine Konfiguration, die dein Webteam einfügt.

    Dieselbe Ticketauswahl ohne eigenes Styling.
    Ohne eigenes Styling
    Die Ticketauswahl mit dem Styling von ExperienceDays.
    Mit dem Styling von ExperienceDays

    Aufwand: Einstellungen im Styling-Tool, keine Programmierung

    Zum Styling-Tool →

  2. Stufe 2

    Mit deinen Kundenkonten verbinden

    Sinnvoll, wenn sich Besucher bei dir anmelden, etwa in einem Mitgliederbereich, Kundenkonto oder Ausstellerportal.

    Deine Website teilt dem Shop mit, wer kauft. Bekannte Kunden melden sich nicht ein zweites Mal an, ihre Käuferdaten werden übernommen und bleiben im Shop geschützt.

    Aufwand: eine kleine Erweiterung auf deinem Webserver

    Technische Details →

  3. Stufe 3

    Mit deiner Website verzahnen

    Sinnvoll, wenn der Shop Teil von Navigation, Auswertung und Abläufen deiner Website sein soll.

    • Mini-Warenkorb in deiner Kopfzeile
    • Verkäufe in Google Analytics 4
    • Eigene Bestätigungsseite nach dem Kauf
    • Zurück-Taste und Wischgeste des Browsers führen im Shop einen Schritt zurück

    Aufwand: kleine Ergänzungen durch dein Webteam, jede Funktion einzeln

    Technische Details →

  4. Stufe 4

    Vollausbau

    Sinnvoll, wenn der Ticketverkauf ein zentraler Teil deiner Website ist.

    Alle Stufen zusammen: dein Design, deine Anmeldung, dein Warenkorb im Header, deine Bestätigungsseite und deine Auswertung. Für Besucher ist der Shop nicht mehr von deiner Website zu unterscheiden.

    Aufwand: Stufen 1 bis 3 zusammen, meist Schritt für Schritt eingeführt

    Einbau-Beispiele ansehen →

Nächste Schritte

Diese Seite gibt einen Überblick. Alle technischen Details findest du in der Dokumentation.

Fragen zu deinem Vorhaben? Schreib uns