A simple yet powerful interface for building a price table.
- SiteOrigin Widgets Bundle Plugin
- Optional: Page Builder by SiteOrigin Plugin
- Optional: SiteOrigin Premium
To use this widget, go to PluginsSiteOrigin Widgets to activate the SiteOrigin Price Table Widget.
The Price Table Widget is ready to be used anywhere:
Page Builder: Insert widgets in Page Builder by SiteOrigin in either the Classic Editor or Page Builder Layout Block in the Block Editor.
Block Editor: 100% Block Editor compatible. Insert widgets using the SiteOrigin Widgets Block featuring a live widget search form.
Theme and Plugin Widget Areas: Insert widgets into any theme or plugin widget area.
Optionally enter a widget title.
Click the Add link to get started and add a new price table column. Once a column has been added, you’ll see three icons on the right of the column row. Click the down arrow to open the column, the page icon to duplicate the column, and the cross icon to delete the column.
Enable to set the column as the featured column.
Enter the column title.
Enter the column subtitle.
Optionally select a column image.
Optionally enter an image title.
Image Alt Text
Optionally enter the image alt text.
Enter the column price.
Optionally enter the name of the item being sold. For example, “License”.
Enter the button text.
Enter the button URL
Add feature rows to each price column. Click the Add link to get started and add a new column feature. Once a feature has been added, you’ll see three icons on the right of the column row. Click the down arrow to open the column, the page icon to duplicate the feature, and the cross icon to delete the feature. The following fields and settings are available:
Enter the feature text.
Enter the text to be displayed on hover. The Hover Text will be used if you use the SiteOrigin Premium Tooltip Addon.
Optionally select a feature icon.
Optionally select the icon color.
Price Table Theme
Select the price table theme. More themes are to be added soon!
Header Background Color
Select the column header background color.
Header Text Color
Select the column header text color.
Featured Header Background Color
Select the featured header background color.
Featured Header Text Color
Select the featured header text color.
Feature Text Color
Select the feature text color.
Select the button color.
Featured Button Color
Select the featured button color.
Open Button URL in a new window
Enable to open the button link in a new window.
Equalize row heights
Enable to equalize the table row heights.