Erstellen Sie Ihr erstes Sign-up-Formular
Beginnen Sie mit Anmeldeformularen.
Erfahren Sie, wie Sie effektive Anmeldeformulare für Ihre Website oder Ihren Shopify-Shop erstellen und anpassen können. Dieser Leitfaden behandelt:
Erstellen und Benennen Ihres Formulars
Anpassen von Formulardesign und Erscheinungsbild
Hinzufügen von Opt-in-Feldern und Inhaltsblöcken
Einrichten von Anzeigeregeln und Zielgruppenansprache
Veröffentlichen und Nachverfolgen der Formularleistung
Hinzufügen von Formularen zu Ihrem Shopify-Shop oder Ihrer Website
Schritt für Schritt Anleitung
Unsere Anmeldeformulare sind so gestaltet, dass es Ihren Kunden leichtfällt, sich für den Kanal anzumelden, den sie nutzen möchten.
Anmeldeformulare ermöglichen es Ihnen, Kundendaten über WhatsApp, E-Mail oder SMS direkt von Ihrer Website oder Ihrem Shopify-Store zu sammeln. Wenn sich jemand anmeldet, wird er zu Ihrer Kontaktliste hinzugefügt – bereit, automatisierte Willkommensnachrichten oder Werbeangebote wie einen Rabattcode zu erhalten.
Folgen Sie den untenstehenden Schritten, um die Einrichtung abzuschließen.
Mindestens ein installierter Kanal
Zugriff auf Marketing, um Ihr Anmeldeformular zu gestalten
Zugriff auf Kontakte, um Ihre Abonnementliste zu konfigurieren
Zugriff auf Journeys, um Ihren Abonnementprozess zu konfigurieren
Zugriff auf das CMS Ihrer Website oder den E-Commerce-Site-Editor
Schritt 1: Zugriff auf Anmeldeformulare
Schritt 2: ein neues Formular erstellen
Click Create new sign-up form in the top right corner.
To set up your form, simply:
Name your form: Give it a clear and recognizable name, e.g., "Bird.com multi-channel opt-ins."
Select your default language using the dropdown list.
Add a tag (optional): For example, "promotions" if you plan to send this list promotional content.
Select the list for subscribers to be added to. In this example, we will use Website signups.
If your form is for Shopify, select your store from the dropdown menu. If no stores appear, go back and install Shopify as an integration. Otherwise, select "any other website."
Click Create sign-up form, and you will be able to start designing your form.
Schritt 3: Passen Sie das Formulardesign an
Gehen Sie zum Tab "Styles", um auszuwählen, wie Ihr Formular auf dem Desktop angezeigt wird. Sie können zwischen verschiedenen Ansichten wechseln (z.B. Modal, Pop-over, Einbetten). Für Pop-overs können Sie auswählen, wo auf dem Bildschirm das Formular angezeigt wird.
Passen Sie die Formulardimensionen an, indem Sie die Pixelhöhe eingeben und aus den Hintergrundoptionen (klein, mittel oder groß) auswählen.
Passen Sie Farben an, indem Sie Schieberegler verwenden oder spezifische RGB-, HSL- oder Hex-Codes eingeben, um Ihre Markenidentität zu wahren.
Passen Sie die Hintergrundfarbe, die Randfarbe an und aktivieren Sie ein Hintergrundbild, falls gewünscht. Sie können auch Abstände innerhalb des Formulars hinzufügen, um Ihrem Markenstil gerecht zu werden.
Eingebettete Anmeldeformulare
Um Ihre Anmeldeformulare auf Ihren eigenen Webseiten einzubetten, können Sie "Styles > Einbetten" auswählen, wenn Sie ein Anmeldeformular erstellen
Sie können jetzt Ihr Anmeldeformular gestalten und veröffentlichen, sobald es fertig ist.
Um Ihr veröffentlichtes Anmeldeformular einzubetten, müssen Sie die folgenden Schritte befolgen:
Öffnen Sie das Anmeldeformular aus der Listenansicht und klicken Sie auf "Installation"
Unter Installation gehen Sie zum Abschnitt Meine eigene Website, wo Sie eine Anwendung auswählen müssen (dies steht für Ihre Website-Nachverfolgung, um unser SDK hinzuzufügen). Wenn Sie keine Anwendung haben, gehen Sie zu "Developer > Application" und erstellen Sie eine, indem Sie ihr einen Namen geben.
Das Erstellen einer neuen Anwendung oder das Auswählen einer bestehenden Anwendung zeigt Ihnen den Codeausschnitt, den Sie in den Kopf-Bereich Ihrer Website hinzufügen müssen, um Bird SDK zu installieren.
Fügen Sie dieses Skript-Tag in den Kopf-Bereich Ihrer Website ein. Sie müssen dies nur einmal einfügen und alle Anmeldeformulare, die dieser Anwendung zugeordnet sind, werden automatisch erkannt.
Wechseln Sie jetzt zum Tab E-Commerce-Plattformen, um den HTML-Codeausschnitt zu finden, der spezifisch für dieses eingebettete Anmeldeformular ist.
Sie können diesen HTML-Codeausschnitt auf Ihrer Seite platzieren, wo Sie das Anmeldeformular anzeigen möchten.
Schritt 4: Fügen Sie Zielgruppen- und Verhaltensregeln hinzu
Schritt 5: Ein Bild zu Ihrem Formular hinzufügen
Gehen Sie zum Abschnitt Form Image. Sie können ein Bild hinzufügen, indem Sie eine Datei hochladen, eine URL angeben oder ein zuvor gespeichertes Bild aus Ihrer Mediathek auswählen.
Wählen Sie die Bildgröße aus dem Dropdown-Menü, fügen Sie Ihren Alt-Text für die Barrierefreiheit hinzu und wählen Sie die Bildposition und -ausrichtung. Die Bildgröße muss basierend auf dieser Platzierung angepasst werden.
Schritt 6: Formularinhalt anpassen
Navigieren Sie zu Schritte > Inhalt, um mit der Bearbeitung Ihrer Überschriften und des Textkörpers zu beginnen, damit sie mit Ihrer Kampagnenbotschaft übereinstimmen, z.B. „Melden Sie sich an und erhalten Sie 10% Rabatt.“
Sie können die Textgröße und das Styling im Editor bearbeiten und Ihre Randgrößen an Ihre Marke anpassen.
Schritt 7: Fügen Sie Blöcke zu Ihrem Anmeldeformular hinzu
Schritt 8: Veröffentlichen Sie Ihr Formular
Jetzt, da Ihr Formular fertig ist, klicken Sie einfach auf die Schaltfläche Veröffentlichen, um es zu aktivieren.
Wenn Sie Shopify verwenden, erscheint Ihr Formular sofort nach der Veröffentlichung automatisch in Ihrem Shop—Sie müssen nichts weiter tun.
Für andere Websites finden Sie nach der Veröffentlichung einen Code-Snippet. Kopieren Sie diesen Snippet, gehen Sie zu den Einstellungen Ihrer Website und fügen Sie ihn dort ein, wo Sie möchten, dass das Formular angezeigt wird. Vergessen Sie nicht
