Shop
ticketshop

Der TikFlow Ticketshop

Der TikFlow Ticketshop ist die Verkaufsseite, auf der deine Kunden Tickets online kaufen können. Nach dem Anlegen eines Events und der Verifikation wird dein Shop unter einer kurzen URL erreichbar – optimiert für Desktop und Mobile, mit Dark Mode, Sitzplatz-Auswahl und vielen weiteren Features.


Übersicht der Shop-Features

FeatureBeschreibung
Responsive DesignOptimiert für Desktop, Tablet und Smartphone
Dark/Light ModeUmschaltbarer Theme-Wechsel für Besucher
GalerieBilder-Slider mit bis zu 5 Bildern
Video-EinbettungYouTube- und Vimeo-Videos direkt im Shop
Beschreibung mit Varianten3 Design-Varianten für die Event-Beschreibung
Line-upKünstler, Speaker oder Programmpunkte präsentieren
Agenda / AblaufZeitlicher Ablauf mit 3 Darstellungsvarianten
NewsletterE-Mail-Sammlung direkt im Ticketshop
Section OrderFrei konfigurierbare Reihenfolge der Shop-Abschnitte
3 Zeitplan-ModiTermine, Vermietung oder Dauerangebot
Termin-AuswahlBei Events mit mehreren Slots wählt der Kunde seinen Termin
Sitzplatz-AuswahlInteraktiver Saalplan mit Echtzeit-Verfügbarkeit
Ticket-KategorienGruppierte Tickettypen mit ein-/ausklappbaren Bereichen
Veranstalter-AGBRechtliche Informationen direkt im Shop
Share-FunktionTeilen via WhatsApp, Instagram, TikTok, X
Ticket-NeuversandKäufer können verlorene Tickets erneut anfordern
Google MapsDirekte Verlinkung zur Navigation
Shop-VorschauLive-Preview vor Veröffentlichung

Shop-URL und Zugang

Dein Ticketshop ist über dieses URL-Format erreichbar:

https://tikflow.de/eventId/{eventName}

Beispiel: https://tikflow.de/123456/summer-festival-2025


Freischaltung des Shops

Der Ticketshop ist erst aktiv, wenn folgende Bedingungen erfüllt sind:

AnforderungStatus
Veranstalter verifiziertVerifikation muss abgeschlossen sein
Event nicht in VergangenheitMindestens ein zukünftiger Termin
Event nicht deaktiviertStatus muss "aktiv" sein

Shop-Sperr-Banner

Wenn der Shop nicht freigeschaltet ist, sehen Besucher einen Hinweis:

  • "Ticketshop nicht freigeschaltet" – Verifikation ausstehend
  • "Veranstaltung beendet" – Alle Termine liegen in der Vergangenheit

⚠️ Wichtig: Auch bei gesperrtem Shop können Besucher alle Event-Informationen sehen – nur der Kauf ist deaktiviert.


Header und Branding

Der Shop-Header zeigt:

  • TikFlow-Logo (wechselt je nach Theme)
  • "Dein Ticket Shop" Label
  • Theme-Toggle (Sonne/Mond-Symbol)

Event-Branding

Im Shop werden deine Branding-Elemente angezeigt:

ElementPositionAnforderung
LogoRechts oben (ohne Banner) oder auf BannerQuadratisch (1:1)
BannerHero-Bereich, volle BreiteBreitformat (3.125:1)
TitelGroße ÜberschriftPflichtfeld
BeschreibungUnter dem TitelOptional, max. 600 Zeichen

Galerie (Bilder-Slider)

Der Ticketshop kann eine Bildergalerie als Slider anzeigen – ideal, um Impressionen, Venue-Fotos oder Highlight-Bilder zu präsentieren.

EinstellungDetails
AktivierungPer Toggle im Dashboard
Max. Bilder5
Pro BildDateiname, Alt-Text, Sortierung
AnzeigeSlider/Karussell im Shop

💡 Tipp: Verwende aussagekräftige Alt-Texte für bessere Barrierefreiheit und SEO.


Video-Einbettung

Du kannst ein YouTube- oder Vimeo-Video direkt im Ticketshop einbetten – perfekt für Trailer, Aftermovies oder Erklärvideos.

EinstellungDetails
AktivierungPer Feature-Toggle im Dashboard
Unterstützte PlattformenYouTube, Vimeo
FelderVideo-URL (Pflicht), Video-Titel (optional)
VorschauLive-Preview des Embeds im Dashboard

⚠️ Wichtig: Es werden nur gültige YouTube- und Vimeo-URLs akzeptiert. Andere Video-Plattformen werden nicht unterstützt.


Beschreibung mit Design-Varianten

Die Event-Beschreibung kann in 3 verschiedenen Design-Varianten dargestellt werden – für mehr visuellen Ausdruck im Shop.

VarianteStil
Standard (1)Klassische Textdarstellung
Akzent (2)Hervorgehobene, betonte Darstellung
Magazin (3)Editorial-Look mit großzügigem Layout
EinstellungDetails
AktivierungPer Feature-Toggle im Dashboard
FelderTitel (optional), Beschreibungstext (max. 600 Zeichen)
VorschauLive-Preview der gewählten Variante im Dashboard

ℹ️ Hinweis: Wenn die erweiterte Beschreibung aktiviert ist, ersetzt sie die einfache Beschreibung aus den Grunddaten.


Line-up

Präsentiere dein Line-up – ob Künstler, Speaker, Moderatoren oder Programmpunkte – direkt im Ticketshop.

Darstellungsvarianten

VarianteStil
Liste (1)Kompakte Listenansicht
Grid (2)Kachelansicht mit Bildern
Timeline (3)Chronologische Zeitachse

Pro Eintrag

FeldPflicht
Name✅ Ja
Rolle / Beschreibung❌ Nein
Bild❌ Nein
Datum / Uhrzeit❌ Nein
EinstellungDetails
Max. Einträge20
SortierungPer Auf-/Ab-Pfeile im Dashboard
LöschbarJa, einzelne Einträge entfernbar

💡 Tipp: Die Grid-Variante eignet sich besonders für Festivals und Konferenzen mit vielen Acts oder Speakern.


Agenda / Ablauf

Zeige deinen Besuchern den zeitlichen Ablauf der Veranstaltung – von der Türöffnung bis zum Finale.

Darstellungsvarianten

VarianteStil
Liste (1)Kompakte Auflistung
Timeline (2)Visuelle Zeitachse
Karten (3)Card-basierte Darstellung

Pro Eintrag

FeldPflicht
Name / Titel✅ Ja
Beschreibung❌ Nein
Uhrzeit❌ Nein
EinstellungDetails
Max. Einträge30
SortierungPer Auf-/Ab-Pfeile im Dashboard
LöschbarJa, einzelne Einträge entfernbar

Newsletter-Anmeldung

Aktiviere die E-Mail-Sammlung direkt im Ticketshop, um Interessenten für deinen Newsletter zu gewinnen.

EinstellungDetails
AktivierungEinfacher Toggle im Dashboard
AnzeigeE-Mail-Eingabefeld im Shop
KonfigurationKeine weiteren Einstellungen nötig

💡 Tipp: Kombiniere die Newsletter-Anmeldung mit einem attraktiven Line-up oder Galerie-Bildern – das erhöht die Anmelderate.


Section Order (Abschnitts-Reihenfolge)

Die Reihenfolge der Shop-Abschnitte ist frei konfigurierbar. Damit bestimmst du, in welcher Reihenfolge die Features im Ticketshop angezeigt werden.

Standard-Reihenfolge

  1. Video
  2. Beschreibung
  3. Galerie
  4. Line-up
  5. Agenda

Die Reihenfolge kann im Dashboard über Auf-/Ab-Funktionen angepasst oder auf die Standard-Reihenfolge zurückgesetzt werden.


Theme-Wechsel (Dark/Light Mode)

Besucher können zwischen hellem und dunklem Design wechseln:

  • Light Mode – Heller Hintergrund, dunkle Schrift
  • Dark Mode – Dunkler Hintergrund, helle Schrift

Die Einstellung wird im Browser gespeichert und beim nächsten Besuch wiederhergestellt.

💡 Tipp: Der Dark Mode ist besonders bei Abendveranstaltungen und Konzerten beliebt – er schont die Augen und wirkt moderner.


Zeitplan-Modi

Der TikFlow Ticketshop unterstützt 3 verschiedene Zeitplan-Modi, die beim Erstellen des Events festgelegt werden.

Modus 1: Termine (Slots)

Für Events mit konkreten Terminen – Konzerte, Workshops, Vorstellungen.

EinstellungDetails
SlotsBeliebig viele Einzeltermine
Pro SlotDatum, Startzeit, Endzeit
GanztägigOptional, blendet Uhrzeiten aus
LöschbarJa (mindestens 1 Slot erforderlich)

Termin-Karte im Shop

InfoBeschreibung
WochentagKurzform (Mo, Di, Mi, ...)
DatumFormatiert nach deutschem Standard
UhrzeitBeginn des Events
Status-BadgeGewählt, Abgesagt, Ausverkauft

Termin-Status

StatusAnzeigeKaufbar
AktivKlickbar, auswählbar✅ Ja
GewähltGrüner Haken, hervorgehoben✅ Ja
AusverkauftGelbes Badge "Ausverkauft"❌ Nein
AbgesagtRotes Badge "Abgesagt"❌ Nein

ℹ️ Hinweis: Vergangene Termine werden automatisch ausgeblendet – nur zukünftige Slots sind sichtbar.

Modus 2: Vermietung (Rental)

Für Ferienwohnungen, Stellplätze, Equipment-Verleih und ähnliche Buchungen.

EinstellungDetails
BuchungseinheitTag, Stunde oder Minute
VerfügbarkeitVon/Bis-Datum oder unbegrenzt
Check-in / Check-outNur bei Buchung nach Tagen
ÖffnungszeitenPro Wochentag (bei Stunden/Minuten)
Buchungsintervall5, 10, 15, 30 oder 60 Minuten (nur bei Minuten)
Min./Max. DauerGlobale Buchungsdauer-Grenzen

Objekttypen (ohne Seatmap)

Wenn keine Seatmap verwendet wird, können Objekttypen definiert werden:

FeldDetails
NameBezeichnung des Objekts
KapazitätVerfügbare Anzahl
BasispreisPreis pro Buchungseinheit
BeschreibungOptionale Beschreibung
Min./Max. DauerEigene Dauer-Grenzen pro Typ
SaisonpreiseName, Von/Bis-Datum, abweichender Preis

Ablauf im Shop

  1. Objekt auswählen – Im Saalplan auf Stellplatz/Objekt klicken
  2. Kalender laden – Verfügbarkeit wird angezeigt
  3. Zeitraum wählen – Von/Bis-Datum im Kalender markieren
  4. Reservieren – "Zeitraum reservieren" Button

Kalender-Anzeige

StatusFarbeBedeutung
FreiGrün/StandardBuchbar
ReserviertGelbVorgemerkt, aber noch nicht bezahlt
GebuchtRot/GrauBereits vergeben

Modus 3: Dauerangebot (Open)

Für dauerhaft verfügbare Angebote ohne feste Termine – z.B. Gutscheine, Dauerkarten oder Mitgliedschaften.

EinstellungDetails
TermineKeine – dauerhaft verfügbar
KonfigurationKeine weiteren Einstellungen nötig

💡 Tipp: Der Dauerangebot-Modus eignet sich perfekt für Schwimmbäder, Fitnessstudios oder andere Einrichtungen mit fortlaufendem Angebot.


Sitzplatz-Auswahl (Seatmap)

Wenn dem Event eine Seatmap zugeordnet ist, erscheint der interaktive Saalplan:

Bedienung für Käufer

AktionEingabe
Platz auswählenKurzer Klick auf Sitz
Mehrere PlätzeNacheinander klicken
ZoomenMausrad oder Pinch-Geste
VerschiebenDrag mit Maus/Finger
Auswahl aufhebenESC-Taste oder Button

Farbkodierung

FarbeBedeutung
KlassenfarbeVerfügbar (je nach Preiskategorie)
Weiß/GrauBereits verkauft
Gelb/OrangeReserviert (im Warenkorb eines anderen)
HervorgehobenVom Käufer ausgewählt

Legende & Verfügbarkeit

Unter dem Saalplan zeigt die Legende:

  • Alle Preiskategorien mit Farbe
  • Verfügbare Plätze pro Kategorie
  • Reservierte und verkaufte Plätze
  • Preis pro Kategorie

Bereichs-Filter

Bei großen Saalplänen können Käufer nach Bereichen filtern:

  • Buttons für jeden Bereich (Block, Rang, Sektion)
  • Anzahl der Plätze pro Bereich
  • Multi-Select möglich
  • "Alle Bereiche" setzt Filter zurück

💡 Tipp: Der Bereichs-Filter hilft bei großen Veranstaltungsorten – Käufer finden schneller ihren Wunschbereich.


Ticket-Kategorien

Tickets können in Kategorien gruppiert werden – ideal für übersichtliche Shops mit vielen Tickettypen.

Kategorien-Ansicht

ElementBeschreibung
Kategorie-HeaderName, Beschreibung, Emoji
Ticket-AnzahlBadge mit Anzahl der Tickets
Ein-/AusklappenOptional: Kategorien können collapsed sein

Ticket-Zeile enthält

InfoPosition
NameLinks, mit Pass-Type Badge
GültigkeitDarunter (Datum, Zeitraum, flexibel)
Nutzungen/CooldownDarunter (z.B. "5 Einlösungen")
VerfügbarkeitDarunter (z.B. "Verfügbar: 42")
PreisRechts
Mengen-SteuerungGanz rechts (Input + Buttons)

Mengen-Auswahl

  • Eingabefeld für direkte Eingabe
  • ▲/▼ Buttons für +1/-1
  • Maximum wird durch Verfügbarkeit begrenzt
  • Ausverkauft = Eingabe deaktiviert


Veranstalter-AGB

Der Shop zeigt die rechtlichen Informationen des Veranstalters:

AGB-Anzeige

VarianteAnzeige
Eigene AGB-URLLink öffnet externe Seite
TikFlow AGB-VorlageButton öffnet Modal im Shop

AGB-Modal

  • Scrollbarer Vertragstext
  • Schließen per X-Button oder Escape
  • Header mit Titel und Emoji

ℹ️ Hinweis: Mit dem Kauf akzeptieren Käufer automatisch die AGB des Veranstalters – ein entsprechender Hinweis wird angezeigt.


Venue / Veranstaltungsort

Die Adresse wird übersichtlich dargestellt:

ElementBeispiel
🏛️ Location"Festhalle Musterstadt"
📮 Adresse"Hauptstraße 1, 12345 Musterstadt"
🌍 Land"Deutschland"

Navigation-Buttons

  • 🗺️ Route planen – Öffnet Google Maps mit Ziel
  • 📍 In Karte anzeigen – Zeigt Standort auf Karte

💡 Tipp: Vollständige Adressen verbessern die Nutzererfahrung – Käufer können direkt zur Navigation wechseln.


Share-Funktion

Käufer können das Event teilen:

Share-Optionen

PlattformFunktion
Link kopierenKopiert URL in Zwischenablage
WhatsAppÖffnet WhatsApp mit vorformatierter Nachricht
InstagramKopiert Link (da kein direktes Teilen möglich)
TikTokKopiert Link (da kein direktes Teilen möglich)
X (Twitter)Öffnet Tweet-Dialog
Mehr OptionenNative Share-API (nur Mobile)

Share-Text

{Event-Titel} – Tickets jetzt verfügbar!
{Shop-URL}

Ticket-Neuversand

Käufer, die ihre Tickets nicht erhalten haben, können diese erneut anfordern:

Ablauf

  1. Bereich öffnen – "E-Mail nicht angekommen? Erneut senden"
  2. Sicherheitscheck – Einfache Rechenaufgabe lösen (Spam-Schutz)
  3. E-Mail eingeben – Die beim Kauf verwendete Adresse
  4. Absenden – Tickets werden erneut gesendet

Rückmeldungen

StatusMeldung
Erfolg"Wir haben dir die Unterlagen erneut an ... geschickt."
Nicht gefunden"Kein Ticketkauf unter angegebener E-Mail gefunden."
Fehler"Unerwarteter Fehler – bitte später erneut versuchen."

⚠️ Wichtig: Der Neuversand funktioniert nur für die E-Mail-Adresse, die beim ursprünglichen Kauf angegeben wurde.


Mobile-Optimierung

Der Shop ist vollständig für Smartphones optimiert:

Sticky Bottom Bar

Am unteren Bildschirmrand erscheint eine fixierte Leiste mit:

  • Gesamtsumme – Aktueller Warenkorbwert
  • Kauf-Button – "Jetzt kaufen" oder "Weiter"

Mobile-spezifische Anpassungen

ElementDesktopMobile
Ticket-InfosEinzeiligMehrzeilig
Mengen-InputBreiterSchmaler
Termin-Grid3 Spalten1-2 Spalten
Bottom BarVerstecktSichtbar

Safe Area

Die Bottom Bar berücksichtigt den Safe Area Inset moderner iPhones – der Button ist immer vollständig sichtbar.


Warenkorb und Checkout

Ohne Seatmap

InfoAnzeige
TickettypName und Menge
EinzelpreisPro Ticket
GesamtsummeUnten rechts

Mit Seatmap

InfoAnzeige
Ausgewählte Plätze"X Plätze ausgewählt"
Nach KategorieAufschlüsselung mit Farbe
Summe pro KategorieAnzahl × Preis
GesamtsummeUnten

Checkout-Button

  • "Jetzt kaufen" – Für Tickets ohne Seatmap
  • "Weiter zur Kasse" – Für Seatmap-Auswahl
  • "Zeitraum reservieren" – Für Rental-Modus

ℹ️ Hinweis: Der Button ist deaktiviert, wenn keine Tickets ausgewählt sind oder der Shop gesperrt ist.


Promo-Link

Optional kann ein Promo-Link angezeigt werden:

  • Erscheint als klickbarer Text unter der Beschreibung
  • Öffnet externe URL in neuem Tab
  • Ideal für: Website, Social Media, Sponsoren

Shop-Vorschau

Vor der Veröffentlichung kannst du eine Live-Vorschau deines Ticketshops öffnen, um das Ergebnis zu prüfen.

EinstellungDetails
Zugang"Vorschau"-Button neben dem Speichern-Button
AnzeigeVollständiges Shop-Preview im Modal
InhaltTitel, Beschreibung, Venue, Logo, Banner, Galerie, Video, Beschreibung, Line-up, Agenda, Newsletter, Section Order
BilderCDN-basierte URLs für optimale Darstellung

💡 Tipp: Nutze die Vorschau, um das Zusammenspiel von Branding, Galerie, Video und Line-up zu prüfen, bevor dein Shop live geht.


Offline-Hinweise

Falls ein Event nicht verfügbar ist:

GrundAnzeige
Deaktiviert"Die Verkaufsseite ist derzeit offline."
Archiviert"Diese Veranstaltung wurde archiviert."
Nicht gefunden"Event konnte nicht geladen werden."

Technische Hinweise für Veranstalter

Echtzeit-Aktualisierung

  • Sitzplatz-Status wird alle 5 Sekunden aktualisiert
  • Verkaufte/Reservierte Plätze werden sofort markiert
  • Keine manuelle Aktualisierung nötig

Performance

  • Lazy Loading für Bilder
  • Optimierte Schriftarten
  • Minimale Bundle-Größe
  • CDN-Delivery für Assets

Ideal für alle Event-Arten

Der TikFlow Ticketshop unterstützt:

  • Konzerte und Festivals – Mit Sitzplatz-Auswahl und Termin-Slots
  • Theater und Kulturveranstaltungen – Kategorisierte Tickets und Preisstufen
  • Schwimmbäder und Thermen – Dauerkarten und Zeitfenster-Buchung
  • Workshops und Seminare – Mehrere Termine zur Auswahl
  • Vermietungen – Rental-Modus mit Kalender
  • Sport-Events – Große Seatmaps mit Bereichsfilter

Zusammenfassung: Der perfekte Shop

Ein erfolgreicher TikFlow Ticketshop hat:

  1. Vollständiges Branding – Logo, Banner, Beschreibung
  2. Ansprechende Inhalte – Galerie, Video, Line-up und Agenda für ein professionelles Auftreten
  3. Klare Ticketstruktur – Kategorien und verständliche Namen
  4. Passender Zeitplan-Modus – Termine, Vermietung oder Dauerangebot je nach Event-Typ
  5. Präzise Seatmap – Falls nötig, gut beschriftete Bereiche
  6. Vollständige Adresse – Für Navigation und Vertrauen
  7. Aktive Verifikation – Damit der Verkauf freigeschaltet ist
  8. Veranstalter-AGB – Rechtliche Absicherung
  9. Optimale Section Order – Die wichtigsten Inhalte zuerst