How to add a Login / Account popup to Webflow

You can easily add a Login form popup into 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 credit card, 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

  1. In MemberSpace click 'Customize' in the top navigation > click 'Integrations' > click 'Webflow' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your Webflow backend.
  3. Double click the Navigation section at the top to edit it:
  4. Click the Settings icon then click the 'Add Link' button:
  5. Paste in the code you copied before for 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.

  6. Lastly don't forget to 'Publish' your changes. To test this, you'll need to be on your live website (not the Webflow editor).

    If you would like to add a Create Account button within your Login form, here are instructions.

Adding to a specific page

If you prefer to add a Login / Account popup onto a specific page of your website you can also feel free to do that.

  1. In MemberSpace click 'Customize' in the top navigation > click 'Integrations' > click 'Webflow' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your Webflow backend.
  3. Click the Pages icon on the left:
  4. Find the page you want to add the popup link to and click it.
  5. 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 I'll select a Button:
  6. Paste in the code you copied before into the 'URL' field:
  7. Double click the button to change its text and feel free to change the styling.
  8. Lastly don't forget to 'Publish' your changes. To test this, you'll need to be on your live website (not the Webflow editor).

    If you would like to add a Create Account button within your Login form, here are instructions.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.