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
| Feature | Beschreibung |
|---|---|
| Responsive Design | Optimiert für Desktop, Tablet und Smartphone |
| Dark/Light Mode | Umschaltbarer Theme-Wechsel für Besucher |
| Galerie | Bilder-Slider mit bis zu 5 Bildern |
| Video-Einbettung | YouTube- und Vimeo-Videos direkt im Shop |
| Beschreibung mit Varianten | 3 Design-Varianten für die Event-Beschreibung |
| Line-up | Künstler, Speaker oder Programmpunkte präsentieren |
| Agenda / Ablauf | Zeitlicher Ablauf mit 3 Darstellungsvarianten |
| Newsletter | E-Mail-Sammlung direkt im Ticketshop |
| Section Order | Frei konfigurierbare Reihenfolge der Shop-Abschnitte |
| 3 Zeitplan-Modi | Termine, Vermietung oder Dauerangebot |
| Termin-Auswahl | Bei Events mit mehreren Slots wählt der Kunde seinen Termin |
| Sitzplatz-Auswahl | Interaktiver Saalplan mit Echtzeit-Verfügbarkeit |
| Ticket-Kategorien | Gruppierte Tickettypen mit ein-/ausklappbaren Bereichen |
| Veranstalter-AGB | Rechtliche Informationen direkt im Shop |
| Share-Funktion | Teilen via WhatsApp, Instagram, TikTok, X |
| Ticket-Neuversand | Käufer können verlorene Tickets erneut anfordern |
| Google Maps | Direkte Verlinkung zur Navigation |
| Shop-Vorschau | Live-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:
| Anforderung | Status |
|---|---|
| Veranstalter verifiziert | Verifikation muss abgeschlossen sein |
| Event nicht in Vergangenheit | Mindestens ein zukünftiger Termin |
| Event nicht deaktiviert | Status 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:
| Element | Position | Anforderung |
|---|---|---|
| Logo | Rechts oben (ohne Banner) oder auf Banner | Quadratisch (1:1) |
| Banner | Hero-Bereich, volle Breite | Breitformat (3.125:1) |
| Titel | Große Überschrift | Pflichtfeld |
| Beschreibung | Unter dem Titel | Optional, 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.
| Einstellung | Details |
|---|---|
| Aktivierung | Per Toggle im Dashboard |
| Max. Bilder | 5 |
| Pro Bild | Dateiname, Alt-Text, Sortierung |
| Anzeige | Slider/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.
| Einstellung | Details |
|---|---|
| Aktivierung | Per Feature-Toggle im Dashboard |
| Unterstützte Plattformen | YouTube, Vimeo |
| Felder | Video-URL (Pflicht), Video-Titel (optional) |
| Vorschau | Live-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.
| Variante | Stil |
|---|---|
| Standard (1) | Klassische Textdarstellung |
| Akzent (2) | Hervorgehobene, betonte Darstellung |
| Magazin (3) | Editorial-Look mit großzügigem Layout |
| Einstellung | Details |
|---|---|
| Aktivierung | Per Feature-Toggle im Dashboard |
| Felder | Titel (optional), Beschreibungstext (max. 600 Zeichen) |
| Vorschau | Live-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
| Variante | Stil |
|---|---|
| Liste (1) | Kompakte Listenansicht |
| Grid (2) | Kachelansicht mit Bildern |
| Timeline (3) | Chronologische Zeitachse |
Pro Eintrag
| Feld | Pflicht |
|---|---|
| Name | ✅ Ja |
| Rolle / Beschreibung | ❌ Nein |
| Bild | ❌ Nein |
| Datum / Uhrzeit | ❌ Nein |
| Einstellung | Details |
|---|---|
| Max. Einträge | 20 |
| Sortierung | Per Auf-/Ab-Pfeile im Dashboard |
| Löschbar | Ja, 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
| Variante | Stil |
|---|---|
| Liste (1) | Kompakte Auflistung |
| Timeline (2) | Visuelle Zeitachse |
| Karten (3) | Card-basierte Darstellung |
Pro Eintrag
| Feld | Pflicht |
|---|---|
| Name / Titel | ✅ Ja |
| Beschreibung | ❌ Nein |
| Uhrzeit | ❌ Nein |
| Einstellung | Details |
|---|---|
| Max. Einträge | 30 |
| Sortierung | Per Auf-/Ab-Pfeile im Dashboard |
| Löschbar | Ja, einzelne Einträge entfernbar |
Newsletter-Anmeldung
Aktiviere die E-Mail-Sammlung direkt im Ticketshop, um Interessenten für deinen Newsletter zu gewinnen.
| Einstellung | Details |
|---|---|
| Aktivierung | Einfacher Toggle im Dashboard |
| Anzeige | E-Mail-Eingabefeld im Shop |
| Konfiguration | Keine 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
- Video
- Beschreibung
- Galerie
- Line-up
- 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.
| Einstellung | Details |
|---|---|
| Slots | Beliebig viele Einzeltermine |
| Pro Slot | Datum, Startzeit, Endzeit |
| Ganztägig | Optional, blendet Uhrzeiten aus |
| Löschbar | Ja (mindestens 1 Slot erforderlich) |
Termin-Karte im Shop
| Info | Beschreibung |
|---|---|
| Wochentag | Kurzform (Mo, Di, Mi, ...) |
| Datum | Formatiert nach deutschem Standard |
| Uhrzeit | Beginn des Events |
| Status-Badge | Gewählt, Abgesagt, Ausverkauft |
Termin-Status
| Status | Anzeige | Kaufbar |
|---|---|---|
| Aktiv | Klickbar, auswählbar | ✅ Ja |
| Gewählt | Grüner Haken, hervorgehoben | ✅ Ja |
| Ausverkauft | Gelbes Badge "Ausverkauft" | ❌ Nein |
| Abgesagt | Rotes 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.
| Einstellung | Details |
|---|---|
| Buchungseinheit | Tag, Stunde oder Minute |
| Verfügbarkeit | Von/Bis-Datum oder unbegrenzt |
| Check-in / Check-out | Nur bei Buchung nach Tagen |
| Öffnungszeiten | Pro Wochentag (bei Stunden/Minuten) |
| Buchungsintervall | 5, 10, 15, 30 oder 60 Minuten (nur bei Minuten) |
| Min./Max. Dauer | Globale Buchungsdauer-Grenzen |
Objekttypen (ohne Seatmap)
Wenn keine Seatmap verwendet wird, können Objekttypen definiert werden:
| Feld | Details |
|---|---|
| Name | Bezeichnung des Objekts |
| Kapazität | Verfügbare Anzahl |
| Basispreis | Preis pro Buchungseinheit |
| Beschreibung | Optionale Beschreibung |
| Min./Max. Dauer | Eigene Dauer-Grenzen pro Typ |
| Saisonpreise | Name, Von/Bis-Datum, abweichender Preis |
Ablauf im Shop
- Objekt auswählen – Im Saalplan auf Stellplatz/Objekt klicken
- Kalender laden – Verfügbarkeit wird angezeigt
- Zeitraum wählen – Von/Bis-Datum im Kalender markieren
- Reservieren – "Zeitraum reservieren" Button
Kalender-Anzeige
| Status | Farbe | Bedeutung |
|---|---|---|
| Frei | Grün/Standard | Buchbar |
| Reserviert | Gelb | Vorgemerkt, aber noch nicht bezahlt |
| Gebucht | Rot/Grau | Bereits vergeben |
Modus 3: Dauerangebot (Open)
Für dauerhaft verfügbare Angebote ohne feste Termine – z.B. Gutscheine, Dauerkarten oder Mitgliedschaften.
| Einstellung | Details |
|---|---|
| Termine | Keine – dauerhaft verfügbar |
| Konfiguration | Keine 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
| Aktion | Eingabe |
|---|---|
| Platz auswählen | Kurzer Klick auf Sitz |
| Mehrere Plätze | Nacheinander klicken |
| Zoomen | Mausrad oder Pinch-Geste |
| Verschieben | Drag mit Maus/Finger |
| Auswahl aufheben | ESC-Taste oder Button |
Farbkodierung
| Farbe | Bedeutung |
|---|---|
| Klassenfarbe | Verfügbar (je nach Preiskategorie) |
| Weiß/Grau | Bereits verkauft |
| Gelb/Orange | Reserviert (im Warenkorb eines anderen) |
| Hervorgehoben | Vom 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
| Element | Beschreibung |
|---|---|
| Kategorie-Header | Name, Beschreibung, Emoji |
| Ticket-Anzahl | Badge mit Anzahl der Tickets |
| Ein-/Ausklappen | Optional: Kategorien können collapsed sein |
Ticket-Zeile enthält
| Info | Position |
|---|---|
| Name | Links, mit Pass-Type Badge |
| Gültigkeit | Darunter (Datum, Zeitraum, flexibel) |
| Nutzungen/Cooldown | Darunter (z.B. "5 Einlösungen") |
| Verfügbarkeit | Darunter (z.B. "Verfügbar: 42") |
| Preis | Rechts |
| Mengen-Steuerung | Ganz 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
| Variante | Anzeige |
|---|---|
| Eigene AGB-URL | Link öffnet externe Seite |
| TikFlow AGB-Vorlage | Button ö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:
| Element | Beispiel |
|---|---|
| 🏛️ 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
| Plattform | Funktion |
|---|---|
| Link kopieren | Kopiert URL in Zwischenablage |
| Öffnet WhatsApp mit vorformatierter Nachricht | |
| Kopiert Link (da kein direktes Teilen möglich) | |
| TikTok | Kopiert Link (da kein direktes Teilen möglich) |
| X (Twitter) | Öffnet Tweet-Dialog |
| Mehr Optionen | Native 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
- Bereich öffnen – "E-Mail nicht angekommen? Erneut senden"
- Sicherheitscheck – Einfache Rechenaufgabe lösen (Spam-Schutz)
- E-Mail eingeben – Die beim Kauf verwendete Adresse
- Absenden – Tickets werden erneut gesendet
Rückmeldungen
| Status | Meldung |
|---|---|
| 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
| Element | Desktop | Mobile |
|---|---|---|
| Ticket-Infos | Einzeilig | Mehrzeilig |
| Mengen-Input | Breiter | Schmaler |
| Termin-Grid | 3 Spalten | 1-2 Spalten |
| Bottom Bar | Versteckt | Sichtbar |
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
| Info | Anzeige |
|---|---|
| Tickettyp | Name und Menge |
| Einzelpreis | Pro Ticket |
| Gesamtsumme | Unten rechts |
Mit Seatmap
| Info | Anzeige |
|---|---|
| Ausgewählte Plätze | "X Plätze ausgewählt" |
| Nach Kategorie | Aufschlüsselung mit Farbe |
| Summe pro Kategorie | Anzahl × Preis |
| Gesamtsumme | Unten |
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.
| Einstellung | Details |
|---|---|
| Zugang | "Vorschau"-Button neben dem Speichern-Button |
| Anzeige | Vollständiges Shop-Preview im Modal |
| Inhalt | Titel, Beschreibung, Venue, Logo, Banner, Galerie, Video, Beschreibung, Line-up, Agenda, Newsletter, Section Order |
| Bilder | CDN-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:
| Grund | Anzeige |
|---|---|
| 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:
- Vollständiges Branding – Logo, Banner, Beschreibung
- Ansprechende Inhalte – Galerie, Video, Line-up und Agenda für ein professionelles Auftreten
- Klare Ticketstruktur – Kategorien und verständliche Namen
- Passender Zeitplan-Modus – Termine, Vermietung oder Dauerangebot je nach Event-Typ
- Präzise Seatmap – Falls nötig, gut beschriftete Bereiche
- Vollständige Adresse – Für Navigation und Vertrauen
- Aktive Verifikation – Damit der Verkauf freigeschaltet ist
- Veranstalter-AGB – Rechtliche Absicherung
- Optimale Section Order – Die wichtigsten Inhalte zuerst