The pricing table shortcode works by placing several instances of the [pricing_column]
shortcode wrapped within a single instance of the [pricing_table]
.
[raw] [pricing_table currency="$" currency_placement="before"] [pricing_column title="Bronze" price="40" price_subline="Per Month" button_text="Buy Now" button_url="#"] Feature 1 Feature 2 Feature 3 [/pricing_column] [pricing_column title="Silver" title_subline="Best Value" price="60" price_subline="Per Month" highlight="royal" popout="true" button_color="royal" button_text="Buy Now" button_url="#"] Feature 1 Feature 2 Feature 3 [/pricing_column] [pricing_column title="Gold" price_subline="Per Month" price="80" price_subline="Per Month" button_text="Buy Now" button_url="#"] Feature 1 Feature 2 Feature 3 [/pricing_column] [pricing_column title="Platinum" price_subline="Per Month" price="100" price_subline="Per Month" button_text="Buy Now" button_url="#"] Feature 1 Feature 2 Feature 3 [/pricing_column] [/pricing_table] [/raw]
Pricing Table Options
Argument | Default | Description |
---|---|---|
currency | $ | Currency symbol to use with all prices in the table. |
currency_placement | before | Where to include the currency symbol relative to the price – before, after. |
Pricing Column Options
Argument | Default | Description |
---|---|---|
highlight | None | If you’d like to give the column a highlight color, use this option to designate a background color. You can use any of the framework’s colors. See the button shortcode for table of these color codes. Ex: royal |
popout | false | If you’d like one of your columns to stand out from the rest, set this to true. |
title | None | Title of the column. |
title_subline | None | A subline for the title of the column, which only applies if the column has popout="true" . Ex: Best Value |
price | None | Price used for the column. Enter the number only without currency symbol – 50, 80, 100, etc. |
price_subline | None | A very brief subline for the price of the column, which describes what the price represents. Ex: Per Month |
button_text | None | Text of the button to include. This button text is what actually triggers whether the button shows within the column or not. Ex: Buy Now |
button_url | None | Where you want the button of the column to link. Ex: http://yoursite.com/product-1/ |
button_color | default | Color of the button. See the button shortcode for table of these color codes. Ex: royal |
button_size | default | Size of the button – mini, small, default, large |
Note: The
[pricing_column]
shortcode will only work within [pricing_table]
. It’s not technically a true, registered shortcode, and thus, cannot be used on its own.