How to add a Login / Account popup to Squarespace

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 'Squarespace' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your Squarespace backend.
  3. Click 'Pages' on the left:
  4. Click the + icon to the right of Main Navigation:
  5. Scroll down and click on the 'Link' icon:

  6. Enter any text you want for the 'Link Title' (e.g. "Member Login"), then for the Link section paste in what you copied previously, then click 'Save':

  7. Now whenever anyone clicks this link you just added, they will see your Login form popup. To test this, you'll need to be on your live website (not the Squarespace 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 'Squarespace' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your Squarespace backend.
  3. Click 'Pages' on the left:
  4. Find the page you want to add the popup link to and click it.
  5. Edit the page content and then click the black bubble to add a new content block wherever you want:
  6. You can add the popup link via Text, Image, or as a Button. In this example I'll select a Button:
  7. Now whenever anyone clicks this link you just added, they will see your Login form popup. To test this, you'll need to be on your live website (not the Squarespace 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.