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.

Exploring Memberlite Features: The Tabs Shortcode

Here’s a tutorial on the [memberlite_tabs] and [memberlite_tab] shortcodes. These shortcodes add a tabbed content area when using the Memberlite theme.


Shortcode Code Example

[memberlite_tabs items="Item 1,Item 2,Item 3"]
[memberlite_tab class="text-center" item="Item 1"]This is the Item 1 tab content.[/memberlite_tab]
[memberlite_tab item="Item 2"]This is the Item 2 tab content.[/memberlite_tab]
[memberlite_tab class="text-2x" item="Item 3"]This is the Item 3 tab content.[/memberlite_tab]
[/memberlite_tabs]

[memberlite_tabs] Shortcode Attributes

  • items: A comma-separated list of tab names to display. (required; first in list is active)
  • class: An optional class/style to associate with the area. (optional)

[memberlite_tab] Shortcode Attributes

  • item: The name of the tab that this content is associated with. (required; must exactly match a tab listed in wrapper “items” attribute)
  • class: An optional class/style to associate with the area. (optional)

See it in action.

This is the Item 1 tab content.
This is the Item 2 tab content.
This is the Item 3 tab content.

Exploring Memberlite Features: The [memberlite_subpagelist] Shortcode

Before starting PMPro, Jason and I did a lot of custom website development. In our consulting work, we regularly used a shortcode I wrote to pull in titles and excerpts of a page’s children, with lots of attributes and display options to control the output. We call this shortcode [memberlite_subpagelist] and have included it in the Memberlite theme.


How it Works

The basic idea of the shortcode is to shows a list of a given page’s subpages in the order you define. It allows you to easily create a “digest” page of content, that is dynamically drawn based on the hierarchy of pages defined. If a URL changes, you update a page title, or change the body content of a page, there’s no need to go back and update your digest page: the shortcode handles this all for you.

We use this shortcode on almost every top level menu page here at Memberlite. The documentation page shows the 3 column DIV layout and the Memberlite Theme demo’s color schemes page shows a three column grid with thumbnail only.


Screenshots


Attributes include:

The shortcode includes attributes for customizing the display, selecting or excluding pages, defining the page list sort order and “orderby” element.

You can also set the output to include or hide the page’s feature image, and define the size of the image from the default image sizes of WordPress (“thumbnail”, “medium”, “large” and “full”).

Read Shortcode Documentation Download Memberlite