jonknightPricing boxes
Content
Description
Allows to create a pricing boxes.
Features
- Unlimited times per page
Usage
[pbox] Hello World! [/pbox]
Usage notes
I prefer to wrap a massive shortcodes (like [pbox]) with [raw] shortcode. Thats allow to have a better structure of shortcode. See examples.
[raw]
[pbox]
Hello World!
[/pbox]
[/raw]
Examples
| Shortcode | Live preview |
|---|---|
|
Basic usage. [pbox title="Product name" price="$35" url="http://checkout-gateway.tld" ] Product description goes here. [/pbox] |
Product name
$35
Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.
|
|
With custom width & background color .
[pbox
title="Product name"
price="$35"
url="http://checkout-gateway.tld"
w="300px"
bg="1569FF"
]
[accordion]
[toggle title="Title"] Content goes here. [/toggle]
[toggle title="Title"] Content goes here. [/toggle]
[toggle title="Title"] Content goes here. [/toggle]
[/accordion]
[/pbox]
|
Product name
$35
Aliquam libero nisi
Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.
Maecenas ornare
Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.
Donec sed tellus
Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.
|
|
With advanced price, custom button & tagline. The content has been displyed via [lists] shortcode. [pbox title="Product name" price="<sup>$</sup> <strong>9.95</strong> <small>/ mo.</small>" url="#" bg="ff9900" button="Buy Now!" tagline="Special edition v.3.0.5" ] [ul bullit="accept.png"] <ul> <li>First feature.</li> <li>Second feature.</li> <li>Third feature.</li> <ul> [/ul] [/pbox] |
Product name
$ 9.95 / mo.
|
Attributes
w
Width. (pixels -OR- percents)
w="200px"
w="50%"
NOTE: The units required for this attribute only.
h
Height. (pixels)
h="400"
m
Margin by left & right sides. (pixels)
m="25"
align
Align.
align="left"
align="right"
align="center"
bg
Background color.
bg="336699"
title
The title of pricing box.
title="Premium plan"
price
The title of pricing box.
price="35 USD"
price="<strong>9.95</strong> usd <small>/ month</small>"
price="<sup>$</sup> <strong>9.95</strong> <small>/ mo.</small>"
button
Text button. (Default: Purchase)
button="Buy Now"
tagline
The button tagline. (Default: The title of pricing box)
tagline="Product name"
url
Target URL.
url="http://your-checkout-gateway.tld/"