![Aangepaste formulieren](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64fb834596bf1341c5ceed66_forms.webp)
Webflow-onderdelen kopiëren en plakken
Primary Benefits
Design Control
Start from scratch or use a ready made form and customize the colors, fonts, logo placement, and overall layout to create a form that matches your brand.
Segmentation
Collect specific data relevant to your business needs. Include additional fields to gather information and use to segment your audience and tailor your communication (like email) and product or service.
Analytics and Insights
Gather, track and analyze different user behaviour and engagement.
How to Integrate your Custom Webflow Login Form
Memberstack works with signup, login, and profile forms that you create in Webflow. Here’s how to integrate your custom Webflow login form with Memberstack.
A. Copy & Paste
This method is the fastest and most highly recommended. We have hundreds of customizable components you can use to get started.
1. Pick from over 200+ free components or start with an unstyled signup form.
2. Copy the form element and paste it into your project.
All of the attributes and custom code you need have already been set up for you.
If you want to collect additional information, please see "Optional Step 3 → Add custom fields"
below.
-------------
B. Start from Scratch
Step 1 → Build a form in Webflow
- Add a form block.
- Add the required input fields (email and password) and any additional fields you want to collect data for. These can be checkboxes, radio buttons, select fields, or test areas.
Step 2 → Add the Memberstack data attributes
- Add data-ms-form=”signup” to the <form> element.
- Add the data attributedata-ms-member="email” to your email input.
- Add data-ms-member="password” to your password input.
Optional Step 3 → Add custom fields
- If you have custom fields, you’ll need to add them to your database in Memberstack. Create Custom Fields
- Memberstack will generate a field ID for each, which you will need to add to Webflow. The attribute will look like data-ms-member="custom_field_id”, data-ms-member="name", data-ms-member="phone", etc.
- Your form is ready to start adding members to your memberstack application!
-------------
C. Pre-built Modals
Step 1 → Create a signup link or button on your site.
![navbar-signup.jpg](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/646f77a0cc0d36f7e68838f2_navbar-signup.webp)
Step 2 → Add the data-ms-modal=”signup” attribute to your link.
![signup_attribute.jpg](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/646f77a018aa96eab6596ac4_signup_attribute.webp)
That’s it! → Your form is ready for members!
![signup_modal_preview.jpg](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/646f77a0a6e17cc46ddda8a3_signup_modal_preview.webp)
Creating Multiple Signup Pages
Please place your signup forms on individual pages. Memberstack cannot properly process a page with 2 or more signup forms on it.
Vergelijkbare functies
Gehoste inhoud
Host HTML-inhoud en links rechtstreeks in Memberstack en zorg ervoor dat uw "gehoste" inhoud alleen toegankelijk is voor leden met de juiste plannen of machtigingen.
Meer informatieAangepaste fout- en succesberichten
U mag alles ontwerpen. Inclusief de fout- en succesmeldingen die Memberstack toont wanneer een "E-mail al bezet is" of een "Profiel is bijgewerkt."
Meer informatieInzicht in annulering
Verzamel annuleringsredenen van klanten via de voorgebouwde UI van Stripe.
Meer informatieWebflow onderdelenbibliotheek
Voortdurend groeiende bibliotheek van meer dan 200 op maat gemaakte Webflow-componenten.
Meer informatieVertaling
Maak uw eigen UI en stel de tekst in elke gewenste taal in. Vertaal ook gehoste pagina's, foutmeldingen en succesberichten.
Meer informatieOnboarding in meerdere stappen
Maak inschrijvingsstromen met hoge conversie die er precies zo uitzien als u wilt.
Meer informatie