What the Pricing Table Element Does
The Pricing Table element supports:
Multiple plan columns
Feature lists for each plan
Fixed, recurring, range, unit, free, and custom pricing
Previous price display
Discount text
Button actions
Desktop and mobile visibility controls
Layout and styling controls
How to Open a Page for Editing
Go to Sites from the left menu.
Select Websites.
Find the page you want to edit.
Click Edit.
How to Add or Select the Pricing Table Element
Open the page builder.
Add the Pricing Table element from the Elements panel, or click an existing Pricing Table on the page.
Use the right settings panel to configure the table.
Layout Options
The Pricing Table element includes four layout options:
Grid
Carousel
Classic Table
Comparison Table
Use Grid for simple side-by-side plan cards. Use Carousel when you want users to browse plans one group at a time. Use Classic Table for longer plan lists.
Use Comparison Table when users need to compare many features across multiple plans.
General Settings
The General tab controls the table’s structure and content. Available setting groups include:
Layout
Typography
Columns
Column Features
Price
Button Actions
Arrows
Columns
Use the Columns section to manage each plan shown in the Pricing Table. You can:
Add a new column
Reorder columns
Rename columns
Delete columns
Show or hide column titles
Show or hide column captions
Add a highlight label
Add a column image
Column Features
Use the Column Features section to manage the feature list inside a selected plan.
You can add, edit, reorder, or remove features for each column. Keep feature wording consistent across plans so visitors can compare offers quickly.
Price Settings
Use the Price section to configure how pricing appears for the selected plan.
Pricing options can include:
Pricing model
Currency
Current price
Previous price
Discount text
Enable Previous Price when you want the old price to appear with a strikethrough.
Enable Show Discount Text when you want a short note below the price.
Button Actions
Use the Button Actions section to control the call-to-action button for each plan.
You can:
Show or hide the button
Show or hide the button caption
Choose the button action
Add a website URL
Open the link in a new tab
Button actions may include URL navigation, popup actions, section navigation, or no action.
Styles
Use the Styles tab to change visual formatting for the Pricing Table.
Style settings can include:
Margin and padding
Border and corner radius
Shadow
Colors
Container styling
Column styling
Visibility
Use Visibility to control whether the Pricing Table appears on desktop, mobile, or both. This helps you optimize the layout for smaller screens. Always preview both desktop and mobile before publishing.
Common Issues and Fixes
The Pricing Table looks crowded on mobile
Reduce the number of visible columns, adjust spacing, or use Carousel layout for smaller screens.
A button does not open the correct page
Check the Button Actions section and confirm the action type, URL, popup, or section target is correct.
The old price is not showing
Open the Price section and confirm that a previous price is entered.
The Pricing Table is not visible on mobile or desktop
Open the Styles tab and check the Visibility settings.
FAQ
Where can I use the Pricing Table element?
You can use the Pricing Table element in Kyrios websites, funnels, blogs, and store pages.
How many columns can I show?
Grid layouts can show multiple columns per row. Carousel layouts can show plans as slides.
Can I show an old price and a new price?
Yes. Use the Previous Price field to show the old price with a strikethrough.
Can I add discount text below the price?
Yes. Enable Show Discount Text in the Price settings.
Can a plan button open another page?
Yes. Set the button action to a website URL and enter the destination URL.
Can I hide buttons or captions?
Yes. Use the show/hide toggles in the Button Actions settings.