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:
- 3 pricing columns (Basic, Pro, Enterprise)
- Multiple feature rows with checkmarks and text
- Call-to-action buttons with custom links
- Professional styling that matches your brand
- Mobile-responsive design
Experienced users: 5 minutes
This includes planning, building, and publishing.
Before You Start
Prerequisites
- WP Pricing Tables plugin installed and activated
- Active license key entered
- Access to WordPress dashboard
- Basic plan for your pricing structure
Planning Your Table
Before building, decide on:
- Number of tiers: Typically 2-4 pricing options work best
- Pricing: Monthly amounts for each tier
- Features: What's included in each plan
- Target customers: Who each tier is designed for
- 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:
- "Main Subscription Plans"
- "SaaS Pricing - Homepage"
- "Product Tiers 2026"
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:
- Column Title: "Basic"
- Subtitle: "For individuals" (optional)
- Price: "9" (just the number)
- Currency Symbol: "$" (or your currency)
- Billing Period: "per month" or "/mo"
- Description: "Perfect for getting started"
5 Add More Columns
Click + Add Column to add your second and third tiers:
Pro Plan Example:
- Column Title: "Pro"
- Subtitle: "For small teams"
- Price: "29"
- Currency Symbol: "$"
- Billing Period: "/mo"
- Description: "Best for growing businesses"
- Highlighted: โ Check this box
Enterprise Plan Example:
- Column Title: "Enterprise"
- Subtitle: "For large organizations"
- Price: "99"
- Currency Symbol: "$"
- Billing Period: "/mo"
- Description: "Full-scale solution"
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 Name: "Team members"
- Basic Value: "1 user"
- Pro Value: "5 users"
- Enterprise Value: "Unlimited users"
Feature 2: Storage
- Feature Name: "Cloud storage"
- Basic Value: "10 GB"
- Pro Value: "100 GB"
- Enterprise Value: "1 TB"
Feature 3: Support
- Feature Name: "Customer support"
- Basic Value: "Email only"
- Pro Value: "Priority email"
- Enterprise Value: "24/7 phone & email"
Feature 4: API Access (Using Checkmarks)
- Feature Name: "API access"
- Basic Value: โ (click X icon)
- Pro Value: โ (click checkmark icon)
- Enterprise Value: โ (click checkmark icon)
8 Add More Features
Continue adding features relevant to your product or service. Common features to include:
- Number of users/seats
- Storage limits
- Support level
- API access
- Integrations
- Custom branding
- Advanced features
- Training & onboarding
- 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:
- Button Text: "Get Started"
- Button URL: https://yoursite.com/checkout/?plan=basic
- Button Style: Default (or choose custom)
- Open in New Tab: โ (unchecked)
Pro Plan Button:
- Button Text: "Start Free Trial"
- Button URL: https://yoursite.com/checkout/?plan=pro
- Button Style: Primary (highlighted style)
Enterprise Button:
- Button Text: "Contact Sales"
- Button URL: https://yoursite.com/contact
- Button Style: Default
Step 5: Customize Styling
10 Choose Colors
In the right sidebar, you'll find styling options:
Color Settings:
- Primary Color: Your main brand color (affects buttons, highlights)
- Background Color: Table background (usually white or light gray)
- Text Color: Main text color (usually dark gray or black)
- Accent Color: For highlighted columns
11 Select a Theme (Optional)
Instead of customizing colors manually, you can choose a preset theme:
- Modern: Clean lines, subtle shadows
- Minimal: Simple, no-frills design
- Bold: High contrast, vibrant colors
- Gradient: Modern gradient backgrounds
- Glass: Glassmorphism effect
Step 6: Preview and Publish
12 Preview Your Table
Click the Preview button in the top right to see how your table looks. Check:
- All columns display correctly
- Features are aligned properly
- Colors match your brand
- Buttons stand out
- Mobile view looks good (use preview's mobile toggle)
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:
- Edit the page where you want the table
- Add a new block by clicking +
- Search for "Shortcode" and select it
- Paste your shortcode into the block
- Update/publish the page
For Classic Editor:
- Edit the page
- Switch to "Text" mode (not Visual)
- Paste the shortcode where you want the table
- Update/publish the page
For Elementor:
- Edit page in Elementor
- Drag a "Shortcode" widget to your desired location
- Paste the shortcode into the widget
- Update the page
Next Steps
Enhance Your Table
- Add monthly/yearly pricing toggle
- Add tooltips to explain features
- Customize with CSS
- Integrate Stripe payments