Ein Ticketshop, verschiedene Welten.

Dein individueller Ticketshop in deiner CI — online in nur 10 Minuten

Konfiguration über unser Backend: ein Theme auswählen, Designs und Grafiken einfach hochladen, das Farbschema festlegen und bei Bedarf eine eigene Schrift wählen — so passt du die verschiedenen Portale in wenigen Sekunden an, ganz ohne IT-Vorkenntnisse. Das ist der erste und grundlegende Level der Anpassung. Ein Corporate Design mit nur wenigen Klicks ist gerade für kleinere Unternehmen oft eine große Hilfe, denn unser Framework überzeugt mit einem starken Standard.

Mehr Individualität durch eigenes CSS oder Skripte

Du möchtest ein bisschen mehr? Dir fehlt der persönliche Touch, der dein Event heraushebt, oder du willst bestimmte Informationen besonders deutlich betonen? Dann haben wir die passende Lösung: Mit einfachen HTML- und CSS-Anweisungen setzt du genau solche Anpassungen um. CSS, HTML oder JavaScript fügst du direkt über das Backend hinzu. Unsere Portale sind auf solche Erweiterungen ausgelegt und bieten gezielte Anknüpfungspunkte, etwa CSS Custom Properties (auch bekannt als CSS-Variablen).

Derselbe Prozess-Schritt, einmal im Standard-Design und einmal bewusst extrem per CSS gestaltet:

Startseite

• Header: pinkfarbener Hintergrund und dunkler Schatten
• Footer: gelber Hintergrund
• Aktions-Karten: pinkfarbener Rahmen und dunkler Schatten

Ticketauswahl

• Header: pinkfarbener Hintergrund und dunkler Schatten
• Ticketauswahl-Panel: pinkfarbener Rahmen und dunkler Schatten
• Spaltenkopf: pinkfarbener Hintergrund und weißer Text
• Ticketpreis: dünnere Schrift
• Rabattpreis-Box: gelber Hintergrund
• Seiten-Panels: dunkler Schatten
• Checkout-Button: pinkfarbener Rahmen, weißer Text, dunkler Schatten
• „Or pay with“-Text: kursiv
• Hinweis-Box: gelber Hintergrund

Registrierung

• Header: pinkfarbener Hintergrund und dunkler Schatten
• Teilnehmer-Panel: pinkfarbener Rahmen und dunkler Schatten
• Badge-Vorschau: pinkfarbener Rahmen und dunkler Schatten

Zusammenfassung

• Header: pinkfarbener Hintergrund und dunkler Schatten
• Zusammenfassungs-Panel: pinkfarbener Rahmen und dunkler Schatten
• Ticketnamen: pinkfarbener Text
• Preis: fette Schrift
• Seiten-Panel: dunkler Schatten
• „Buy tickets“-Button: pinkfarbener Rahmen und dunkler Schatten

‹

›

Den kompletten Ticketshop als Baustein einbinden

Den Ticketshop in deine eigene Event-Homepage einbinden? Aber gern. Mit nur wenigen Zeilen integrierst du den Kern aus Ticketkauf und Registrierung direkt in deine Website. Du bekommst einen fertigen, in sich geschlossenen Baustein, der auf deiner Seite läuft — das komplette HTML liegt offen und lässt sich mit deinem eigenen CSS gestalten. Unser Besucherportal ist genau auf solche tiefen Integrationen ausgelegt und bietet zusätzliche Konfigurationsmöglichkeiten:

• Optionale Beschränkung auf ein bestimmtes Event
• Optionale Beschränkung auf bestimmte Funktionen (Kauf, Registrierung, Presse)
• Optionale Beschränkung auf bestimmte Artikel oder Gruppen
• Header und Footer lassen sich ein- oder ausblenden
• Sprache konfigurieren: automatisch oder gesteuert durch die umgebende Website
• Eigenes Styling oder eigenes CSS für die Integration wählen
• Überflüssige Inhalte ausblenden
• Größenanpassung konfigurieren

So bleiben Besucher länger auf der Event-Homepage, ohne weitergeleitet zu werden. Für Entwickler gibt es eine eigene Integrations-Demo und ein Entwickler-Portal, in dem du die Einbindung testen und fertige Skripte generieren kannst. Einfach die gewünschte Variante auswählen, den Integrationscode kopieren und in deine Website einfügen. Um Scrollbalken musst du dich nicht kümmern: Unser Container passt seine Höhe dynamisch an den Inhalt an — so vermeidest du unschöne Scrollbereiche innerhalb deiner Seite.

Technisch basiert diese Einbindung auf einem iFrame — der Shop läuft also in einem eigenen, gekapselten Rahmen innerhalb deiner Seite. Das funktioniert zuverlässig, stößt aber bei der nahtlosen Verzahnung mit deiner Oberfläche an Grenzen. Wir empfehlen diese Lösung daher nur, wenn es schnell gehen muss — für eine wirklich native Integration ist der nächste Level die bessere Wahl: das Shop Micro Frontend, das direkt in dein eigenes Markup rendert.

Den Ticketshop als Micro Frontend nativ einbinden

Auf dieser Stufe verlässt du das Backend-Theming und bindest den Shop direkt im Code ein — als Shop Micro Frontend, das nativ in dein eigenes Markup rendert statt in ein fremdes Widget. Der komplette Ablauf von Discovery bis Ticket ist fertig gebaut. Zwei Wege stehen dir offen:

Beide Micro-Frontend-Varianten lassen sich zusätzlich mit den ADITUS Webhooks kombinieren: Ereignisse wie abgeschlossene Bestellungen oder Registrierungen werden in Echtzeit gemeldet und können in anderen Backends weiterverarbeitet werden — etwa für CRM, Mitglieder-Logik oder eigene Folgeprozesse.

Frei auf der Shop-API integrieren

Die tiefste Stufe für maximale Freiheit: Du integrierst die Shop-Funktionalität vollständig in deine eigene Web-Anwendung, App oder Systemlandschaft — als komplett eigene UI für Shop und Registrierung oder als weitere funktionale Komponente deiner bestehenden Plattform. Alles, was unser Besucherportal kann, kann auch unsere API: Wir nutzen dieselbe vollständige Read/Write-REST-API selbst als Basis für unsere Portale. REST-APIs, Webhooks und SDKs stehen dir für maßgeschneiderte Lösungen zur Verfügung.

Auch dieser Weg lässt sich mit den ADITUS Webhooks kombinieren: relevante Ereignisse werden in Echtzeit gemeldet und können in anderen Backends weiterverarbeitet werden — etwa für CRM, Mitglieder-Logik oder eigene Folgeprozesse.