Templates for Landing Pages and Sitewide Sales on Membership

Sample landing page using the Scroll templateIf you’re using the Sitewide Sales Add On for Paid Memberships Pro, check out these specialty templates that Memberlite theme users can leverage for their promotions. Below are screenshots of the included templates and some sample content to get your template started.


About the Sitewide Sales Add On

The Sitewide Sales Add On makes it easier for membership sites to create, manage, and view advanced reports for a sitewide or flash sale. Some common sale types include sales based on a holiday or event, such as Black Friday or Cyber Monday, as well as a sale surrounding a big announcement or feature release. You can simplify the effort of launching your sale by using the Sitewide Sales Add On.

Some features of a Sitewide Sale include specifying a start and end date, associating discount code, creating a custom landing page and notification banners, as well as a detailed report on sale performance.

View the Add On

Using Memberlite? We’ve made it even easier.

Sites that are using the Memberlite Theme can leverage five built-in Landing Page templates. Below is a sample of each template, link to view the template on our Memberlite Demo Site, as well as the sample text you can use to get your sale up and running.

Note that for these demos, you must be using the Memberlite theme and the following list of required plugins:

If you’re using a different theme, it is quite possible these templates will work for your site as well. I’ve tested the templates with many of the “Popular” themes found on the WordPress.org Theme Directory and everything is pretty close to the Memberlite demos. To enable templates for your site, navigate to Memberships > Advanced Settings and check the box labeled “Use the templates included in the Sitewide Sales Add On”.

The templates are designed to work best on a fluid-width, header, menu, and footer-free layout (sometimes called a “Blank” template in your theme). If your theme doesn’t have a template like this or the ability to toggle elements via the Edit Page admin, check out this “Blank Slate” plugin by Aaron Reimann. The plugin inserts a “Blank Slate” template option you can use to get the desired appearance.


Gradient Template

This template offers an animated background gradient section and a fun striped main form area.

Gradient Template Demo

Sample landing page using the Gradient template

Here’s the sample content for the template.

To use this template, create a new Sitewide Sale under Memberships > Sitewide Sales. Set the “Template” to “Gradient”. Then, copy and paste the demo text in the recipe into the “Sale Content” field on the “Edit Sitewide Sale” page. When you edit the page assigned as the sale’s “Landing Page,” simply set the page to use the “Blank” page template and add the [pmpro_sws] shortcode to the post editor.


Neon Template

This template offers the often-requested “dark” color scheme and the use of flashing titles and color remind me of a retro neon shop sign.

Neon Template Demo

Sample landing page using the Neon template

Here’s the sample content for the template.

To use this template, create a new Sitewide Sale under Memberships > Sitewide Sales. Set the “Template” to “Neon”. Then, copy and paste the demo text in the recipe into the “Sale Content” field on the “Edit Sitewide Sale” page. When you edit the page assigned as the sale’s “Landing Page,” simply set the page to use the “Blank” page template and add the [pmpro_sws] shortcode to the post editor.


Ocean Template

This is the template Paid Memberships Pro used for their recent Summer Sale and has a fresh, nautical color scheme and “waves” background image.

Ocean Template Demo

Sample landing page using the Ocean template

Here’s the sample content for the template.

To use this template, create a new Sitewide Sale under Memberships > Sitewide Sales. Set the “Template” to “Ocean”. Then, copy and paste the demo text in the recipe into the “Sale Content” field on the “Edit Sitewide Sale” page. When you edit the page assigned as the sale’s “Landing Page,” simply set the page to use the “Blank” page template and add the [pmpro_sws] shortcode to the post editor.


Photo Template

They say a picture is worth a thousand words—so find an image that perfectly reflects your membership, subscription, or relates to your sale and give this special template a whirl.

Photo Template Demo

Sample landing page using the Photo template

Here’s the sample content for the template.

To use this template, create a new Sitewide Sale under Memberships > Sitewide Sales. Set the “Template” to “Photo”. Then, copy and paste the demo text in the recipe into the “Sale Content” field on the “Edit Sitewide Sale” page. When you edit the page assigned as the sale’s “Landing Page,” simply set the page to use the “Blank” page template and add the [pmpro_sws] shortcode to the post editor. The photo is set by the page’s “Featured Image”, so be sure to assign the image before leaving the “Edit Page” admin screen for your Landing Page.


Scroll Template

This landing page takes the “Photo” template a bit farther and loads the text overlay in a light background box with some subtle animation.

Scroll Template Demo

Sample landing page using the Scroll template

Here’s the sample content for the template.

To use this template, create a new Sitewide Sale under Memberships > Sitewide Sales. Set the “Template” to “Scroll”. Then, copy and paste the demo text in the recipe into the “Sale Content” field on the “Edit Sitewide Sale” page. When you edit the page assigned as the sale’s “Landing Page,” simply set the page to use the “Blank” page template and add the [pmpro_sws] shortcode to the post editor. The photo is set by the page’s “Featured Image”, so be sure to assign the image before leaving the “Edit Page” admin screen for your Landing Page.

Add a Call to Action or Additional Content Using Page Bottom Banners

Memberlite adds a new “Memberlite Options” metabox to the “Edit Page” screen in your WordPress admin. Here you can add additional content that spans the fluid width of your page.

This post provides a few example ideas for your page’s bottom banner.


Show Recent Posts

Show recently posted articles either overall or for a category that relates to the page. This recipe uses the [memberlite_recent_posts] shortcode


Add a CTA for Visitors to Call or Email You

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

Once a visitor has read your page of content, what are they going to read next? This recipe adds a list of subpages using the [memberlite_subpagelist] shortcode


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].

View Page Bottom Banner Documentation
 


Need to set the same “Page Bottom Banner” to multiple pages/posts?

If you would like to set a Page Bottom Banner for several pages, or conditionally based on whether the user is logged in or a member of a specific level, use the before_footer hook. Here is an example that uses this hook to set a sitewide membership signup banner.