Price table example with custom colors per column
[price_table columns=”5″]
[price_column title=”First” color=”#89BF3D”]
[price_tag value=”Free!” /]
1 User
3 Templates
3 Reports
100MB Storage
[/price_column]
[price_column title=”Second” color=”#0697D6″]
[price_tag value=”$9″ period=”per month” /]
1 User
10 Templates
20 Reports
200MB Storage
[/price_column]
[price_column featured=”true” title=”Third” color=”#F93A9D”]
[price_tag value=”$24″ period=”per month” /]
5 User
Unlimited Templates
Unlimited Reports
500MB Storage
[/price_column]
[price_column title=”Fourth” color=”#EA0028″]
[price_tag value=”$69″ period=”per month” /]
20 User
Unlimited Templates
Unlimited Reports
1GB Storage
[/price_column]
[price_column title=”Fifth” color=”#EDBE00″]
[price_tag value=”$199″ period=”per month” /]
60 User
Unlimited Templates
Unlimited Reports
4GB Storage
[/price_column]
[/price_table]
[hr/]
Default price tables styles for the current skin
[price_table columns=”5″]
[price_column title=”First”]
[price_tag value=”Free!” /]
1 User
3 Templates
3 Reports
100MB Storage
[/price_column]
[price_column title=”Second”]
[price_tag value=”$9″ period=”per month” /]
1 User
10 Templates
20 Reports
200MB Storage
[/price_column]
[price_column featured=”true” title=”Third”]
[price_tag value=”$24″ period=”per month” /]
5 User
Unlimited Templates
Unlimited Reports
500MB Storage
[/price_column]
[price_column title=”Fourth”]
[price_tag value=”$69″ period=”per month” /]
20 User
Unlimited Templates
Unlimited Reports
1GB Storage
[/price_column]
[price_column title=”Fifth”]
[price_tag value=”$199″ period=”per month” /]
60 User
Unlimited Templates
Unlimited Reports
4GB Storage
[/price_column]
[/price_table]
[hr/]
[price_table columns=”4″]
[price_column title=”First”]
[price_tag value=”Free!” /]
1 User
3 Templates
3 Reports
100MB Storage
[/price_column]
[price_column featured=”true” title=”Second”]
[price_tag value=”$9″ period=”per month” /]
1 User
10 Templates
20 Reports
200MB Storage
[/price_column]
[price_column title=”Third”]
[price_tag value=”$24″ period=”per month” /]
5 User
Unlimited Templates
Unlimited Reports
500MB Storage
[/price_column]
[price_column title=”Fourth”]
[price_tag value=”$69″ period=”per month” /]
20 User
Unlimited Templates
Unlimited Reports
1GB Storage
[/price_column]
[/price_table]
[hr/]
[price_table columns=”3″]
[price_column title=”First”]
[price_tag value=”Free!” /]
1 User
3 Templates
3 Reports
100MB Storage
[/price_column]
[price_column featured=”true” title=”Second”]
[price_tag value=”$9″ period=”per month” /]
1 User
10 Templates
20 Reports
200MB Storage
[/price_column]
[price_column title=”Third”]
[price_tag value=”$24″ period=”per month” /]
5 User
Unlimited Templates
Unlimited Reports
500MB Storage
[/price_column]
[/price_table]
[hr/]
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" /]