So verwendest du dynamische Blöcke in Formularen
Erfahre mehr über dynamische Blöcke und wie du sie in Anmeldeformularen verwenden kannst, um Kund*innen auf Desktop- und Mobilgeräten unterschiedliche Ansichten und Erlebnisse zu bieten. Jeder Block in deinem Formular kann dynamisch gestaltet werden, indem du die Sichtbarkeitseinstellungen anpasst.
Informationen zu dynamischen Blöcken
Mit dynamischen Blöcken kannst du steuern, welche Blöcke auf dem Gerät angezeigt werden. Du kannst Blöcke so konfigurieren, dass sie je nach Gerät unterschiedlich in deinem Formular erscheinen oder auf einem Gerät, aber nicht auf dem anderen.
Anwendungsfälle für dynamische Blöcke:
- Passe die Formularanzeige für verschiedene Gerätetypen (z. B. Mobilgeräte und Desktop-Geräte) an, damit Kund*innen ein auf ihren Bildschirm zugeschnittenes Design sehen.
- Erstelle ein einziges Formular mit verschiedenen SMS-Opt-in-Methoden, die für beide Gerätetypen angezeigt werden, um die Conversion zu optimieren (d. h. zeige eine Tap-to-Text-Option auf Mobilgeräten und ein Telefonnummer-Eingabefeld auf Desktop-Geräten an).
Bevor du anfängst
Öffne dein Formular im Editor und navigiere zum Abschnitt Targeting und Verhalten. Stelle sicher, dass dein Formular sowohl auf dem Desktop als auch auf dem Mobilgerät angezeigt wird , damit alle Käufer es sehen können.
Mit dieser Einstellung kannst du separate Anzeigen für Desktop- und Mobilgeräte konfigurieren.
Verwende dynamische Blöcke, um unterschiedliche Desktop- und mobile Ansichten zu erstellen
Alle Blöcke oder Eingabefelder in einem Formular können dynamisch gemacht werden, unabhängig davon, ob sie bereits vorhanden sind oder neu auf der Registerkarte Blöcke hinzufügen hinzugefügt wurden. So legst du fest, auf welchen Geräten ein bestimmter Block angezeigt wird:
- Klicke im Formularvorschaubereich auf den Block (z. B. einen Textblock).
- Scrolle im Einstellungsmenü des Blocks links nach unten zu Sichtbarkeit.
- Wähle aus, ob der Block auf Desktop, Mobilgeräten oder auf allen Geräten angezeigt werden soll.
- Wiederhole diesen Vorgang für alle Blöcke, die dynamisch sein sollen.
Um eine Vorschau deines Formulars auf jedem Gerät anzuzeigen, verwende die Ansichtsauswahl in der oberen rechten Ecke des Formular-Editors. Du kannst zwischen dem Desktop-Symbol und dem Symbol für Mobilgeräte hin- und herwechseln, um jede Ansicht zu sehen.
- Die Desktopansicht zeigt, wie dein Formular für Käufer*innen angezeigt wird, die deine Website auf einem Desktop durchsuchen. Nur Blöcke, die für Desktop und Alle Geräte konfiguriert sind, sind in dieser Ansicht sichtbar.
- Die mobile Ansicht zeigt in der Vorschau an, was Kund*innen sehen, wenn sie auf einem mobilen Gerät surfen. Es zeigt Blöcke an, die für Mobilgeräte und alle Geräte konfiguriert sind.
Beispiel
Angenommen, du möchtest, dass der Überschriftentext deines Formulars auf einem Desktop anders angezeigt wird als auf einem mobilen Gerät. So konfigurierst du:
- Wähle in der Ansichtsauswahl oben rechts das Desktop-Symbol aus.
- Wähle in der Formularvorschau den Text aus, den du bearbeiten möchtest, und nimm deine Änderungen vor.
- Scrolle im Einstellungsmenü des Textblocks zu Sichtbarkeit und stelle den Textblock so ein, dass er nur auf dem Desktop angezeigt wird.
- Um die mobile Ansicht anzupassen, wechselst du zur mobilen Vorschau, indem du das mobile Symbol in der Ansichtsauswahl auswählst.
- Gehe zur Registerkarte Blöcke hinzufügen und ziehe ein neues Textelement in die mobile Vorschau.
- Passe den Standard-Überschriftentext für mobile Käufer*innen an. Dieser Text sollte sich von dem in der Desktop-Version unterscheiden.
- Scrolle im Einstellungsmenü des Textblocks nach unten zu Sichtbarkeit und stelle diesen Textblock so ein, dass er auf Mobilgeräten angezeigt wird.
- Optional: Wiederhole diesen Vorgang für andere Elemente oder Eingabefelder, die du je nach Gerätetyp unterschiedlich anzeigen möchtest (z. B. Bild für Desktop-Käufer anzeigen, aber auf Mobilgeräten ausblenden).
- Wenn du Bilder in deinem Formular dynamisch gestalten möchtest, kannst du:
- Füge ein Seitenbild sowohl zur mobilen als auch zur Desktop-Ansicht hinzu oder nur eines von beiden.
- Verwende ein Seitenbild in der Desktop-Ansicht und platziere ein Bild über dem Überschriftstext auf dem Mobilgerät oder umgekehrt.
- Wenn du Bilder in deinem Formular dynamisch gestalten möchtest, kannst du:
Nutze dynamische Blöcke, um deine SMS-Einwilligung zu optimieren
Wenn du ein Anmeldeformular hast, das SMS-Einwilligung erfasst, kannst du dynamische Blöcke verwenden, um die SMS-Opt-in-Methode für jedes Gerät zu optimieren (z. B. mobilen Käufer*innen eine Tap-to-Text-Schaltfläche anzeigen, während Desktop-Käufer*innen ein Telefonnummern-Eingabefeld sehen).
Denke daran, dass die vorkonfigurierten Vorlagen in der Formularbibliothek, die sowohl E-Mail als auch Telefonnummern erfassen, bereits über dynamische Blöcke verfügen, die für optimierte SMS-Opt-ins auf jedem Gerät eingerichtet sind. Wenn du dich für eine dieser Vorlagen entscheidest, musst du die Blöcke nicht konfigurieren. Du musst nur das Design des Formulars an deine Marke anpassen.
Wenn du neu anfängst oder ein neues Formular erstellen möchtest, um SMS-Abonnent*innen zu gewinnen, lies unseren Leitfaden zum Einholen von SMS-Einwilligung mit Smart Opt-in.
So richtest du das ein:
- Öffne dein bestehendes Formular im Editor und navigiere zum SMS-Opt-in- Schritt in der Menüleiste.
- Wenn dein Formular noch nicht über diesen Schritt verfügt, klicke auf +Schritt > SMS-Opt-in und wähle eine Liste aus, um ihn hinzuzufügen.
- Wenn dein Formular noch nicht über diesen Schritt verfügt, klicke auf +Schritt > SMS-Opt-in und wähle eine Liste aus, um ihn hinzuzufügen.
- Wähle oben rechts im Ansichtsselektor das Desktop-Symbol aus, um die Desktop-Ansicht deines Formulars anzupassen.
- Wähle in der Vorschau das Eingabefeld für die Telefonnummer aus und setze es unter Sichtbarkeitauf Desktop anzeigen. Das Gleiche gilt für die SMS-Offenlegungserklärung und die Schaltfläche „Senden“.
Beachte, dass ein Block, der speziell auf Desktop-Geräten angezeigt wird, nicht in der mobilen Ansicht ausgeblendet wird.
- Wechsle zur mobilen Ansicht deines Formulars, indem du das Symbol für Mobilgeräte in der oberen rechten Ecke auswählst.
- Wähle die Registerkarte Blöcke hinzufügen und ziehe dann einen neuen Schaltflächenblock in die mobile Vorschau.
- Ändere die Aktion der Schaltfläche in Abonnieren über SMS.
- Passe dein Abo-Schlüsselwort und deine Abo- Nachricht für deinen Tap-to-Text-Call-to-Action an.
- Wähle unter Absenderregion die entsprechende Telefonnummer für die Region aus, die du mit dem Formular ansprechen möchtest.
- Schalte zwischen der Desktop- und der mobilen Ansicht hin und her, um sicherzustellen, dass die Blöcke auf jedem Gerät wie gewünscht angezeigt werden.
Jetzt sind deine dynamischen Blöcke so konfiguriert, dass sie SMS-Einwilligung auf die am besten optimierte Weise für Desktop- und Mobilgeräte erfassen.
Nächste Schritte
Bevor du dein Anmeldeformular veröffentlichst, navigiere zur Registerkarte Stile, um das Layout, die Schriftarten und die Farben an deine Marke anzupassen. Achte auch darauf, deine SMS-Offenlegungserklärung hinzuzufügen und anzupassen.