Wie funktioniert der Page Builder?

Der Builder arbeitet mit Sektionen, die du auf der Seite frei anordnen kannst. Sektionen kannst du per Drag-and-drop verschieben, duplizieren oder löschen. Innerhalb einer Sektion kannst du Inhaltselemente auf beliebig viele Spalten verteilen. Sektionen können auch verschachtelt werden, um komplexe Layouts zu erstellen. Alle Änderungen sind sofort in der Live-Vorschau sichtbar, und die Undo/Redo-Funktion ermöglicht es dir, jederzeit Schritte rückgängig zu machen. Der Editor speichert automatisch.

Welche Inhaltselemente stehen zur Verfügung?

Quick Event bietet eine breite Palette an Elementen: Text und Überschriften, Buttons in verschiedenen Stilen, Einzelbilder und Bildergalerien (Raster, Mauerwerk oder Karussell), eingebettete Videos (YouTube/Vimeo), einen Countdown-Timer, animierte Zähler für Statistiken, FAQ-Akkordeons, eine Zeitleiste für Events, eine eingebettete Karte für den Veranstaltungsort und eine personalisierte Willkommensnachricht für eingeloggte Teilnehmer. Für Bilder kannst du eigene Fotos hochladen oder über die integrierte Pexels-Suche direkt im Editor auf Millionen lizenzfreier Stockfotos zugreifen.

Kann ich Sektionen als Vorlagen speichern?

Ja. Jede gestaltete Sektion kann als Vorlage gespeichert und über den Einfügen-Dialog für zukünftige Events in eine Seite eingefügt werden. So entsteht mit der Zeit eine persönliche Bibliothek wiederverwendbarer Bausteine – zum Beispiel ein Hero-Image mit deinem Standard-Branding oder eine FAQ-Sektion mit typischen Fragen. Gespeicherte Vorlagen werden auch von der KI-Funktion genutzt, um bei der automatischen Erstellung einer Landingpage passende Sektionen auszuwählen.

Kann ein Event mehrere Seiten haben?

Ja. Du kannst beliebig viele Unterseiten für jedes Event erstellen – zum Beispiel eine Programmseite, eine Sprecherseite oder eine Standortseite. Alle Seiten teilen sich das gleiche Design (Farben, Schriftarten, Logo) und sind über das Navigationsmenü der Event-Seite zugänglich.

Wie richte ich Farben, Schriftarten und Logo ein?

Im Design-Bereich des Studios legst du eine Primär- und Akzentfarbe, Hintergrund- und Textfarben sowie jeweils eine Schriftart für Überschriften und Fließtext fest – aus über 1.900 Google Fonts oder als eigene Schriftdatei. Dein Logo wird im Header angezeigt. Optional kann Quick Event die Farben aus einem hochgeladenen Logo oder Bild automatisch extrahieren und eine passende Palette vorschlagen.

Sind die Seiten mobilfreundlich und SEO-optimiert?

Alle Seiten sind automatisch responsiv – Spalten, Schriftgrößen und Bilder passen sich an Desktops, Tablets und Smartphones an. Quick Event generiert automatisch Meta-Tags, Open Graph-Daten und Schema.org Event-Markup. FAQ-Sektionen erhalten ein eigenes FAQ-Schema und können als Rich Snippets in den Suchergebnissen erscheinen. Bilder werden als WebP-Dateien mit Lazy Loading ausgeliefert.

Page Builder & Design

Q: Welche Hintergrundoptionen gibt es für Sektionen?

Jede Sektion unterstützt bis zu vier geschichtete Hintergrundebenen: eine Vollfarbe, ein Hintergrundbild, ein stummes Hintergrundvideo und einen Bewegungseffekt (z.B. Aurora oder Punktmuster). Jede Ebene kann unabhängig voneinander ein- oder ausgeblendet und ihre Deckkraft stufenlos angepasst werden. Dekorative Übergänge (Wellen, Kurven, Zickzack) können an den oberen und unteren Rändern aktiviert werden, um fließende Übergänge zwischen angrenzenden Sektionen zu schaffen.

Mit dem Page Builder von Quick Event kannst du professionelle Eventseiten visuell erstellen, ganz ohne Programmierkenntnisse. Jede Seite setzt sich aus einer Bibliothek von 96 vorgefertigten Sektionen-Presets aus 11 Kategorien zusammen – Hero, Tickets, Inhalt, CTA, Galerie, Personen, Timeline, FAQ, Countdown, Karte und Video. Wähle ein Preset, ziehe es in einen Slot und bearbeite den Inhalt direkt. Sektionen-spezifische Theme-Bundles und geschichtete Hintergründe lassen jede Sektion einzigartig wirken, während sie markenkonform bleibt. Durchsuche die komplette Bibliothek in der Preset-Galerie, um zu sehen, was du alles erstellen kannst.

Übersicht

Jede Eventseite ist ein vertikaler Stapel von Sektionen. Der v3 Builder ist Slot-basiert: Jedes Sektionen-Preset deklariert Slots (Überschrift, Bild, Button, Liste, Galerie usw.), die du direkt befüllst. Füge neue Sektionen aus der Preset-Bibliothek hinzu – wähle nach Kategorie (Hero, Tickets, Inhalt, CTA, Galerie, Personen, Timeline, FAQ, Countdown, Karte, Video) oder durchsuche das gesamte Set in der Preset-Galerie. Sektionen können per Drag & Drop verschoben, dupliziert oder gelöscht werden. Die Auswahl einer Sektion öffnet das Einstellungsfeld für Theme, Hintergrund, Layout und Abstände.

Alle Änderungen sind sofort in der Live-Vorschau sichtbar. Du kannst Bearbeitungen jederzeit rückgängig machen oder wiederherstellen. Der Editor speichert automatisch.

Sektionen und Presets

Sektionen sind die Bausteine jeder Seite, und v3 wird mit einer kuratierten Bibliothek von 96 Presets aus 11 Kategorien ausgeliefert. Jedes Preset ist ein gestaltetes Layout mit benannten Slots – anstatt Spalten manuell anzuordnen, wählst du das gewünschte Layout und ziehst deinen Inhalt in die Slots.

Hero – Sektionen für den ersten Eindruck mit Titel, Untertitel, Bild- oder Videohintergrund und einem primären Call to Action.
Tickets – Preistabellen und Ticket-Auswahlen, die direkt mit deinen Kontingenten verbunden sind.
Inhalt – Text- und Bildblöcke, redaktionelle Zitate, Magazin-Layouts, Bild-Text-Kombinationen.
CTA – fokussierte Conversion-Blöcke mit Überschrift, unterstützendem Text und ein oder zwei Buttons.
Galerie – Raster-, Mauerwerk- und Karussell-Layouts für Fotosammlungen.
Personen – Speaker-Raster, Host-Karten und Team-Layouts.
Timeline – Agenda- und Programm-Layouts in horizontaler oder vertikaler Ausrichtung.
FAQ – Akkordeon- und Raster-Layouts mit strukturierten Daten für Rich Snippets.
Countdown – Live-Timer bis zum Eventdatum.
Karte – eingebettete Standortkarten mit Veranstaltungsortdetails.
Video – YouTube- und Vimeo-Einbettungen mit benutzerdefinierten Poster-Frames.

Jedes Preset kann unabhängig mit einem Theme-Bundle – einem koordinierten Set aus Hintergrund-, Text- und Akzentfarben – thematisiert werden, sodass benachbarte Sektionen unterschiedlich aussehen können, während sie markenkonform bleiben. Durchsuche die komplette Bibliothek in der Preset-Galerie.

Sektionshintergründe

Der Hintergrund jeder Sektion besteht aus bis zu vier geschichteten Elementen. Jede Ebene kann unabhängig voneinander ein- oder ausgeblendet und ihre Deckkraft von 0 bis 100 Prozent angepasst werden. Die Kombination dieser Ebenen ermöglicht anspruchsvolle visuelle Effekte, die keine Bildbearbeitung erfordern.

Farbebene

Eine Farbebene, die du frei konfigurieren kannst: als Vollfarbe oder als Verlauf zwischen zwei Farben. Die Deckkraft der gesamten Ebene kann stufenlos angepasst werden – so kann die Farbe zum Beispiel als halbtransparenter Schleier über einem Hintergrundbild wirken.

Bildebene

Ein Hintergrundbild, das die gesamte Sektion ausfüllt. Es wird so dimensioniert und skaliert, dass es auf allen Bildschirmgrößen gut aussieht. Du kannst die Deckkraft anpassen, um das Bild abzudunkeln oder aufzuhellen, wodurch der darüberliegende Text gut lesbar bleibt.

Videoebene

Ein stummes, automatisch abspielendes Hintergrundvideo. Ideal für Hero-Sektionen, die Dynamik und Atmosphäre vermitteln sollen – zum Beispiel Aufnahmen des Veranstaltungsortes, vergangener Events oder Produktpräsentationen. Das Video spielt in einer Endlosschleife und beeinflusst die Ladezeit der Seite nicht.

Effektebene

Dekorative Bewegungseffekte, die andere Ebenen überlagern. Optionen sind Aurora-Verläufe und Punktmuster. Deckkraft und Intensität sind einstellbar. Diese Effekte verleihen einer Sektion lebendige Tiefe, ohne vom Inhalt abzulenken.

Dekorative Übergänge (Masken)

An den oberen und unteren Rändern jeder Sektion kannst du dekorative Übergänge aktivieren: Wellen, Kurven oder Zickzack-Formen, die einen fließenden Übergang zur angrenzenden Sektion schaffen. Die Formen sind in Farbe und Größe anpassbar und verleihen der Seite eine fließende, moderne Textur.

Inhaltselemente

Du kannst beliebig viele Inhaltselemente innerhalb der Spalten platzieren. Alle Elemente sind speziell für jedes Event konzipiert und können über das Einstellungsfeld konfiguriert werden.

Text & Formatierung

Überschriften und Fließtext stehen in mehreren hierarchischen Ebenen zur Verfügung und können als fett, kursiv, Link oder hervorgehoben formatiert werden. Aufzählungs- und nummerierte Listen helfen, Programmpunkte oder Leistungen übersichtlich darzustellen.

Buttons verlinken Besucher zum Registrierungsformular, einer anderen Unterseite deines Events oder einer externen URL. Du wählst den Stil (gefüllt, umrandet, transparent), die Größe und die Ausrichtung. Mehrere Buttons können nebeneinander angeordnet werden.

Bilder, Galerie & Video

Einzelbild : Ein Bild mit optionalem Titel und Beschreibung. Du wählst die Anzeigebreite (ein Drittel, Hälfte, Dreiviertel oder volle Breite), das Seitenverhältnis und die Bildposition innerhalb des Rahmens. Du kannst entweder Bilder hochladen oder direkt über die integrierte Pexels-Suche nach lizenzfreien Stockfotos suchen – Millionen professioneller Bilder, alles ohne den Editor zu verlassen.

Bildergalerie : Mehrere Bilder, die in einem einzigen Raster angezeigt werden. Es stehen drei Layout-Optionen zur Verfügung: einheitliches Raster, Mauerwerk-Layout (versetzt, wie Pinterest) oder Karussell mit automatischem Seitenwechsel. Die Spaltenanzahl kann von zwei bis acht eingestellt werden, ebenso das Seitenverhältnis der Bilder (quadratisch, hochformat, querformat).

Video : Einbettung von YouTube- oder Vimeo-Videos mit Vorschaubild. Das Video lädt erst beim Anklicken, wodurch die Seite schnell bleibt. Du kannst ein eigenes Vorschaubild festlegen und die Anzeigegröße anpassen.

Interaktive & spezielle Elemente

Countdown : Ein Live-Timer, der bis zum Event-Datum herunterzählt. Tage, Stunden, Minuten und Sekunden werden in Echtzeit aktualisiert. Die Zeitzone wird optional angezeigt, sodass internationale Teilnehmer sofort sehen, wann das Event in ihrer Region beginnt.

Zähler : Animierte Zahlen für Statistiken und Highlights – such as „500 Teilnehmer“, „12 Sprecher“ oder „3 Bühnen“. Die Zahlen zählen beim Erscheinen hoch und lenken die Aufmerksamkeit auf das Event.

FAQ (Akkordeon) : Häufig gestellte Fragen und Antworten, präsentiert als Dropdown-Liste. Besucher können einzelne Einträge öffnen und schließen. FAQ-Sektionen erhalten automatisch strukturierte Daten für Suchmaschinen und können als Rich Snippets in den Suchergebnissen erscheinen.

Zeitleiste : Eine chronologische Liste von Tagesordnungspunkten mit Zeit und Beschreibung – ideal für Tagesabläufe, mehrtägige Konferenzen oder Projektmeilensteine. Jeder Eintrag kann einen Titel, eine Zeit und eine Beschreibung enthalten.

Karte : Eine eingebettete Google Maps-Ansicht, die den Event-Standort direkt auf der Event-Seite anzeigt. Besucher können die Karte zoomen und Wegbeschreibungen von ihrem Standort abrufen, ohne die Seite zu verlassen.

Layout-Elemente

Abstandshalter : Ein unsichtbares Element, das vertikalen Raum zwischen anderen Inhalten schafft. Die Höhe ist frei einstellbar. So kannst du den Rhythmus und die Abstände auf der Seite steuern, ohne die Abstände in jedem einzelnen Element anpassen zu müssen.

Spaltenraster : Ein zusätzliches Rasterelement, mit dem du weitere Spalten innerhalb einer Spalte erstellen kannst. Dies ermöglicht die Erstellung komplexer, mehrschichtiger Layouts – zum Beispiel eine Spalte mit drei kleinen Badges neben einer großen Textspalte.

Theme-Bundles und Sektionen-spezifisches Theming

Der Seiten-Editor stellt ein Theme-Bundle auf Sektionen-Ebene bereit: Jedes Preset kann das seitenweite Brand-Theme verwenden oder es mit eigenen koordinierten Hintergrund-, Text- und Akzentfarben überschreiben. In Kombination mit Sektionen-spezifischen Hintergrundebenen (Farbe, Bild, Video, Bewegungseffekt) kannst du kontrastreiche Hero-Sektionen, sanfte redaktionelle Passagen und auffällige CTAs erstellen, ohne individuelle Stileinstellungen zu berühren.

Dieselbe Preset-Bibliothek treibt den KI-Seiten-Generator an: Wenn die KI eine Landingpage aus deiner Eventbeschreibung erstellt, wählt sie die am besten geeigneten Presets pro Kategorie aus und füllt deren Slots mit relevantem Inhalt. Siehe KI-Funktionen für den vollständigen Ablauf.

Die Preset-Bibliothek durchsuchen

Die Preset-Galerie zeigt die gesamte Bibliothek von 96 Sektionen-Presets aus 11 Kategorien. Jedes Preset wird mit realistischem Inhalt gerendert, damit du genau sehen kannst, was möglich ist – Hero-Variationen, Ticket-Raster, Galerie-Layouts, Timeline-Stile, FAQ-Formate, Countdown-Blöcke, Karten und mehr.

Wenn der KI-Assistent eine Landingpage für dich erstellt, wählt er aus derselben Bibliothek – alles, was du in der Galerie siehst, kann die KI generieren, und alles, was die KI generiert, kannst du selbst austauschen oder neu gestalten.

Mehrere Seiten pro Event

Ein Event ist nicht auf eine einzige Landingpage beschränkt. Im Studio kannst du beliebig viele Unterseiten erstellen – zum Beispiel eine „Sprecher“-Seite, eine „Standort“-Seite oder eine „Programm“-Seite. Alle Seiten teilen sich das gleiche Design (Farben, Schriftarten, Logo) und sind über das Navigationsmenü der Event-Seite zugänglich. Die Haupt-Landingpage ist mit dem Registrierungsformular verknüpft.

Corporate Design

Im Design-Bereich des Studios legst du das visuelle Erscheinungsbild fest. Diese Einstellungen gelten für alle Seiten, E-Mails und PDF-Tickets für das Event.

Farbpalette

Du definierst eine Primär- und Akzentfarbe sowie Hintergrund- und Textfarben. Diese Farben steuern Buttons, Links, Überschriften und Hintergründe im gesamten Event. Optional kannst du ein Logo oder Bild hochladen und die dominanten Farben automatisch daraus extrahieren lassen – Quick Event schlägt dir dann eine passende Palette vor.

Schriften

Über 1.900 Google Fonts stehen zur Verfügung. Du wählst jeweils eine Schriftart für Überschriften und Fließtext. Wenn deine Marke eine eigene Schriftart verwendet, lade die Schriftdateien (WOFF2 oder TTF) hoch – sie werden dann auf alle Seiten angewendet, genau wie Google Fonts.

Logo & Favicon

Dein Logo erscheint im Header der Event-Seite. PNG-, SVG- und JPEG-Dateien werden unterstützt. Die Anzeigegröße passt sich automatisch an verschiedene Bildschirmgrößen an, kann aber auch manuell angepasst werden. Zusätzlich kannst du ein Favicon hochladen, das im Browser-Tab und in den Lesezeichen erscheint und deiner Event-Seite ein professionelles und wiedererkennbares Aussehen verleiht.

Dark Mode

Jede Event-Seite kann im hellen oder dunklen Modus angezeigt werden – die Einstellung wird pro Event konfiguriert. Im Dark Mode werden Hintergrund- und Textfarben automatisch angepasst, sodass alle Inhalte auch auf dunklem Hintergrund gut lesbar sind. Benutzerdefinierte Textfarben werden intelligent angepasst: Ist eine Farbe zu dunkel für den dunklen Hintergrund, wird sie automatisch aufgehellt. Du musst keine separaten Farbwerte für den Dark Mode definieren.

Responsives Design

Alle Seiten sind automatisch für Desktop, Tablet und Smartphone optimiert. Spalten stapeln sich auf kleinen Bildschirmen übereinander, Schriftgrößen skalieren proportional, und Bilder werden als WebP-Dateien mit Lazy Loading ausgeliefert. Du pflegst nur eine Version – Quick Event passt das Layout automatisch an.

SEO-Optimierung

Quick Event generiert automatisch Meta-Tags (Titel, Beschreibung, Open Graph) aus deinen Event-Daten. Schema.org Event-Markup liefert Suchmaschinen strukturierte Informationen zu Datum, Ort und Preis. FAQ-Sektionen erhalten ein eigenes FAQ-Schema und können als Rich Snippets in den Google-Suchergebnissen erscheinen. Kanonische URLs verhindern doppelten Inhalt. Mit deiner eigenen Domain profitieren deine Seiten zudem von der Vertrauenswürdigkeit deiner Marke.