Use Shortcodes

To use the below shortcodes:

1. Remove the space after “[“.

2.  Remove any line break and spacing. Please use this tool

All widgets are describe in theme document. just only pricing table you need to learn how to write shortcodes here:

Pricing Table

Pricing table is complex shortcodes, please follow the intructions:

1. first , you need to decide how many columns of pricing. You can choose from 1-5 columns.

[ pricing-table cols=”3″] [ pricing-col]…[/pricing-col] [ pricing-col]…[/pricing-col] [ pricing-col]…[/pricing-col][/pricing-table]

Each column you can have option:

-  type : normal, highlight

2. Then , you’re going to build pricing column contents. Each pricing colum have contents:

+ Pricing Title : You can also have sub title or not.

[ pricing-title]Title[/pricing-title]

[ pricing-title]Title[ pricing-subtitle]Sub – Title[/pricing-subtitle][/pricing-title]

+ Pricing Price :

[ pricing-price price=”19.9″  time=”per month” unit=”$” unit_order=”0″]

– price : price of this plan

– time : time of period

– unit : unit of price

– unit_order : 0 : unit will appear before price , 1 : unit will appear after price

+ Pricing Details :

[ pricing-detail]Content[/pricing-detail]

In pricing detail , you can add text only or custom list . For custom list shortcodes , you can find it above.

+ Pricing Button :

[ pricing-button url=”#” label=”Buy Now”]

 

Example of Full Pricing Tables :

[ pricing-table cols=”3″]
[ pricing-col ]
[ pricing-title]Personal
[ pricing-subtitle]Great for beginner[/pricing-subtitle]
[/pricing-title]
[ pricing-price price=”19.9″ time=”per month”]
[ pricing-detail]
[ list]
[ list-child icon=”fa-check” style=”circle” color=”black”]Unique & Beautiful Design[/list-child]
[ list-child icon=”fa-check” style=”circle” color=”black”]Unlimited Google Fonts[/list-child]
[ list-child icon=”fa-check” style=”circle” color=”black”]Retina Ready Display[/list-child]
[ list-child icon=”fa-check” style=”circle” color=”black”]Drag & Dtop Page Builder[/list-child]
[ list-child icon=”fa-ban” style=”circle” color=”black”]Translate Ready[/list-child]
[ list-child icon=”fa-ban” style=”circle” color=”black”]1 Year Support[/list-child]
[/list]
[/pricing-detail]
[ pricing-button url=”#” label=”Buy Now”]
[/pricing-col]
[ pricing-col type=”dark”]
[ pricing-title]Team
[ pricing-subtitle]Great for Professional[/pricing-subtitle]
[/pricing-title]
[ pricing-price price=”39.9″ time=”per month”]
[ pricing-detail]
[ list]
[ list-child icon=”fa-check” style=”point” color=”red”]Unique & Beautiful Design[/list-child]
[ list-child icon=”fa-check” style=”point” color=”red”]Unlimited Google Fonts[/list-child]
[ list-child icon=”fa-check” style=”point” color=”red”]Retina Ready Display[/list-child]
[ list-child icon=”fa-check” style=”point” color=”red”]Drag & Dtop Page Builder[/list-child]
[ list-child icon=”fa-ban” style=”point” color=”red”]Translate Ready[/list-child]
[ list-child icon=”fa-ban” style=”point” color=”red”]1 Year Support[/list-child]
[/list]
[/pricing-detail]
[ pricing-button url=”#” label=”Buy Now”]
[/pricing-col]
[ pricing-col type=”highlight”]
[ pricing-title]Company
[ pricing-subtitle]Great for Agency[/pricing-subtitle]
[/pricing-title]
[ pricing-price price=”39.9″ time=”per month”]
[ pricing-detail]
[ list]
[ list-child icon=”fa-check” style=”square” color=”blue”]Unique & Beautiful Design[/list-child]
[ list-child icon=”fa-check” style=”square” color=”blue”]Unlimited Google Fonts[/list-child]
[ list-child icon=”fa-check” style=”square” color=”blue”]Retina Ready Display[/list-child]
[ list-child icon=”fa-check” style=”square” color=”blue”]Drag & Dtop Page Builder[/list-child]
[ list-child icon=”fa-ban” style=”square” color=”blue”]Translate Ready[/list-child]
[ list-child icon=”fa-ban” style=”square” color=”blue”]1 Year Support[/list-child]
[/list]
[/pricing-detail]
[ pricing-button url=”#” label=”Buy Now”]
[/pricing-col]
[/pricing-table]