Pricing plans

Parameters:

pricing_plans shortcode

• columns – set number of columns, exemplary values: “1”, “2”, “3”, “4”, etc..

pricing_plan shortcode

• title – add title, for example: “Basic”.
• subtitle – add subtitle, for example “Personal”.
• price – add price value, for example: “49”
• selected – select pricing plan, allowed values “yes” or “no”.
• button_text – add button text, for example “Buy”.
• button_link – add button link, for example “http://example.com/”.
• before_price – add sign/text before price, for example: “$”.
• after_pricer – add sign/text before price, for example: “/mo”.
• button_rel – (optional) add a rel attribute, value can be for example “nofollow”.
• button_open_in_new_window – open link in new window, possible values: “yes” or “no”.

Exemplary usage:

[pricing_plans columns="4"]
[pricing_plan title="Basic" subtitle="Personal" price="free" selected="no" button_text="Sign up" button_link="#" before_price="$" after_price="/mo"]
<ul>
<li><strong>5</strong> Projects</li>
<li>0 Clients / Collaborators</li>
<li>0 Team Members</li>
<li><strong>1 GB</strong> storage</li>
</ul>
[/pricing_plan]
[pricing_plan title="Pro" subtitle="Best value" price="49" selected="yes" button_text="Sign up" button_link="#" before_price="$" after_price="/mo"]
<ul>
<li><strong>10</strong> Projects</li>
<li><strong>5</strong> Clients / Collaborators</li>
<li><strong>3</strong> Team members</li>
<li><strong>5 GB</strong> Storage</li>
</ul>
[/pricing_plan]
[pricing_plan title="Advanced" subtitle="Business" price="99" selected="no" button_text="Sign up" button_link="#" before_price="$" after_price="/mo"]
<ul>
<li><strong>30</strong> Projects</li>
<li><strong>15</strong> Clients / Collaborators</li>
<li><strong>10</strong> Team members</li>
<li><strong>20 GB</strong> Storage</li>
</ul>
[/pricing_plan]
[pricing_plan title="Enterprise" subtitle="Big Business" price="239" selected="no" button_text="Sign up" button_link="#" before_price="$" after_price="/mo"]
<ul>
<li><strong>Unlimited</strong> Projects</li>
<li><strong>50</strong> Clients / Collaborators</li>
<li><strong>30</strong> Team members</li>
<li><strong>100 GB</strong> Storage</li>
</ul>
[/pricing_plan]
[/pricing_plans]

See also demo of pricing plans. In full download package (Dummy data/shortcodes-pages/pricing-plan.html) You can find the file with shortcodes we used to create demo page.