Was sind Elements?

Dein Shop als einzelne Bausteine für die eigene Website, ohne fertiges Design. Du bestimmst mit deinem CSS, wie alles aussieht.

Elements sind Bausteine für deine eigene Website: Eventliste, Kalender, Titelbild, Beschreibung, Sponsoren, Ticketauswahl, Saalplan und die ganze Kasse. Jeder Baustein zieht nur die Daten aus TickySmart und bringt kein Design mit. Wie alles aussieht, bestimmst du mit deinem eigenen CSS.

Du setzt auf deiner Seite Tags ein, und dort erscheint der passende Inhalt. Käufer bleiben dabei die ganze Zeit auf deiner Website, auch beim Bezahlen.

<script src="https://embed.tickysmart.io/elements/v1.js" data-key="ts_pk_live_…" defer></script>

<ts-event slug="sommerfest">
  <h1><ts-event-title></ts-event-title></h1>
  <ts-event-cover></ts-event-cover>
  <ts-event-description></ts-event-description>
  <ts-ticket-selector></ts-ticket-selector>
  <ts-event-sponsors></ts-event-sponsors>
</ts-event>

So sehen Bausteine ganz ohne CSS aus:

Eventliste aus Bausteinen ohne Gestaltung: nur Bilder, Text und Links im Standard des Browsers

Und das sind dieselben Bausteine mit ein paar Zeilen eigenem CSS:

Dieselbe Eventliste mit eigenem CSS: Karten in einem Raster, eigene Schrift und eigene Farben

Was alles geht

Alles, was dein Shop kann, geht auch mit Elements:

Events: Liste, Monatskalender, Filter nach Kategorie, alle Inhalte der Event-Seite einzeln
Tickets: Termine und Zeitfenster, Preisstufen, Zusatztickets, Extras, Rabattcodes, geheime Tickets, Saalplan, Warteraum, Warteliste, Dauerkarten
Kasse: Käuferdaten, Namen auf Tickets, Rechnung, Altersgrenze, Newsletter, Gutscheine einlösen und alle Zahlungsarten deines Shops
Nach dem Kauf: Tickets mit QR-Code, PDF, Apple und Google Wallet, Namen ändern, Foto, Weiterverkauf, Storno
Rund um den Shop: Gutscheine kaufen, Meine Tickets, Impressum und Rechtstexte, Sponsoren, Kontakt, Sprachwahl

Die vollständige Liste steht unter Alle Bausteine.

Welcher Weg passt zu dir?

Weg	Wo kaufen Käufer?	Wie stark passt du das Aussehen an?	Aufwand
Shop	In deinem Shop	Farbe, Logo, Schrift	Keiner
Widget	Auswahl auf deiner Website, Kasse im neuen Tab	Farbe, Hell oder Dunkel	Ein Stück Code kopieren
Elements	Die ganze Zeit auf deiner Website	Alles, außer den Kartenfeldern	Etwas HTML und CSS
Public API	Nicht für Käufer gedacht	Nicht zutreffend	Eigene Programme für deine Verwaltung

Was du nicht selbst gestalten kannst

Kartennummern dürfen aus Sicherheitsgründen nur in die Felder des Zahlungsanbieters. Diese Felder liegen in einem eigenen Rahmen. Dort greift dein CSS nicht, aber du kannst Farben und Schrift einstellen: Kasse und Zahlung. Manche Anbieter leiten zum Bezahlen auf ihre Seite und danach zurück auf deine Website.

Häufige Fragen

Muss ich programmieren können?

Du brauchst HTML und CSS, aber kein JavaScript. Wer die Abläufe selbst steuern will, findet alles unter JavaScript und Ereignisse.

Was kostet das?

Elements gibt es in jedem Tarif ohne Aufpreis. Für Bestellungen darüber gelten dieselben Gebühren wie im Shop.

Geht mein Shop dann weg?

Nein. Dein Shop bleibt unter seiner Adresse erreichbar. Links in Mails, etwa zur Bestellung oder zur Warteliste, führen weiterhin dorthin.

Läuft das in WordPress, Webflow oder Typo3?

Ja, überall, wo du eigenes HTML und ein Script einfügen kannst. Auch in React, Vue oder Next.js funktionieren die Bausteine wie normale HTML-Tags.