Ready to create your first pricing table? This comprehensive tutorial walks you through every step, from creating a new table to publishing it on your WordPress site.

What You'll Build

๐Ÿ“ธ Screenshot: Creating Your First Table

The table builder interface showing drag-and-drop column creation

By the end of this guide, you'll have created a professional pricing table with:

๐Ÿ’ก Time Required: First-time users: 15-20 minutes
Experienced users: 5 minutes
This includes planning, building, and publishing.

Before You Start

Prerequisites

Planning Your Table

Before building, decide on:

  1. Number of tiers: Typically 2-4 pricing options work best
  2. Pricing: Monthly amounts for each tier
  3. Features: What's included in each plan
  4. Target customers: Who each tier is designed for
  5. Recommended tier: Which plan to highlight as "most popular"

Step 1: Create a New Table

1 Navigate to Plugin

In your WordPress dashboard, click Premium Pricing Tables in the left sidebar.

2 Click Add New

At the top of the page, click the Add New button. You'll be taken to the table builder interface.

3 Name Your Table

Enter a descriptive name in the title field, such as:

๐Ÿ’ก Naming Tip: This name is only visible to you in the admin panel. Visitors won't see it, so make it descriptive enough that you'll recognize it later when managing multiple tables.

Step 2: Add Pricing Columns

4 Add Your First Column

By default, you'll see one empty column. Fill in these fields:

Basic Plan Example:

5 Add More Columns

Click + Add Column to add your second and third tiers:

Pro Plan Example:

Enterprise Plan Example:

โœ… Pro Tip: Highlight your recommended plan (usually the middle tier) by checking the "Highlight this column" option. This adds a "Most Popular" badge and special styling to guide customers toward your preferred option.

Step 3: Add Features

6 Navigate to Features Section

Scroll down below the columns to find the Features section.

7 Add Feature Rows

Click + Add Feature and fill in the details. Here's a complete example:

Feature 1: Users

Feature 2: Storage

Feature 3: Support

Feature 4: API Access (Using Checkmarks)

8 Add More Features

Continue adding features relevant to your product or service. Common features to include:

๐Ÿ’ก Feature Tips:
  • Add 5-10 features for clarity (too many overwhelms visitors)
  • Put most important features at the top
  • Use checkmarks for yes/no features
  • Use specific numbers for quantifiable features (not "lots" or "more")
  • Group related features together

Step 4: Configure Call-to-Action Buttons

9 Set Up Buttons

For each column, scroll down to the Button Settings section:

Basic Plan Button:

Pro Plan Button:

Enterprise Button:

โš ๏ธ Important: Always test your button links! Click each button after publishing to ensure they point to the correct pages. Broken links can cost you sales.

Step 5: Customize Styling

10 Choose Colors

In the right sidebar, you'll find styling options:

Color Settings:

11 Select a Theme (Optional)

Instead of customizing colors manually, you can choose a preset theme:

๐Ÿ’ก Design Tip: Start with a preset theme and then tweak individual colors to match your brand. This is faster than starting from scratch!

Step 6: Preview and Publish

12 Preview Your Table

Click the Preview button in the top right to see how your table looks. Check:

13 Publish Your Table

When satisfied, click the blue Publish button. You'll see a confirmation message with your shortcode.

Step 7: Add Table to Your Page

14 Copy the Shortcode

After publishing, you'll see:

[premium_pricing_table id="123"]

Copy this entire shortcode (including brackets).

15 Paste into Page/Post

For Gutenberg Editor:

  1. Edit the page where you want the table
  2. Add a new block by clicking +
  3. Search for "Shortcode" and select it
  4. Paste your shortcode into the block
  5. Update/publish the page

For Classic Editor:

  1. Edit the page
  2. Switch to "Text" mode (not Visual)
  3. Paste the shortcode where you want the table
  4. Update/publish the page

For Elementor:

  1. Edit page in Elementor
  2. Drag a "Shortcode" widget to your desired location
  3. Paste the shortcode into the widget
  4. Update the page
๐ŸŽ‰ Congratulations! You've just created your first pricing table! Visit your page to see it live. Now your visitors can easily compare plans and make purchase decisions.

Next Steps

Enhance Your Table

Optimize for Conversions