How to Create a Custom Membership Level Pricing Page: Page Builders and Pricing Table Plugins

The landing page for your membership levels is a primary place where your site attracts and sells its membership products. At PMPro, we offer several ways for you to design this page, including the default membership levels page shortcode or block and more extended options when using the Advanced Levels Page Add On.

But, some sites want even more control over designing this page. If you would like to design a completely custom membership level pricing page, this guide is for you.

In this article, we’ll cover the basics of designing a custom membership level pricing page using page builders, like the Block Editor or Elementor, as well as a few free pricing table plugins.

Flexible Options for Your Levels Page

Many people using Paid Memberships Pro don’t realize that you do not need to use the default plugin-generated Membership Level page.

In step 2 of the plugin setup process, we automatically generate a page named “Membership Levels” with the recommended shortcode. We do this so that your site is set up as fast as possible—so that you can begin accepting new member signups without any design delays.

But, this page can be totally customized to fit your design goals and theme styling.

Choosing Your Tools: Ways to Customize Your Membership Levels Page

Here are the most popular methods, Add Ons, and third-party tools you can use to create and customize your membership pricing page:

1. Use Custom CSS to adjust the default layout.
2. Replace the default shortcode with the Advanced Levels Page Add On. This Add On has extensive options for the levels page design and layout, including column-based and comparison tables.
3. Use your theme’s included “pricing page” layouts to craft a totally custom page.
4. Use a page builder or a free pricing table plugin, like Easy Pricing Tables.
5. Create your own custom Page Templates for the levels page layout (requires coding experience).

In this article, we want to focus on how to create a custom membership level pricing page with a page builder. Specifically, we’re going to cover the exact steps to use Elementor to create a Membership Levels page.

Keep reading to learn how, plus get links to other popular page builders and pricing table plugins you can use that follow (roughly) the same steps.

Video Demo: Using Elementor to Create a Custom Membership Level Pricing Page

Step-By-Step: Custom Pricing Pages With Elementor

While there are many ways to create a custom membership pricing page, the steps are roughly the same for any approach you choose. Here are the four main steps to building a custom levels page:

1. Create the membership pricing page using a plugin or page builder of your choice.
2. Assign this custom-made page as your Paid Memberships Pro “Levels Page”.
3. Make sure that the buttons on your custom page link to the respective membership checkout page for that particular level.
4. Delete the PMPro-generated Membership Levels page.

These steps assume you are working on an existing membership site and want to create the new design without affecting the current site’s levels page.

If you are setting up a brand new membership site, you can edit the generated page for your Membership Levels. Just remove the membership levels page shortcode or block from that page and begin your work.

1. Create the New Membership Pricing Page

1. Navigate to Pages > Add New in the WordPress admin.
2. Enter a title for your new membership levels page. For example, My Level Page.
3. Start creating the layout exactly as you need it.
4. Add images, a comparison table, testimonials, and more.

2. Assign the New Membership Pricing Page in PMPro Page Settings

This step ensures that every link to your membership levels page will direct users to your new/custom page instead of the plugin-generated page.

1. Navigate to Memberships > Settings > Pages in the WordPress admin.
2. For the Level Page setting, select your new custom membership pricing page.
3. Save changes.

3. Link “buttons” to the Level-Specific Checkout Page

In our working demo, we created a pricing page with two membership levels. One level is free; the other is a premium membership.

You now need to link the “Sign Up” and “Buy Now” buttons to the membership checkout page.

• For most sites, the URL for membership checkout will be something like this:
  https://SITEDOMAIN.com/membership-checkout/?pmpro_level=1
• This URL is mostly the same for each level checkout page—you just need to update the last attribute of the URL with the appropriate level’s ID.

How to Find Your Membership Level Checkout Links

1. If it’s still active, navigate to the default Membership Levels page and click the “Select” button for a specific level. You can also find these links on the Memberships > Settings > Levels page by clicking the word “Yes” in the “Allow signups?” column.
2. Copy the URL of the checkout page. Each URL must include the membership level’s ID, which looks something like /membership-account/membership-checkout/?pmpro_level=18

3. Add the copied URL to the button/link that you created on your custom membership levels page. Repeat steps 1-3 for each Membership Level you have added to your custom page.

4. Delete the PMPro-Generated Membership Levels Page

As a clean up step, you will also want to delete the old (plugin-generated) membership levels page and redirect that deleted page’s slug to this new page. You can alternately update your new page’s slug to match that of your previous page.

1. Navigate to Pages in the WordPress admin.
2. Locate the Membership Levels page.
3. Delete the page.
4. Optional: redirect the page to your new pricing page using a plugin to help with redirects (like Yoast SEO).
5. Optional: if you want to keep the old page’s URL, you can also delete it from the trash then update your new page’s URL to match the deleted page.

By following the steps outlined above, you can create a custom membership levels page that aligns with your brand and site theme.

Additional Page Builders and Pricing Table Plugins

In addition to Elementor, you can also use these supported page builders or the pricing table plugins listed below to create and customize your membership pricing page:

FAQs on Custom Pricing Pages

Concluding Thoughts on Custom Pricing Pages

Creating a custom membership level pricing page that matches your brand and site theme is sure to have a positive effect on conversions.

By using tools like Elementor or other no-code tools, you can craft a visually appealing pricing page that converts more visitors into paying members.

The steps outlined in this guide showed you the framework for removing the default PMPro-generated levels page and replacing it with your own layout. Remember to keep your custom page up to date as you add new level options or change plan descriptions and pricing. Plus, don’t be afraid to experiment with different layouts or A/B test different page styles to find what works best for your audience.

Feel free to reach out to our support team if you have any further questions or need assistance with creating your custom membership level pricing page.