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 the 'Design' section:

  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 and click the link icon, then paste in the code you copied before and 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.