Entwurfskontrolle

Benutzerdefinierte Formulare

Available in:v1.0v2.0

Key Benefits

Entwurfskontrolle

Beginnen Sie bei Null oder verwenden Sie ein vorgefertigtes Formular und passen Sie die Farben, Schriftarten, die Platzierung des Logos und das Gesamtlayout an, um ein Formular zu erstellen, das zu Ihrer Marke passt.

Segmentierung

Erfassen Sie spezifische Daten, die für Ihre Geschäftsanforderungen relevant sind. Fügen Sie zusätzliche Felder ein, um Informationen zu sammeln und Ihr Publikum zu segmentieren und Ihre Kommunikation (z. B. E-Mail) und Ihr Produkt oder Ihre Dienstleistung anzupassen.

Analysen und Einblicke

Erfassen, verfolgen und analysieren Sie unterschiedliches Nutzerverhalten und Engagement.

Wie Sie Ihr benutzerdefiniertes Webflow-Anmeldeformular einbinden

Memberstack funktioniert mit Anmelde-, Login- und Profilformularen, die Sie in Webflow erstellen. Hier erfahren Sie, wie Sie Ihr benutzerdefiniertes Webflow-Anmeldeformular in Memberstack integrieren können.

A. Kopieren und Einfügen

Diese Methode ist die schnellste und am meisten empfohlene. Wir haben Hunderte von anpassbaren Komponenten, die Sie verwenden können, um loszulegen.

1. Pick from over 200+ free components or start with an unstyled signup form.

2. Kopieren Sie das Formularelement und fügen Sie es in Ihr Projekt ein.

Alle Attribute und der benutzerdefinierte Code, die Sie benötigen, wurden bereits für Sie eingerichtet.

Wenn Sie zusätzliche Informationen erfassen möchten, lesen Sie bitte "Optionaler Schritt 3 → Benutzerdefinierte Felder hinzufügen".

unten.

-------------

B. Ganz von vorne anfangen

Schritt 1 → Erstellen eines Formulars in Webflow

  1. Fügen Sie einen Formularblock hinzu.
  2. Fügen Sie die erforderlichen Eingabefelder (E-Mail und Passwort) und alle zusätzlichen Felder hinzu, für die Sie Daten erfassen möchten. Dies können Kontrollkästchen, Optionsfelder, Auswahlfelder oder Testbereiche sein.

Schritt 2 → Hinzufügen der Memberstack-Datenattribute

  1. Add data-ms-form=”signup” to the <form> element.
  2. Fügen Sie die Daten attributedata-ms-member="email" zu Ihrer E-Mail-Eingabe hinzu.
  3. Fügen Sie data-ms-member="password" zu Ihrer Passworteingabe hinzu.

Optionaler Schritt 3 → Benutzerdefinierte Felder hinzufügen

  1. Wenn Sie benutzerdefinierte Felder haben, müssen Sie diese zu Ihrer Datenbank in Memberstack hinzufügen. Benutzerdefinierte Felder erstellen
  2. Memberstack generiert für jeden eine Feld-ID, die Sie zu Webflow hinzufügen müssen. Das Attribut sieht aus wie data-ms-member="custom_field_id", data-ms-member="name", data-ms-member="phone", usw.
  3. Ihr Formular ist nun bereit, Mitglieder zu Ihrer Memberstack-Anwendung hinzuzufügen!

-------------

C. Vorgefertigte Modale

Step 1 → Create a signup link or button on your site.

navbar-anmeldung.jpg

Schritt 2 → Fügen Sie das Attribut data-ms-modal="signup" zu Ihrem Link hinzu.

anmeldung_attribut.jpg

Das war's!Ihr Formular ist bereit für Mitglieder!

anmeldung_modal_vorschau.jpg

Mehrere Anmeldeseiten erstellen

Bitte platzieren Sie Ihre Anmeldeformulare auf einzelnen Seiten. Memberstack kann eine Seite mit 2 oder mehr Anmeldeformularen nicht richtig verarbeiten.