Version 3.0.4 of Memberlite theme is out with few security/bug fixes. This update also maintains the theme’s compatibility with v1.9.4 of Paid Memberships Pro – where certain plugin pages were improved for frontend display across devices using a div-based HTML layout in place of tables.
About the Update
Memberlite is still free to download and update, and we still plan to move the plugin into the WordPress.org repository. This update is an interim release to add compatibility with the newest release of Paid Memberships Pro. We will be shortly releasing another larger update to meet additional rules of the theme repository.
In an effort to improve the display and responsive layout of default plugin pages, v1.9.4 of Paid Memberships Pro has migrated to a “table-free” layout for selected frontend pages. Affected pages include those pages using the following shortcodes: [pmpro_checkout], [pmpro_confirmation], and [pmpro_billing]. The CSS in Memberlite v3.0.4 has been updated to support this div-based HTML layout.
SECURITY/BUG FIX/ENHANCEMENT: Added sanitization and escaping to the banner metabox on the edit post page, fixed the cropping settings for the uploaded images, and refactored the code to make it more readable. (Thanks, Massimo Marazzi)
Version 3.0.3 of Memberlite theme is out with a handful of bug fixes and enhancements. We also fixed a bug with our update server that was causing issues with automatic updates. So if you were having trouble updating before, it may work now.
About the Update
Memberlite is still free to download and update, and we still plan to move the plugin into the WordPress.org repository. Many of the bug fixes in this update were part of the theme repository review process, however there is still work to be done before we can do that. The theme repository has strict rules on what kinds of functionality can be included in themes and what kinds of functionality are “plugin territory”.
The custom sidebars and post banner functions of Memberlite need to be moved into their own plugins. The bad news is that this will take some time and force Memberlite users at some point to install and activate those plugins, although we’ll do our best to make installing those plugins as easy as possible. The good news is that users of other themes will be able to take advantage of that functionality.
If you are a consulting team or individual, this sample concept displays a button for visitors to call or email you. It’s a good way to stop page abandonment and give your reader a “next step” after reading your awesome content.
Add a Dynamic List of Related Pages for Continued Reading
All banners span the entire page width, so if you would like to show content in columns, use the [row] and [col] shortcodes [docs]. The banner automatically uses your site’s “secondary” background color as defined in Appearance > Colors > Secondary [docs].
Version 3.0.2 of Memberlite theme is out with handful of bug fixes and enhancements.
We are in the process of having the theme reviewed for the WordPress.org Theme Repository, but in the meantime we are still serving theme updates from our PMPro servers. We also posted about this update at PaidMembershipsPro.com. Future updates will be posted only at Memberlite.com, with maybe a link from the blog at PaidMembershipsPro.com.
An import file containing demo content is now available for sites using the Memberlite Theme. The demo content covers basic theme features as well as the shortcodes available in the Memberlite Shortcodes plugin.
Downloading the Demo Content
The demo content file (.xml) is available on the Memberlite Theme website. We’ll continue to update and enhance the demo file as more features are added to the theme or as requests for a demonstration of specific theme features are made.
Convert more site visitors into members with these three sample callout banners for Memberlite.
There are many creative ways to display an advertisement for membership throughout your site (once I get started coming up with layout ideas I find it hard to stop). I find that an ad at the bottom of your page is a great place to start—it’s a catch all when the reader has reached the end of your content looking for the next page to view.
Banner Sample 1: Membership Callout for Site Visitors and Members of Level ID 1
This demo is designed for a site with two levels: a free level and a support level for $10. The example checks to see if the page bottom banner has already been set; if it is not set, the visitor sees a callout and link to sign up OR upgrade to level ID 2. You can update the recipe with your own messaging and level IDs.
Banner Sample 2: Advertise Membership Signup for a Single Level + Login Link for Existing Members
This demo features a signup link for a single level as well as a link for existing members to login. The logic checks to see if there is a logged in user or if the page bottom banner has already been set; if neither is true, the visitor sees a callout with a link to sign up for level ID 1 or a link to log in. You can update the recipe with your own messaging and level IDs.
Sample 3: A Full 3-Column Levels Display for Site Visitors and Existing Level 1 or 2 Members
The final demo shows a full Membership Levels comparison for a site with three levels (or more). We use a model similar to this for our site here at Paid Memberships Pro. There’s a main heading to identify the section, the three levels compared side-by-side, and a link below for existing members to log in.
If you’re using the Memberlite Theme and have a company logo or inspiration image, here’s an easy way to generate your site’s primary, secondary, and action colors.
Pictaculous is a free image analyzer tool brought to you by MailChimp. It’s simple: upload an image (or your logo), and the tool identifies the dominant HEX colors. The tool will show you the image’s used color palette, as well as some suggested color schemes that introduce complementary colors.
Memberlite has several customization options for the color scheme. The main colors used on the site are defined as “Primary”, “Secondary”, and “Action”. Below are some guidelines for assigning your color scheme to these fields:
The “Primary” color is most widely used throughout the site: for headings, every page’s masthead background and the footer widget area background.
Select the logo or image’s most dominant and pleasing color.
Your “Secondary” color should complement the “Primary” color but be different enough to create contrast. This is the second most dominant color in your logo/image but should not be bold or attention grabbing (don’t select a color that detracts from the “Action” buttons/callouts).
Use a vibrant, bright color for your “Action” setting. This color is used for buttons and highlight areas—so it needs to drawn the eye’s attention and encourage clicks!
The color is used sparingly but packs a maximum effect when well selected.
Let me know what you think!
If you give Pictaculous a try, let me know in a comment below how it works for your site. You may not have a site logo, but if you have a photo or stock image that really speaks to your membership site’s message, give it a try in the image analyzer.
The Membership Account page is a commonly linked-to landing page for members – both as a redirect from other areas on your membership site or on log in. This page can be enhanced with more than just the default [pmpro_account] information to become a true Member Dashboard.
Below are a few Member Dashboard concepts based on the common membership site types we support here at Paid Memberships Pro.
Click on the tabs below to view screenshots of each dashboard type and a guide to set up the dashboard for your Membership site.
Save the upload the functions.php file to your server.
If you do not want to use a child theme, you can place the code recipe in a helper PMPro Customizations plugin. Just note that the recipe as-is will only work for a site using the Memberlite theme.
Now go make a cooler Member Dashboard!
The ideas in this post are a starting point to creating the BEST member dashboard that fits your membership site model. You can pull from all of the concepts or start with your own. If you have components of the dashboard that vary based on the member’s level, use the [membership] shortcode in Paid Memberships Pro to reveal specific sections to the member. There are many, many possibilities if you spend a bit of time considering the user experience of your membership site.
If you aren’t using the Memberlite theme, you can still make use of the proposed ideas — but you’ll need to work within the confines of your theme’s shortcode and layout options.
Easily add a front-end log in, log out, and password reset experience to your membership site by following the steps covered in this post. We’ll outline our recommended third party plugin for front-end login, as well as some “best practice” guidelines for placing these links on your site using your theme or Memberlite.
Our plugin allows the member account to be created in one step as part of checkout. But, returning members need to be able to easily access your login and password reset pages.
PMPro does not alter the main WordPress login functionality, so users will see the same WordPress-themed “Log In” page that you are probably familiar with. Use our recommendation below to add frontend login.
Note: Some themes include pages for a front-end log in experience. If this is the case, we recommend keeping that experience in place as it may be more trouble to unravel and put another method in place.
Theme My Login by Jeff Farthing creates a themed (frontend) login, password recovery, and user profile section. In addition, we recommend the plugin for login redirection settings and blocked “admin” access.
…or search for “Theme My Login” from the Plugins > Add New page in the WordPress admin.
Configuring Theme My Login
When you activate TML, the plugin will generate five pages: Login, Log Out, Lost Password, Reset Password, and Register. All of these pages except the “Register” page will be used in your membership site (we redirect all User Registration to the Membership Levels page for level selection and, hopefully, membership checkout).
There are no additional steps required at this point to make TML functional. You can certainly edit the generated pages to add additional styles, widgets, wording, etc. Just be sure you do not remove the [theme-my-login] shortcode from the page content.
Where to add your “Log In” links
Today’s web user has certain expectations about your site’s “Log In” links. Here are some best practices to consider:
The link is expected to be placed in the upper right corner of the page.
Consider placing a “Sign Up” (Join or Register) link in this same space as well.
The link should be present across all pages on your site.
Swap to a “Log Out” link once the member has logged in.
The “Log Out” link is often accompanied by a reminder of the logged in member’s display name that links to their membership account details or profile.
If your site is responsive, make sure that your “Log In” links are present in the smaller device views, either at the very top of the screen or in your mobile/responsive menu.
Memberlite does all of the above by default, excluding the “Mobile” view of your log in link. If you’re running Memberlite, I recommend using the TML plugin and adding the “Theme My Login” widget to the “Mobile Menu” widget area. The screenshot to the right shows how I have it configured for the Paid Memberships Pro website.
If your theme does not have a widget, menu area, or hook in place to add a log in feature in the upper right, open a topic on our members forum and we will help you find the best way to add this to your site.
We also include a “Log In” link in the default message that a visitor sees when trying to access members only content. Confirm that you have not removed this link by visiting the Memberships > Advanced Settings page in the WordPress admin.
Styling the Log In Page
TML is very lightly styled – the shortcode output on your generated Login and Password Reset pages will inherit your theme styling.
If you’re running Memberlite , here’s a little code to enhance the appearance of your Login/Lost Password/Reset Password pages. Set the “Page Template” to “Full Width” and replace the page content with the following:
I also checked the boxes to “Hide Page Title” and “Hide Breadcrumbs” in the Memberlite Settings box, then set the “Banner Description” to the following:
The Conditional “Log In” link
After activating TML, navigate to the Appearance > Menus area of your admin. Under the “Pages” section in the left column, you’ll see pages titled “Log In” and “Log Out”. Add these two pages to your menu. TML has background logic in place to only show the appropriate menu link based on the user.
Take this one step further and use the Nav Menus Add On for Paid Memberships Pro. This will allow you to use the same theme location to show a different menu of links based on the visitor/user/member status. We use TML in combination with the Nav Menus Add On on this site to link to our member support forums for Memberlite Support members using the “Member Menu” theme location of Memberlite.
Do More with Theme My Login
Theme My Login also has advanced logic for blocking the WordPress backend by “role”, as well as redirection on login based on “role”. You can read more about all the features of TML on their WordPress.org plugin repository listing.