How to add a Login / Account popup to HubSpot CMS

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 'HubSpot CMS' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your HubSpot CMS backend.
  3. On the Website pages section > click 'More tools' at the bottom > click 'Advanced menus':
  4. Click 'Add menu item' > then click 'Add URL Link':
  5. Enter any text you want for the 'Menu item label' (e.g. "Member Login"), then for the URL section paste in what you copied previously in Step 1, then click 'Publish' in the top right:
  6. 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 HubSpot CMS 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 'HubSpot CMS' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your HubSpot CMS backend.
  3. On the Website pages section > find the page you want to add the popup link to > click 'Actions' > click Edit:
  4. Next you'll be adding a new module to the page:
  5. You can add the popup link via Text, Image, or as a Button module. In this example I'll select a Button and paste in the URL you copied in Step 1:
  6. 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 HubSpot CMS 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.