Pricing 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.
  • Aliquam libero nisi, imperdiet.
  • Tincidunt nec, gravida vehicula, nisl. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.
  • Donec sed tellus eget sapien fringilla nonummy.

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/"

2012 © Your Company Name
TopBusiness Premium WordPress theme by PandaThemes