How to add a Member Link popup to WordPress
You can easily add a login form popup to 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 payment method, 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
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.
In MemberSpace, click Customize in the left navigation > click Integrations > click WordPress > scroll down to Member Link Options and click the Copy button under Popup:
- Make sure you are logged into your WordPress backend editor.
Click on Customize under Appearance:
Click on Menus:
Click on the Primary Menu:
Then, click on Add Items (at the bottom) > click Custom Links:
After, paste what you previously copied into the URL field > add any Link Text you want > click Add to Menu:
- Lastly, don't forget to click Publish to save your changes. To test this, you'll need to be on your live website (not the WordPress editor).
By default, the Login form will include a Create Account button. If needed, you can remove or edit the Create Account button.
Adding to a specific page
If you prefer to add a Member Link popup onto a specific page of your website, you can also feel free to do that.
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.
In MemberSpace, click Customize in the left navigation > click Integrations > click WordPress > scroll down to Member Link Options and click the Copy button under Popup:
- Make sure you are logged into your WordPress backend.
Click Pages on the left side menu and then click on the page you want to add your Member Link popup to:
Then click the Add block icon:
You can then add any type of link (e.g. text, button, etc.) In this example, we'll select a Button:
Select the button's text > click the link icon > paste the code you previously copied > hit Enter on your keyboard:
- 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).
By default, the Login form will include a Create Account button. If needed, you can remove or edit the Create Account button.