FRAME 2026 Template: Konferenz-Website mit Ticketbereich
FRAME 2026 Template: Konferenz-Website mit Ticketbereich
FRAME 2026 ist eine der 25 fertigen Vorlagen in Zugo: die Website einer zweitägigen Konferenz mit Countdown, acht Sprecherinnen und Sprechern, Programm nach Tagen, drei Ticketstufen, FAQ und einem Teilnehmerbereich hinter der Anmeldung. Das Klonen kostet keine Credits, angepasst wird danach im Chat.
Im Folgenden geht es um den tatsächlichen Inhalt der Datei, um die Veranstaltungsarten, zu denen der Aufbau passt, um die Reihenfolge sinnvoller Änderungen und um die Stelle, an der ein echtes Ticketing übernehmen muss.
Was steckt in der FRAME-Vorlage drin?
Die Vorlage ist als Einzelseite mit Ankersprüngen gebaut, dazu kommen Anmeldung und ein persönlicher Bereich als eigene Ansichten. Das Beispiel spielt im Kraftwerk in Berlin, zwei Tage im September, Thema Design und Technologie.
| Bereich | Was er enthält | Die übliche erste Änderung |
|---|---|---|
| Kopfbereich | Name, Ort, Datum, Countdown bis Türöffnung, zwei Schaltflächen | Veranstaltungsname, Ort, Termin |
| Sprecher | Acht Profile mit Foto, Rolle und Thema | Ihre eigene Besetzung, gern zunächst weniger |
| Programm | Tag eins und Tag zwei mit Uhrzeit, Titel und Format | Ihr Ablaufplan samt Pausen |
| Tickets | Drei Stufen, Frühbucherfrist, Hinweis auf Nettopreise | Stufen, Preise, Kontingente |
| FAQ | Anreise, Ort, organisatorische Fragen | Antworten für Ihr Publikum |
| Teilnehmerbereich | Anmeldung, Badge mit Bestellnummer und Einlass, gemerkte Vorträge, Kontodaten | Felder, Wortlaut, Umfang |
Zwei Details verdienen Aufmerksamkeit, weil sie in selbst beschriebenen Konferenzseiten fast immer fehlen. Der Countdown erzeugt genau die Dringlichkeit, für die sonst Rabattbanner eingesetzt werden, ohne aufdringlich zu wirken. Und der Teilnehmerbereich mit Badge und gemerkten Vorträgen ist die Antwort auf die Frage, was nach dem Kauf passiert.
Der Hinweis „Preise verstehen sich zuzüglich Umsatzsteuer" steht im Original bereits an den Tickets. Für den deutschsprachigen Raum ist das der richtige Reflex, aber prüfen Sie die Formulierung gegen Ihr Publikum: Bei Privatkundschaft sind Bruttopreise Pflicht, im reinen Geschäftskundengeschäft sind Nettopreise üblich.
Für welche Veranstaltungen passt der Aufbau?
Am besten sitzt die Vorlage bei einer ein- bis dreitägigen Fachkonferenz mit Vortragsprogramm und bezahlten Tickets. Genau dafür ist die Reihenfolge gebaut: Versprechen, Besetzung, Programm, Preis, Fragen.
Fast genauso gut passt sie zu einem Barcamp, einem Community-Tag oder einem Meetup mit Anmeldung. Wenn Ihre Veranstaltung kostenlos ist, wird aus der Ticketstufe eine Anmeldeform, und der Rest bleibt stehen. Das ist eine Änderung, keine Umgestaltung.
Für Messen und Firmenfeiern ist der Zuschnitt zu eng, denn dort sind Aussteller, Hallenplan und Rahmenprogramm die Hauptsache und nicht acht Vortragende. Für eine Workshop-Reihe über mehrere Monate fehlt die Wiederholung: Die Vorlage kennt einen Termin, keinen Kalender.
Wer eine Veranstaltung ohne festes Programm plant, etwa ein Sommerfest oder eine Ausstellungseröffnung, findet in Event-Website ohne Code bauen den passenderen Weg über eine eigene Beschreibung.
In welcher Reihenfolge passen Sie die Vorlage an?
Die Versuchung ist groß, mit Farben und Schrift anzufangen. Wirksamer ist die umgekehrte Reihenfolge, weil jede strukturelle Änderung die Gestaltung nachzieht.
- Eckdaten setzen: „Die Veranstaltung heißt Werkstatt Nord, findet am 12. und 13. März in der Alten Werft in Hamburg statt, Thema ist digitale Produktentwicklung."
- Besetzung eintragen, auch unvollständig. Vier bestätigte Namen wirken stärker als acht Platzhalter, und ein Hinweis „weitere folgen" ist ehrlicher als erfundene Profile.
- Programm einsetzen, mit realistischen Pausen. Das ist der Abschnitt, den Interessierte am längsten anschauen.
- Tickets festlegen: Stufen, Preise, Frühbucherfrist, Ermäßigungen. Ergänzen Sie ausdrücklich, ob die Preise brutto oder netto gelten.
- FAQ mit den Fragen füllen, die per E-Mail sowieso kommen: Anreise, Parken, Verpflegung, Aufzeichnung, Stornierung.
Jede dieser Änderungen kostet 3 Credits, ein frischer Build 6. Jedes Ergebnis wird vor der Übergabe in einer Sandbox geöffnet, eine Fassung, die nicht startet, wird nicht ausgeliefert. Ein einfacher Build dauert etwa eine Minute, komplexere mehrseitige Umbauten mehrere.
Wie verkaufen Sie damit wirklich Tickets?
Ab Werk verkauft die Vorlage nichts. Die Ticketstufen sind gestaltete Karten, der Teilnehmerbereich zeigt ein überzeugendes Badge, und beides liegt im Browser der Besucherin. Für eine echte Veranstaltung braucht es zwei Bausteine.
Stripe übernimmt Bezahlung und Belege. Formulieren Sie den Wunsch vollständig: „Verbinde Stripe, verkaufe drei Ticketstufen mit festen Preisen, schicke nach der Zahlung eine Bestätigung und begrenze die günstigste Stufe auf einhundert Plätze." Umsatzsteuer, Rechnungsnummern und Stornoregeln sind dabei keine Nebensache, sondern Ihr eigentliches Thema mit dem Steuerbüro.
Supabase hält die Teilnehmerdaten, damit ein Badge nach dem Anmelden auf jedem Gerät gleich aussieht und die Liste am Einlass stimmt. Ohne Datenbank ist der persönliche Bereich eine Demonstration, keine Verwaltung.
| Baustein | Wofür er zuständig ist | Ohne ihn |
|---|---|---|
| Stripe | Zahlung, Bestätigung, Rückerstattung | Tickets werden angezeigt, aber nicht verkauft |
| Supabase | Konten, Bestellungen, Badge, gemerkte Vorträge | Daten leben nur im aktuellen Browser |
| Resend | Bestätigungsmail, Erinnerung vor dem Termin | Kommunikation läuft komplett von Hand |
| Google Analytics | Woher die Käufe kommen | Sie raten beim nächsten Werbebudget |
Was dabei ehrlich bleibt: Sitzplatzvergabe, Wartelisten, Namensänderungen auf Tickets und Einlasskontrolle per Scanner sind ein eigenes Produkt. Zugo baut dafür eine tragfähige erste Fassung, ersetzt aber kein Ticketing-System und kein Entwicklungsteam. Die Bezahlseite im Detail steht in Stripe mit einer KI-App verbinden.
Was kostet der Umbau in Credits?
Das Klonen kostet nichts, weil eine fertige Seite kopiert und kein Modell aufgerufen wird. Abgerechnet wird ab der ersten Änderung.
| Aktion | Credits | Im Hi-Fi-Modus |
|---|---|---|
| Vorlage klonen | keine | keine |
| Eine Änderung im Chat | 3 | 6 |
| Frischer Build | 6 | 12 |
| Erste drei Seiten einer Plattform | 12 | doppelt |
| Jede weitere Seite | 3 | doppelt |
Eine realistische Rechnung für eine kleine Konferenz: Eckdaten, Besetzung, Programm, Tickets und FAQ in fünf bis sieben Änderungen, dazu Impressum und Datenschutzerklärung als eigene Seiten, dazu zwei bis drei Durchgänge für Zahlung und Teilnehmerbereich. Damit liegen Sie bei ungefähr vierzig verbrauchten Credits bis zur Veröffentlichung.
Free bringt 5 Credits, genug für den Klon und eine Änderung. Pro kostet 25 $ im Monat und bringt 200 Credits, also rund 66 Änderungen oder 33 Builds, Business kostet 99 $ im Monat mit 800 Credits. Für eine einzelne Veranstaltung reicht ein Monat Pro fast immer aus, weil die Seite nach dem Termin ohnehin einfriert.
Was fehlt für den deutschsprachigen Raum?
Drei Punkte, die man vor der Veröffentlichung angehen sollte und die keine Geschmacksfragen sind.
Impressum und Datenschutzerklärung fehlen als Seiten. Beides gehört zu jeder geschäftlich genutzten Website, und bei einer Veranstaltung mit Anmeldung kommt hinzu, dass Sie erklären müssen, welche Teilnehmerdaten Sie erheben und wie lange Sie sie aufbewahren. Der Builder legt die Seiten auf Zuruf an, die Inhalte gehören trotzdem geprüft.
Die Einwilligung für Fotos und Aufzeichnungen fehlt ebenfalls. Auf Konferenzen wird fotografiert, und der Hinweis darauf gehört sichtbar in den Ticketkauf, nicht in eine Fußnote.
Und die Sprache: Das Original ist englisch getextet. Ein Satz stellt die gesamte Seite auf Deutsch um, aber prüfen Sie danach Formulierungen wie Ansprache in der Höflichkeitsform, Datumsformat und Uhrzeiten. Eine automatisch übersetzte Programmzeile fällt Fachpublikum sofort auf.
Wie fangen Sie am besten an?
Sammeln Sie zuerst die Fakten in einer kurzen Liste: Name, Ort, Termin, drei Sätze zum Thema, die bestätigte Besetzung, die geplanten Ticketstufen. Ohne diese Liste ändern Sie an Platzhaltern herum und bezahlen dieselbe Änderung zweimal.
Klonen Sie dann FRAME, setzen Sie die Eckdaten ein und veröffentlichen Sie früh unter einer Adresse wie werkstatt-nord.zugo.run. Eine frühe Seite mit dem Hinweis „Programm folgt" sammelt Interessierte, während Sie noch verhandeln. Wer eine reine Anmeldeseite ohne Programm sucht, ist mit der QuoteKit-Vorlage oft schneller am Ziel.
Der Klon ist auf zugo.dev in wenigen Minuten erledigt, das Startguthaben inklusive. Die Zahlung schließen Sie erst an, wenn Programm und Preise stehen, denn nichts ärgert Frühbucher mehr als eine geänderte Ticketstufe nach dem Kauf.