Einstellungen für Pop-up-Formulare
Die folgenden Einstellungen bestimmen das Erscheinungsbild und das Verhalten deiner Pop-up-Formulare. Du kannst diese Einstellungen beim Erstellen eines Formulars konfigurieren, genau wie die Einstellungen für Pop-up- und Inline-Formulare.
Auf dieser Seite
Einstellung zur Formularanzeige
Die Einstellung Formularanzeige bestimmt, wie das Formular in deinem Shop angezeigt wird.
| Einstellung | Beschreibung |
|---|---|
| Schwebend | Zeigt den Teaser und das Formular als schwebenden Abschnitt auf deiner Storefront an und lässt dich die Position des Formulars in deinem Shop auswählen. |
| Überlagerung | Zeigt das Formular in der Mitte der Seite an, wobei eine Überlagerungsfarbe auf den Rest der Storefront angewendet wird. |
Teaser-Einstellungen
Die Teaser-Einstellungen bestimmen, wann der Teaser für dein Formular angezeigt wird. Der Teaser-Abschnitt ist ein kleines Pop-up, das in deinem Shop angezeigt wird. Wenn ein:e Kund:in auf den Teaser klickt, wird das Formular geöffnet.
| Einstellung | Beschreibung |
|---|---|
| Anzeigen | Legt fest, wann der Teaser-Abschnitt für Kund:innen angezeigt wird.
|
| Position in deinem Shop | Legt fest, wo in deinem Shop der Teaser angezeigt wird. Die Anzeigeoptionen (gedreht) zeigen den Teaser-Abschnitt seitlich an. |
| Titel | Der Text, der im Teaser-Abschnitt angezeigt wird. |
Stileinstellungen
Die Stileinstellungen legen das Erscheinungsbild deines Formulars fest. Eine Warnung wird angezeigt, wenn du Farben auswählst, die nicht gut zusammenpassen, nicht genügend Kontrast aufweisen oder möglicherweise schwer zu lesen sind.
Im Abschnitt Markenfarben des Formular-Editors kannst du über die Farbauswahl Farben finden und auswählen, die du als Markenfarben hinzugefügt hast.
| Einstellung | Beschreibung |
|---|---|
| Farben | Ändere die Farbe des Formularhintergrunds, des Textes, des aktiven Feldes, der Schaltflächenbeschriftung und der Fehlermeldungen so, dass sie zu deiner Marke und deinem Theme passen. |
| Formularfelder | Wähle Weiß oder Transparent aus. |
| Typografie | Wähle die Schriftart aus, die du für deinen Titel und deinen Fließtext verwenden möchtest. |
Bildeinstellungen
Die Bildeinstellungen legen fest, ob in deinem Formular ein Bild angezeigt wird, und beeinflussen dessen Platzierung und Aussehen.
| Einstellung | Beschreibung |
|---|---|
| Bildoption | Wo das Bild in deinem Formular angezeigt wird. |
| Bild | Dieses Feld wird angezeigt, wenn du Hintergrundbild, Bild links oder Bild rechts auswählst. Klicke auf Bild hinzufügen, um ein Bild von deinem Gerät hochzuladen. |
| Skalierung | Dieses Feld wird angezeigt, wenn du deinem Formular ein Bild hinzufügst. Du kannst auswählen, wie das Bild angezeigt werden soll. |
| Bilddeckkraft | Dieses Feld wird angezeigt, wenn du Hintergrundbild auswählst. Du kannst die Deckkraft des Bildes mit dem Schieberegler einstellen. Bei 100 wird nur das von dir hochgeladene Bild angezeigt. Wenn du die Deckkraft reduzierst, wird das Bild mit der Hintergrundfarbe aus dem Abschnitt Farben unterlegt. |
Verhaltenseinstellungen
Die Verhaltenseinstellungen legen fest, wann und wo dein Formular angezeigt wird.
| Einstellung | Beschreibung |
|---|---|
| Geräte | Wähle aus, ob das Formular auf allen Geräten, nur auf Desktop-Geräten oder nur auf Mobilgeräten angezeigt werden soll. |
| Seiten | Wähle aus, ob das Formular auf allen Seiten oder nur auf bestimmten Seitentypen angezeigt werden soll. Du könntest ein Formular beispielsweise nur auf Seiten vom Typ Kollektion oder Produkt anzeigen. |
| Trigger | Du kannst auswählen, dass das Formular beim ersten, zweiten oder dritten Seitenaufruf entweder sofort oder nach einer Verzögerung angezeigt wird. In diesem Abschnitt kannst du auch das Kontrollkästchen Formular anzeigen, wenn Besucher:innen versuchen, die Seite zu verlassen (nur Desktop) aktivieren. Wenn dieses Kontrollkästchen aktiviert ist, wird das Formular angezeigt, wenn Besucher:innen ihren Cursor in Richtung Adressleiste bewegen. |