Zum Hauptinhalt springen

Anmeldeformulare: Theme-Einstellungen

Erfahren Sie, wie Sie das Erscheinungsbild und den Stil Ihres Anmeldeformulars mit den Theme-Einstellungen anpassen können.

Verfasst von Ira

Themaeinstellungen ermöglichen es Ihnen, das Design Ihres Formulars anzupassen und Standardlayoutoptionen festzulegen, einschließlich Farben, Schaltflächen, Feldern und der Schaltfläche zum Schließen.

Verwenden Sie die Theme-Einstellungen, um Ihr Formular mit Ihrer Marke abzustimmen und ein nahtloses, professionelles Erlebnis zu schaffen, das hilft, Engagement und Konversionen zu steigern.


Formularlayout

Steuern Sie, wo und wie Ihr Formular auf Ihrer Website erscheint.

  • Anzeigeart: Wählen Sie zwischen Pop-up, Landingpage, eingebettet oder Flyout. Sie können ein Formular kopieren und dessen Anzeigeart ändern, um dasselbe Design in mehreren Formaten wiederzuverwenden.

  • Formbreite: Passen Sie die Breite von 300 bis 1000 Pixel an, um auf jede Bildschirmgröße zu passen.

  • Hintergrundbild: Positionieren Sie Ihr Bild links, rechts, oben oder als vollständigen Hintergrund.

    • Sie können auch die Bildbreite auf füllen oder anpassen an die Größe des Formulars einstellen.

  • Formposition: Legen Sie fest, wo das Formular auf der Seite erscheint (z. B. Mitte, unten rechts).

Formularstile

Definieren Sie das Gesamterscheinungsbild Ihres Formulars mit Eckenformen, Rahmen und Überlagerungsfarbe.

  • Ecken: Wählen Sie quadratisch, leicht abgerundet, stärker abgerundet oder geben Sie manuell einen benutzerdefinierten Radius an.

  • Randbreite: Passen Sie die Randdicke von 0 bis 60 Pixeln an (0 px = kein Rand).

  • Rahmenstil: Wählen Sie Durchgezogen, Gepunktet oder Gestrichelt.

  • Randfarbe: Mit einem Hex-Code oder Farbauswahl festlegen.

  • Überlagerungsfarbe: Fügen Sie eine Farbe über den Formularhintergrund im Omnisend Formular-Editor hinzu.

Buttons Einstellungen

Passen Sie das Erscheinungsbild der Schaltflächen in Ihrem Formular an. Änderungen gelten konsistent für alle Instanzen jedes Schaltflächentyps.

Button-Stile

  • Primäre Schaltfläche – Haupt-Handlungsaufforderung (z.B. Einreichen, Abonnieren).

  • Sekundärschaltfläche – Alternative Aktion (z.B. Nein Danke, Vielleicht später).

  • Tertiärer Button – Optionale Links (z.B. Mehr erfahren, Richtlinie lesen).

Schaltflächenanpassungsoptionen

  • Ecken: Quadrat, leicht abgerundet, stärker abgerundet oder benutzerdefiniert.

  • Hintergrundfarbe: Legen Sie die Hintergrundfarbe des Buttons mit einem Hex-Code oder dem Farbwähler fest.

  • Schriftart: Wählen Sie den Schriftarttyp und die Größe für den Text des Buttons.

  • Dekoration: Fetter, kursiver oder unterstrichener Text.

  • Textfarbe: Farbe des Schaltflächentextes.

  • Ausrichtung: Links, zentriert oder rechts.

  • Rahmenbreite: Von 0 bis 60 Pixel.

  • Rahmenstil: Wählen Sie Durchgehend, Gepunktet oder Gestrichelt.

  • Rahmenfarbe: Legen Sie die Rahmenfarbe mit einem Hex-Code oder dem Farbwähler fest.

  • Padding: Passen Sie den inneren Abstand an, um die Größe der Schaltfläche zu steuern.

Feldeinstellungen

Passen Sie die Eingabefelder an, in denen Besucher ihre Informationen eingeben.

  • Feldstil: Wählen Boxed (Felder, die von einem sichtbaren Rand umgeben sind) oder Unterstrichen (minimale Unterstreichung nur).

  • Ecken: Quadrat, leicht abgerundet, stärker abgerundet oder benutzerdefinierter Radius.

  • Hintergrundfarbe: Legen Sie die Hintergrundfarbe des Feldes fest.

  • Fehlerfarbe: Wählen Sie die Farbe, die für Fehlermeldungen verwendet wird, wenn die Validierung fehlschlägt.

  • Schriftart: Wählen Sie den Schriftarttyp und die Größe für den Text in den Feldern aus.

  • Dekoration: Fetter, kursiver oder unterstrichener Text.

  • Textfarbe: Farbe des in die Felder eingegebenen Textes.

  • Platzhalterfarbe: Farbe des Platzhaltertextes (z.B. "Geben Sie Ihre E-Mail ein").

  • Labelfarbe: Farbe der Feldbeschriftungen (z.B. "E-Mail-Adresse").

  • Ausrichtung: Links, zentriert oder rechts.

  • Rahmenbreite, Stil, Farbe: Steuern Sie das Erscheinungsbild des Rahmenfelds.

  • Innenabstand: Passen Sie den inneren Abstand innerhalb der Felder an.

Einstellungen schließen

Steuern Sie die Schaltfläche, die Ihre Besucher verwenden, um Ihr Formular zu schließen.

  • Schließen-Schaltfläche anzeigen: Die Schließen (X)-Schaltfläche anzeigen oder ausblenden.

    • Wenn deaktiviert, können Besucher das Formular nur schließen, indem sie es absenden oder außerhalb des Formulars klicken (wenn unten aktiviert).

  • Farbe der Schaltfläche "Schließen": Ändern Sie die Farbe der Schaltfläche "Schließen" (X), um sie an Ihr Thema anzupassen.

  • Hintergrund: Legen Sie eine Hintergrundfarbe für die Schaltfläche "Schließen" fest.

  • Aktivieren Sie "Schließen durch Klicken außerhalb des Formulars": Ermöglichen Sie Besuchern, das Formular zu schließen, indem sie überall außerhalb davon klicken, besonders nützlich für mobile Geräte.

Hinweis: Die Einstellungen für die Schaltfläche 'Schließen' sind für eingebettete und Landingpage-Formulare nicht verfügbar.

Häufig gestellte Fragen

Kann ich die Schaltfläche zum Schließen an eine andere Position verschieben?

Nein. Die Theme-Einstellungen erlauben es Ihnen nur, die Farbe und den Hintergrund des Schließen-Buttons zu ändern. Die Position des Schließen-Buttons (standardmäßig oben rechts) kann nicht über die Theme-Einstellungen geändert werden.

Warum ist mein Button-Text nicht vertikal zentriert?

Der vertikale Abstand von Schaltflächentext wird durch Padding und nicht nur durch die Ausrichtung gesteuert. Erhöhen Sie die Werte für den oberen und unteren Abstand in den Schaltflächeneinstellungen, um dem Text mehr vertikalen Platz innerhalb der Schaltfläche zu geben.

Kann ich benutzerdefiniertes CSS zu meinen Formularen hinzufügen?

Die Theme-Einstellungen bieten umfassende Styling-Optionen (Farben, Schriftarten, Rahmen, Polsterung, Ausrichtung), unterstützen jedoch keine benutzerdefinierte CSS-Injektion. Wenn Sie erweiterte Stileinstellungen über die Theme-Einstellungen hinaus benötigen, wenden Sie sich an den Entwickler Ihres Website-Themes, um CSS anzuwenden, das auf Omnisend-Formulare auf Ihrer Seite abzielt.


Brauchen Sie Hilfe? Schauen Sie sich unser zusätzliche Ressourcen oder

unser Support-Team für Unterstützung! Wir sind 24/7 für Sie da über den In-App-Chat oder unter

[email protected]der über den In-App-Chat.

Hat dies deine Frage beantwortet?