Price Tables

Default price tables styles for the current skin

Price table example with custom colors per column

Price Table shortcode instructions

Every Price Table begins with the [price_table] shortcode that sets the number of columns to be displayed. Example usage:

[price_table columns="3"]
...
...
...
[/price_table]

Inside the [price_table] shortcode you add [price_column] shortcodes for each specific column of the price table. This shortcode can have the 3 following parameters:

• title: the column title
• featured: true or false. (default: false)
• color: the column main color (hexadecimal value)

Example usage:

[price_table columns="3"]
[price_column title="First" color="#ff0"]
<li>[price_tag value="Free!" /]</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li>[button text="Sign Up" url="http://www.google.com/"]</li>
[/price_column]
[price_column featured="true" title="Second"]
<li>[price_tag value="$10" period="per month" /]</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li>[button text="Sign Up" url="http://www.google.com/"]</li>
[/price_column]
[price_column title="Third"]
<li>[price_tag value="$20" period="per month" /]</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li>[button text="Sign Up" url="http://www.google.com/"]</li>
[/price_column]
[/price_table]

Inside the [price_column] shortcode you add the lines of text inside <li> tags and you can use the [price_tag] shortcode to show the price for that individual column. Example usage:

[price_tag value="$10" period="per month" /]