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.
Did you know...
You can use “pricing plans” element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.