Grundlegendes zu Formularblöcken und -feldern

Übersicht

Erfahre, wie du verschiedene Inhaltsblöcke aus dem Formular-Editor (d. h. Elemente und Eingabefelder) in deinem Anmeldeformular verwendest, um sein Erscheinungsbild und die Art der Informationen, die du von Abonnent*innen erfasst, anzupassen.

Informationen zum Tab „Blöcke hinzufügen“

Klicke im Editor für Anmeldeformulare auf den Tab Blöcke hinzufügen, um die verschiedenen Inhaltsblöcke zu sehen, die du deinem Formular hinzufügen kannst.

Es gibt 2 verschiedene Blockkategorien:

1. Elemente
2. Eingabefelder

Wenn du einen Block per Drag-and-drop in die Formularvorschau ziehst, werden in der linken Seitenleiste Bearbeitungsoptionen angezeigt. Von hier aus kannst du den Text der Blockdetails anpassen, einschließlich Text und Styling. Unten in diesem Bearbeitungsmenü kannst du außerdem die Einstellungen für Sichtbarkeit für den Block konfigurieren, um zu steuern, ob er auf allen Geräten, nur auf dem Desktop oder nur auf Mobilgeräten angezeigt wird. Erfahre mehr über dynamische Blöcke in Formularen.

Wenn du ein reines mobiles Anmeldeformular erstellst, siehe Grundlagen: Design mobiler Formulare.

Best Practices beim Hinzufügen von Inhaltsblöcken zu Formularen

Wenn du in deinem Formular mehrere Blöcke und Felder einfügen möchtest, um Besucher*innen deiner Website nach mehreren Informationen zu fragen (z. B. Geburtstag, E-Mail-Adresse, Telefonnummer usw.), verwende ein mehrstufiges Formular. Mehrstufige Formulare helfen dir dabei, mehr über deine Besucher*innen zu erfahren und ihre Einwilligung über mehrere Kanäle hinweg einzuholen, ohne sie auf einmal mit zu vielen Feldern zu überfordern.

Wenn du in deinem Formular sowohl E-Mail-Adresse als auch Telefonnummer abfragen möchtest, ist es im Hinblick auf Listenwachstum und Compliance Best Practice, diese Felder auf 2 verschiedene Schritte aufzuteilen.

Formularelemente

Elemente des Anmeldeformulars fügen deinem Formular Inhalte hinzu, darunter Text, Schaltflächen, Bilder und Gutschein. Diese Blöcke informieren Besucher*innen über den Zweck deines Anmeldeformulars und ermöglichen ihnen, damit zu interagieren.

Textblock

Mit Textblöcken kannst du Textinhalte in dein Formular einfügen, z. B. eine Überschrift, Anweisungen oder anderen Anzeigetext. Der Formulareditor von Klaviyo verwendet den Kodierungsstandard UTF, d. h. er unterstützt lateinische Zeichen, Emojis, Doppelbyte-Zeichen und mehr. Außerdem kannst du über die Eingabeoption für Bild-URLs ein Inline-Bild hinzufügen.

Schaltflächenblock

Schaltflächenblöcke ermöglichen es dir, Informationen in Klaviyo über Kund*innen zu erfassen und zu speichern, die dein Formular absenden. Eine Schaltfläche kann es der betrachtenden Person ermöglichen, das Formular zu schließen oder abzusenden, sie auf eine andere Seite auf deiner Website weiterleiten oder sie für SMS-Nachrichten zu abonnieren.

Wähle 1 der folgenden Aktionen für deinen Button aus:

• Formular schließen
  Das Formular wird geschlossen und die Daten werden nicht an Klaviyo übermittelt. 
• Formular senden
  Alle Formularfelder, die die Besucher*in ausgefüllt hat, werden an Klaviyo gesendet, und das Formular wird basierend auf der Option fortgesetzt, die du für das Feld Nach dem Absenden auswählst (entweder Nächsten Schritt anzeigen, Zu URL gehen oder Formular schließen).
• Zu URL gehen (Weiterleitung auf eine andere Seite)
  Besucher*innen werden zu der von dir angegebenen URL weitergeleitet, und Daten aus Formularfeldern werden nicht an Klaviyo übermittelt. Wenn du deine Ziel-URL eingibst, verwende die vollständige URL einschließlich https:// (z. B. https://help.klaviyo.com/hc/de-de statt help.klaviyo.com/hc/en-us).

• Per SMS abonnieren
  Du kannst diese Option auf Formularen nur für Mobilgeräte oder in der mobilen Ansicht des SMS-Opt-in-Schritts für Formulare konfigurieren, die auf alle Geräte ausgerichtet sind. Damit können Besucher*innen SMS mit nur wenigen Fingertipps abonnieren (Tap-to-Text). Wenn Besucher*innen auf die Schaltfläche Per SMS abonnieren klicken, wird ihre Textnachrichten-App mit einer vorformulierten Nachricht geöffnet, die sie zum Abonnieren senden können.
  • Wähle ein Schlüsselwort aus dem Drop-down-Menü Schlüsselwort abonnieren aus. Das ist das Wort, das jemand an deine Zielnummer senden muss, um der SMS-Abonnent*innenliste deines Kontos hinzugefügt zu werden, und das auf Kontoebene konfiguriert wird.
  • Lege eine Opt-in-Nachricht fest, die in der Messaging-App der Kund*innen angezeigt wird. Standardmäßig lautet dies „Sende diesen Text, um <organization_name> zu abonnieren!“, aber du kannst den Nachrichteninhalt anpassen. Dieses Feld erlaubt nur bis zu 160 GSM-7-Zeichen (1 Nachricht). Sonderzeichen, einschließlich Emojis, sind nicht gültig.
  • Wähle die passende Nummer unter Versandregion aus, wenn du in mehreren Regionen tätig bist und mehr als 1 Absendernummer hast.
    

Die Liste ändern, an die ein Anmeldeformular übermittelt

Du kannst die Liste, an die dein Formular sendet (d. h. die Liste, in die neue Abonnent*innen aufgenommen werden), in den Einstellungen der Schaltfläche ändern. So änderst du die Liste, an die ein Formular sendet:

1. Klicke auf die Schaltfläche im Formulareditor.
2. Wähle im Menü, das links angezeigt wird, unter Liste zum Einreichen die neue Liste aus.
   
   

3. Klicke in der Bearbeitungs-Seitenleiste auf Zurück.
4. Wenn du mit dem Inhalt deines Formulars zufrieden bist, klicke auf Veröffentlichen. Auch wenn dein Formular bereits live ist, musst du die Änderungen veröffentlichen, damit neue Abonnent*innen deiner neu ausgewählten Liste hinzugefügt werden.
   

Versteckte Felder übermitteln

Ausgeblendete Felder sind zusätzliche Profileigenschaften, die dem Profil eines*einer Abonnent*in in Klaviyo hinzugefügt werden. So kannst du Besucher*innen verfolgen, die mit deinem Formular interagieren. Standardmäßig haben alle Formulare eine $source-Profileigenschaft als ausgeblendetes Feld, das angibt, wie sie zu deiner Liste hinzugefügt wurden.

Du kannst die Eigenschaft $source und andere Eigenschaftsnamen anpassen. Wie bei anderen Eingaben in Formularen gilt: Wenn du versteckte Felder für Eigenschaften hinzufügst, die bereits im Profil einer Person vorhanden sind, werden sie beim Absenden des Formulars durch den neuen Wert überschrieben. Nehmen wir zum Beispiel an, dein Formular erfasst Vorlieben für Kollektionen, und eine Kund*in hat zuvor ausgewählt, dass sie sich für deine Herrenkollektion interessiert. Wenn dieses Formular ein verstecktes Feld für das Interesse an deiner Damenkollektion enthält, wird die Eigenschaft „Vorlieben“ überschrieben, wenn auf die Schaltfläche geklickt wird (d. h. von Herren zu Damen).

Um eine neue ausgeblendete Eigenschaft hinzuzufügen, wähle Eigenschaft hinzufügen aus.

Bildblock

Mit Bildblöcken kannst du deinem Formular ein Bild hinzufügen (z. B. dein Logo). Du kannst diesen Block verwenden, um Bilder hinzuzufügen, die zum Look and Feel deiner Marke passen.

JPEG-, PNG- und GIF-Dateien werden alle akzeptiert. Wie bei allen Bildern, die im Web angezeigt werden, führen größere Dateigrößen zu längeren Ladezeiten. Ziele für optimale Leistung auf eine Dateigröße von 50–100 KB ab.

Du kannst im Tab Styles im Formular-Editor auch ein Hintergrundbild oder ein Seitenbild hinzufügen.

Gutscheinblock

Füge einen Gutschein-Block hinzu, um deine Website-Besucher*innen dazu zu motivieren, dein Anmeldeformular einzureichen, und den enthaltenen Gutschein zu nutzen, um einen Kauf auf deiner Website zu tätigen.

Du kannst einem Formular statische oder personalisierte Gutscheine hinzufügen. Die Best Practices von Klaviyo empfehlen, diese Codes im Schritt Success anzuzeigen, damit Kund*innen die Website nicht verlassen müssen, um den Code zu erhalten. Lies unseren Leitfaden zum Hinzufügen von Gutscheincodes zu Anmeldeformularen für weitere Details zur Einrichtung.

Block für die SMS-Offenlegung

Die SMS-Offenlegungserklärung sollte über einer SMS-Opt-in-Schaltfläche platziert werden, um die SMS-Compliance zu gewährleisten. Mehr über SMS-Offenlegungserklärungen erfahren.

Countdown-Timer

Countdown-Timer können deinen Anmeldeformularen ein Gefühl von Dringlichkeit verleihen und werden oft mit Sonderaktionen oder saisonalen Botschaften kombiniert. Weitere Informationen zum Hinzufügen von Countdown-Timern zu Formularen.

Block für Zahl der Anmeldungen

Füge deinem Anmeldeformular einen Zählerblock hinzu, um die Anzahl der Übermittlungen in Echtzeit anzuzeigen (z. B. „500 Personen haben sich in der letzten Stunde für diese Angebote angemeldet!“), um die Conversion zu steigern und das Listenwachstum zu beschleunigen. Dieser Block nutzt Social Proof, um Dringlichkeit zu erzeugen und Website-Besucher*innen zum Abonnieren zu bewegen.

Wenn du einem Formular einen Block für den Registrierungszähler hinzufügst, kannst du die folgenden Einstellungen konfigurieren:

• Anzeigeeinstellungen
  Lege fest, wie Anmeldungen gezählt werden. Beachte, dass ein*e Abonnent*in den Erfolgsschritt des Formulars erreichen muss:
  
  • Registrierungen der letzten 30 Tage
  • Anmeldungen aus den letzten 7 Tagen
  • Registrierungen in den letzten 24 Stunden
  • Anmeldungen aus der letzten Stunde
• Nach __ Übermittlungen anzeigen
  Lege die Mindestanzahl an Übermittlungen fest, die erforderlich ist, damit der Block angezeigt wird.
  

Der Standardtext entspricht deinen ausgewählten Anzeige -Einstellungen. Auch wenn dieser Text konfigurierbar ist, lösche den Tag {{ form_submit_count }} nicht, da er die Anmeldezahl in Echtzeit anzeigt.

Eingabefelder

Eingabefelder ermöglichen es dir, Informationen von Website-Besucher*innen zu erfassen, z. B. deren E-Mail-Adresse, Namen oder Geburtstag.

Alle Eingabefeld müssen mit einer Profileigenschaften verknüpft sein, die zum Speichern der Daten verwendet wird, die Abonnent*innen übermitteln. Wenn du ein Eingabefeld zu deinem Formular hinzufügst, wähle im Drop-down-Menü Profileigenschaften eine bestehende Eigenschaft aus oder erstelle eine neue, indem du einen neuen Eigenschaftsnamen eingibst und auf Option erstellenklickst.

Sofern nicht anders angegeben, werden Eingaben aus diesen Feldern auf der Profilseite jeder einzelnen Person gespeichert.

E-Mail-Eingabefeld

E-Mail-Eingabefelder ermöglichen es Besucher*innen, ihre E-Mail-Adressen einzugeben und die Liste zu abonnieren, die mit dem Formular verbunden ist. Ein Formular kann nur 1 E-Mail-Eingabe haben, und sie muss in einem der Schritte des Formulars erscheinen, nicht in der Erfolgsmeldung.

Feld für Telefonnummer

Wenn du ein Feld für eine Telefonnummer hinzufügst, wird standardmäßig die SMS-Einwilligung zum Erhalt von Nachrichten zu Werbezwecken eingeholt, sodass du jegliche SMS-Nachrichten senden kannst. Dieser Block validiert übermittelte Telefonnummern, um sicherzustellen, dass sie in einem zulässigen Zahlenformat gespeichert werden. Falls noch nicht geschehen, aktiviere SMS, wenn du eine SMS-Einwilligung einholen möchtest, und richte deinen Offenlegungstext ein, damit er überall enthalten ist, wo du eine SMS-Einwilligung einholst.

Falls nötig, kannst du die Art der SMS-Einwilligung anpassen, die das Formular erfasst; achte aber darauf, dass die Offenlegungssprache zur Einwilligungsart passt und Beispiele für die Arten von Nachrichten enthält, die du versenden wirst, damit Abonnent*innen verstehen, womit sie einverstanden sind.

Du kannst auch dynamische Blöcke beim Einholen der SMS-Einwilligung verwenden, um sicherzustellen, dass Shopper*innen die beste Methode zum Anmelden sehen.

Texteingabefeld

Texteingabefelder werden verwendet, um Informationen zu erfassen, die keinem bestimmten Format folgen müssen (z. B. Daten oder E-Mail-Adressen), und wenn es keinen Sinn ergibt, eine vordefinierte Optionsliste anzubieten. Beachte, dass Segmentierung und Flow-Filter zwischen Groß- und Kleinschreibung unterscheiden und auf die Schreibweise achten. Ziehe andere Feldtypen in Betracht, wenn du planst, diese Daten für Segmentierung oder das Filtern zu verwenden.

Ein häufiger Anwendungsfall für Text-Eingabefelder ist das Erfassen der Namen von Abonnent*innen. Um ein Feld für den Vornamen hinzuzufügen, verwende „Vorname“ als Bezeichnung oder Platzhaltertext und wähle Vorname als Profileigenschaft aus.

Optionsfelder

Optionsfelder bieten eine vordefinierte Liste mit Optionen, aus der Abonnent*innen nur 1 auswählen können. Diese eignen sich zum Erfassen von Informationen wie Geschlecht oder Altersgruppe.

Das Feld Profileigenschaften sollte den Namen enthalten, den du für diese Eigenschaft verwenden möchtest. Wenn dein Formular Besucher*innen zum Beispiel fragt, ob sie Kaffee oder Tee bevorzugen, verwende eine benutzerdefinierte Profileigenschaft wie „Getränkeauswahl“.

Verwende die Spalte Labels im Abschnitt Property Options, um die Optionen hinzuzufügen, aus denen deine Abonnent*innen auswählen können. Füge dann in der Spalte Values entsprechende Werte hinzu. Diese Werte werden im Profil von allen gespeichert, die das Formular ausfüllen, also solltest du eine Kurzform der Antwort verwenden, die sich leicht referenzieren lässt.

Wenn deine Optionsbeschriftungen „Teetrinker*in“ und „Kaffeetrinker*in“ sind, könnten die Werte entsprechend „tee“ und „coffee“ sein.

Wenn ein*e Abonnent*in eine Optionsfeldfrage beantwortet, wird die Antwort als String- Datentyp gespeichert.

Multi-Checkboxes

Mehrere Kontrollkästchen bieten eine Liste von Optionen, und Abonnent*innen können so viele Optionen auswählen, wie sie möchten. Mehrere Kontrollkästchen sind nützlich, um Informationen zu Präferenzen, Interessenbereichen, demografischen Informationen und Fragen zu sammeln, bei denen Abonnent*innen mehr als eine Option auswählen können sollten.

Wie bei einem Optionsfeld erfordert dein Mehrfachauswahlfeld eine Profileigenschaft, einen Satz von Labels und einen Satz von Werten.

Wenn Abonnent*innen eine Frage mit mehreren Kontrollkästchen beantworten, wird ihre Antwort als Listen- Datentyp gespeichert, unabhängig davon, wie viele Optionen sie auswählen.

Datumsfeld

Datumsfelder sind der beste Weg, damit Abonnent*innen Datumswerte eingeben können, die dann wiederum für die Segmentierung oder zum Auslösen datumsbasierter Flows verwendet werden können.

Du möchtest zum Beispiel vielleicht die Geburtstage deiner Abonnent*innen erfassen, damit du ihnen über einen Flow an ihrem Geburtstag einen Gutscheincode senden kannst. In diesem Fall würdest du das Datumsfeld hinzufügen und die entsprechende Profileigenschaften auf birthday festlegen. Wenn du Datumsinformationen über Kund*innen erfassen möchtest, verwende einen Datumsblock, um sicherzustellen, dass die Daten korrekt formatiert sind.

Du kannst anpassen, wie Datumsangaben in deinem Formular eingegeben werden (z. B. DD/MM/YYYY); Datumsangaben werden jedoch weiterhin im Standardformat MM/DD/YYYY in persönlichen Profilen gespeichert. Wenn du im Menü Datumsformat eine Option auswählst, die kein Jahr enthält (z. B. MM DD), wird automatisch ein Standardjahr in das Profil jeder*s Abonnent*in aufgenommen. Datumsangaben, die über ein Datumsfeld übermittelt werden, werden mit dem Datumsdatentyp gespeichert.

Drop-down-Feld

Dropdowns ähneln Optionsfeldern, da Abonnent*innen 1 Option aus einer voreingestellten Liste auswählen können. Diese Option hilft außerdem, Platz auf deinem Formular zu sparen. Erwäge, ein Dropdown statt Optionsfeldern zu verwenden, wenn du mehr als 4 Optionen hast. Wie Optionsfelder und Mehrfach-Kontrollkästchen benötigt dein Dropdown-Feld eine Profileigenschaft, einen Satz von Beschriftungen und einen Satz von Werten.

Alterssperre

Blöcke für Alterssperre ermöglichen es alkoholbezogenen Marken möglicherweise, SMS in den USA, im Vereinigten Königreich und in Australien zu verwenden. Die Alterssperre muss in deinem Konto aktiviert sein, bevor du Blöcke für Alterssperre zu deinen Anmeldeformularen hinzufügen und mit der Nutzung von SMS beginnen kannst. Weitere Informationen dazu findest du unter Alkohol mit Klaviyo durch eine Alterssperre schützen.

Ein Element oder Eingabefeld löschen

So löschst du ein beliebiges Element oder Eingabefeld aus deinem Anmeldeformular:

1. Bewege in der Formularvorschau im Editor den Mauszeiger über den Block, den du löschen möchtest.
2. Wähle das Papierkorb-Symbol aus, das angezeigt wird.
   

3. Wähle im Modal Block löschen die Option Block löschen aus. Beachte, dass ein Block nicht wiederhergestellt werden kann, sobald du ihn gelöscht hast.

Nächste Schritte

Wenn du 1 Formular so konfigurieren möchtest, dass es eine eigene Desktop-Ansicht und eine eigene Mobilansicht hat, sieh dir unsere Anleitung zur Verwendung dynamischer Blöcke in Formularen an.

Sobald du Blöcke und Felder zu deinem Anmeldeformular hinzugefügt hast, erfährst du, wie du es so gestaltest, dass es zu deiner Marke passt. Wenn du bereit bist, ein Pop-up, ein Flyout oder ein Vollseitenformular zu veröffentlichen, klicke einfach auf Veröffentlichen, um es auf deiner Website live zu schalten. Wenn du ein Einbettungsformular erstellst, füge den Einbettungscode des Formulars zu deiner Website hinzu, um es zu veröffentlichen.

Weitere Ressourcen