How to add a Member Link popup to Webflow
You can easily add a login form popup to your top navigation or within a specific page of your website.
When members are logged in, the popup will appear as a "Your Account" link automatically so your members can change their email, view invoices, update their payment method, cancel their subscription, etc.
Instructions for adding the popup to your site's navigation and/or a specific page are below.
Adding to your site's navigation
In MemberSpace click Customize in the left navigation > click Integrations > click Webflow > scroll down to Member Link Options and click the Copy button under Popup:
- Make sure you are logged into your Webflow backend.
Double-click the Navigation section at the top to edit it:
Click Settings on the right, then click the Add link button at the bottom:
Paste the code you previously copied in the URL field, then double-click the link in the Navigation section to edit the link text:
Feel free to style and move the link somewhere else in the navigation.
- Lastly, don't forget to Publish your changes. To test this, you'll need to be on your live website (not the Webflow editor).
By default, the Login form will include a Create Account button. If needed, you can remove or edit the Create Account button.
Adding to a specific page
If you prefer to add a Member Link popup onto a specific page of your website, you can also feel free to do that.
In MemberSpace click Customize in the left navigation > click Integrations > click Webflow > scroll down to Member Link Options and click the Copy button under Popup:
- Make sure you are logged into your Webflow backend.
Click the Pages icon on the left:
- Find the page you want to add the popup link to and click it.
Click the Add Elements icon in the top left. You can then add any type of link (e.g. text, button, block, etc.) In this example, we'll select a Button:
Click the Settings icon next to the button and paste the code you previously copied into the URL field:
- Double-click the button to change its text, and feel free to change the styling.
- Lastly, don't forget to Publish your changes. To test this, you'll need to be on your live website (not the Webflow editor).
By default, the Login form will include a Create Account button. If needed, you can remove or edit the Create Account button.