Price Table

Display pricing plans in a professional table format with custom columns, features, and design.

Requirements

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.

Usage

Title
Optionally enter a widget title.

Columns

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.

Featured
Enable to set the column as the featured column.

Title
Enter the column title.

Subtitle
Enter the column subtitle.

Image
Optionally select a column image.

Image Title
Optionally enter an image title.

Image Alt Text
Optionally enter the image alt text.

Price
Enter the column price.

Per
Optionally enter the name of the item being sold. For example, “License”.

Button Text
Enter the button text.

Button URL
Enter the button URL

Features

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:

Text
Enter the feature text.

Hover Text
Enter the text to be displayed on hover. The Hover Text will be used if you use the SiteOrigin Premium Tooltip Addon.

Icon
Optionally select a feature icon.

Icon Color
Optionally select the icon color.

Other Settings

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.

Button 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.