How to add a Login / Account popup to WordPress

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 'WordPress' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your WordPress backend editor.

    In this example, we're using the "Modern Business" theme from WordPress so the wording and options you see in the steps below may vary depending on the theme you're using.

  3. Click on Customize under 'Appearance':
  4. Click on 'Menus':

  5. Click on the 'Primary' menu:
  6. Then click on 'Add Items' (at the bottom) and then click 'Custom Links': 
  7. Then paste in what you previously copied for the 'URL' field and add any 'Link Text' you want and then click 'Add to Menu':
  8. Lastly, don't forget to click 'Update' to save your changes. To test this, you'll need to be on your live website (not the WordPress 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 'WordPress' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your WordPress backend.

    In this example, we're using the "Modern Business" theme from WordPress so the wording and options you see in the steps below may vary depending on the theme you're using.
  3. Click on 'Pages' on the left side menu and then click on the page you want to add your Login / Account popup to:

  4. Then click the Add block icon:
  5. You can then add any type of link (e.g. text, button, etc.) In this example, I'll select a Button:

  6. Select the button's text > click the link icon > paste in the code you previously copied > click enter:
  7. Lastly, don't forget to click 'Update' to save your changes. To test this, you'll need to be on your live website (not the WordPress 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.