WP Simple Membership Members Login Widget post shows you the members login widget, members profile page and much more.
Last Updated: October 4, 2021
Latest News: Updated the documentation.
This post shows you the login widget displayed in the site for members to log in and log out. Once the member is logged in they can navigate to different areas of the site as long as their membership level permits them. This post also talks about the members profile page and what fields can be edited by the member.
Note: This plugin does not control the menus and or sidebars. This plugin only controls the content protected in pages, post and feeds. To learn more please read Step 6 ) below.
What You Need:
- Simple Membership plugin.
- (Optional: Documentation you might want to read how-to-deal-with-the-common-challenges-of-a-membership-site)
- (Optional: You might be interested in the following documentation adding-a-terms-and-conditions-and-privacy-policy-to-member-registration-page.)
WP Simple Membership Members Login Widget
Step 1 ) The following image shows you a typical website menu for members to log in. This will look different in your site, depending on the theme you use.
Note: The pages will not appear in your website unless you have added the pages either through your theme or under Appearance -> Menus via WordPress admin. To learn more please click on the following URL How To Create A WordPress Menu.
Members Login Menu
- Member Login
- Password Reset = Note: To customize the email sent to the member and if you receive two emails notifications, the following documentation can help you.
- Profile = Note: The Profile page content will be hidden, unless you log in as a member.
Note: The pages are automatically created when you install and activate the plugin for the first time. You can learn more about it from the following URL Settings, Pay attention to Step 4 ).
Step 2 ) The following image Member Login shows you the login widget in a site. This allows the members to carry out the following actions.
Members Login Widget
- Enter Username and Password.
- You can check Remember Me option (Optional) = Note: Please read the information below in Step 2-c ) before you enable this feature to learn more about how it works.
- They can click on Forgot Password? link if they have forgotten their password. This links to the password rest page mentioned above.
- They can click on Join Us link if they want to become members.
Center The Login Widget
Step 2-a ) The following image uses the following CSS code.
Step 2-b ) The following image uses the following CSS code.
Remember Me Option Info
Step 2-c ) The following information helps you understand how the Remember Me feature works.
Solution provided by The Assurer “Keymaster” in the support forum.
- If the “Remember Me” box is checked, the login cookie used by the plugin is given an expiration date of 14 days and 12 hours.
- If the “Remember Me” box is not checked, the login cookie used by the plugin is given an expiration date of 3 days.
- If the member’s browser is configured to clear all cookies, when the browser is closed; the effect is as if the member is logged out, every time they close their browser; regardless of whether or not the “Remember Me” box is checked.
- Otherwise, the 14.5 or 3 day cookie expiration will be in force. Note: You can read about it in the following support thread.
Troubleshooting Login Widget
Q1 The Login Widget does not look correct. How do I fix this?
- Edit the login page using the WP Page editor.
- View the HTML code.
- Make sure ALL HTML code is removed from there. It should ONLY contain the following shortcode [swpm_login_form ].
- Make sure there is no HTML code like < pre> <div> etc wrapped around the shortcode.
- Clear your browser cache and the cache in your site if you have a cache pluign installed.
- View the login form page again to confirm that it looks correct.
Step 3 ) The following image shows you the logged in widget with the following information about the logged in member.
Logged in member information:
- Logged in as
- Account Status
- Account Expiry
- Edit Profile
Step 4 ) The following image Profile allows members to edit their profile. They can’t edit their User Name or Membership Level however they can edit the following fields.
Note: The “Expiry Date” of a member is now shown in the member’s profile of the admin dashboard.
Members Profile Fields
- Username (Can’t edit this field)
- Email = Edit email
- Repeat Password
- First Name
- Last Name
- Membership Level (Can’t edit this field)
- The members need to click on Update button or else their new settings will not save.
- Delete Account button is displayed when you enable the following feature Allow Account Deletion under Advanced Settings tab. (Note: If it is a PayPal subscription account, the member has to also delete the subscription from their PayPal account. For Stripe subscriptions, it deletes their Stripe subscription when they click on the Delete Account button. The following forum post has more information. )
Step 5 ) The following image displays the WordPress admin menu, user profile and Simple Membership login menu.
Note: This menu will only display if you don’t have the following feature enabled Hide Adminbar and the member is also a WordPress User. Also if you have the following feature enabled Show Adminbar to Admin and the member is not an admin member, then they will not see the menu. The following link wordpress-simple-membership-hide-adminbar can help you further.
Note: If you don’t see one or more of the above pages when a member logs in, check to make sure your pages are available and the shortcodes are correct. You might also have a plugin or theme conflict. The following link wordpress-simple-membership-general-settings can help you.
Managing Links In Menus And Sidebars
Step 6 ) If you added your login and registrations links in your menus or side bars you will need a plugin to control who can see the links. I added this information because many have asked questions in the forum about how to control what members can see when they log in. The following plugin Conditional Menus should help you with this.
Note: We now have an addon simple-membership-dynamic-menus-addon that can also help you manage your menus.
Mini Login Widget
Step 7 ) The following documentation adding-mini-login-widget-sidebar-header-footer shows you how to add a mini login widget to your site. This can be useful to add a mini/compact login widget to the sidebar of your site.
Member Logout Link
Step 8 ) The following documentation creating a member logout link shows you how to add a members logout link anywhere in your site.
Click on the following URL Join Us Page to continue with the settings.
If you have any questions please let me know. I will be updating this tutorial from time to time.
Simple Membership Plugin Tutorial List: