TEXT GUIDE

We’ve already shown you how to create membership plans with WP Ultimo.

Here we’ll show you how to create a pricing page with Elementor to display the membership plans on a custom page on your network’s main site for users to purchase a membership plan.

In addition, we’ll see how to add a “Sign Up” button on the homepage linking to the pricing page. We’ll do these two things with the Elementor plugin.

Just follow these steps:

1- OPEN YOUR MAIN SITE’S DASHBOARD

Go to Network Admin > Sites.

Now click Dashboard on the main site.

2- CREATE A NEW PAGE ON YOUR MAIN SITE

Once you have opened the dashboard of your main site, you need to create a new page.

Go to Pages and click Add New.

3- CREATE YOUR PRICING PAGE WITH ELEMENTOR

Enter the page title and then click on Edit with Elementor.

pricing page with elementor

You need to select a new page layout:

  1. Click on Settings.
  2. Select Elementor Canvas in Page Layout.
  3. Click Add to enter a new element to the page.

Select a one-column structure in Select your structure.

After that, add a new shortcode element.

  • Go to Elements.
  • Search for Shortcode.
  • Draw the Shortcode element to the section you just added.

Now you need to enter the following shortcode and click Apply.

[wu_pricing_table]

pricing page with elementor

After applying the shortcode, change the page background to make it look better.

Click the Edit section button.

Do this to change the section’s background:

  1. Go to Style.
  2. Go to Background.
  3. Click Choose Image and select the background image from your computer or from the media library.

After setting the page background, you can click the Preview button and the page will look something like this:

pricing page with elementor

Finally, you can Publish the page if everything’s OK.

4- ADD THE PRICING PAGE TO THE HOMEPAGE OF YOUR PLATFORM

Once your pricing page has been created, you need to link to it from the Sign-Up button on the homepage.

  1. Open the main site’s dashboard.
  2. Go to Pages and open the homepage with Elementor.
  3. Edit the Sign-Up button and enter the pricing page URL into the Link field.
  4. Save changes to the homepage.

pricing page with elementor

DONE!

Now people can visit your homepage and go to the pricing page with one click on the sign-up button.