Design-Editor

Gestalten Sie das Erscheinungsbild jeder Aktion selbst: Theme-Auswahl, Farben, Hintergründe und Layout-Optionen – plus eigene CSS-Erweiterungen für Feinschliff.

Für die Design-Einstellungen benötigen Sie Bearbeitungsrechte für die jeweilige Aktion. Einstellungen werden im Entwurfsmodus konfiguriert und auf der Aktionsseite sofort sichtbar.

Das kann der Design-Editor

Design-Versionen wechseln

Sie wählen zwischen klassischem Template-Design (v3) und modernem Card-Design (v4). Einige Felder sind je nach Version automatisch passend geschaltet.

Design-Hintergrund individualisieren

Hintergrundfarbe mit Transparenz sowie ein optionales Hintergrundbild mit Passform, Deckkraft und optionaler Weichzeichnung sind per Aktion separat einstellbar.

Farben und Darstellung feinjustieren

Für v4 wählen Sie Theme-Farbe, Dark-/Light-/Auto-Modus und Layout-Details wie Ausrichtung von Submit-Button sowie Pflichtfeld-Hinweis.

Eigenen CSS-Code ergänzen

Mit einem eigenen CSS-Block können Sie Stilregeln gezielt ergänzen, die nach den standardisierten Styles geladen werden.

Sichtbarkeit und Layout steuern

Elemente wie Fortschrittsnavigation oder Button-Darstellung können pro Aktion umgeschaltet werden; bei Bedarf lässt sich die Seite auf Inhaltsbreite oder vertikale Ausrichtung optimieren.

So richten Sie das Design ein

Öffnen Sie die Aktion im Adminbereich und gehen Sie auf den Reiter „Design“. Dort wählen Sie die gewünschte Design-Version.
Passen Sie im passenden Abschnitt Farben, Background, Themen und v4-Optionen an und speichern Sie im Entwurf.
Ergänzen Sie bei Bedarf individuelles CSS oder Hintergrund-Bild-Einstellungen, um Schriften, Abstände und Effekte exakt auf Ihre Kampagne abzustimmen.
Überprüfen Sie die Vorschau im Browser und nehmen Sie bei Bedarf weitere Feineinstellungen vor, bevor die Aktion veröffentlicht wird.

Häufige Fragen zum Design-Editor

Gibt es Unterschiede zwischen v3 und v4 beim Design-Editor?

Ja. Einige Optionen sind versionsabhängig. v4 bietet eigene Theme-, Dark-/Light- und Header-Optionen, während die klassische Variante eigene Theme-Funktionen nutzt. Die Grundfunktion für Hintergrund, CSS und Sichtbarkeit bleibt in beiden Versionen nutzbar.

Kann ich mein eigenes CSS mit den vorhandenen Styles kombinieren?

Ja. Der eigene CSS-Block wird im Formular gespeichert und im Frontend hinter den System-Styles geladen, sodass eigene Regeln Priorität erhalten.

Kann ich ohne eigene CSS-Kenntnisse alles einstellen?

Ja. Die wichtigsten Gestaltungsoptionen stehen über Dropdowns, Checkboxen und Range-Felder zur Verfügung; CSS ist optional für zusätzliche Individualisierung.

Wer darf den Design-Editor nutzen?

Der Zugriff richtet sich nach den Aktionsrechten im Adminbereich. Bestehende Einstellungen werden nur aktualisiert, wenn die Rolle den Aktionsbereich speichern darf.

← Alle Funktionen im Überblick

Verbinden Sie Ihre Aktion mit Ihrem CRM.

Besprechen Sie mit uns, wie Sie Teilnehmerdaten an Brevo oder Ihre eigene CRM-Schnittstelle übertragen können.

Kostenlos im Editor ausprobieren Angebot anfordern Erstgespräch anfragen