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. Wählen Sie aus über 200+ kostenlosen Komponenten oder beginnen Sie mit einem ungestylten Anmeldeformular.

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.

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

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

Mehrere Anmeldeseiten erstellen

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