Price Tables

Default price tables styles for the current skin

[price_table columns=”5″]
[price_column title=”First”]

  • [price_tag value=”Free!” /]
  • 1 User
  • 3 Templates
  • 3 Reports
  • 100MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column title=”Second”]

  • [price_tag value=”$9″ period=”per month” /]
  • 1 User
  • 10 Templates
  • 20 Reports
  • 200MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column featured=”true” title=”Third”]

  • [price_tag value=”$24″ period=”per month” /]
  • 5 User
  • Unlimited Templates
  • Unlimited Reports
  • 500MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column title=”Fourth”]

  • [price_tag value=”$69″ period=”per month” /]
  • 20 User
  • Unlimited Templates
  • Unlimited Reports
  • 1GB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column title=”Fifth”]

  • [price_tag value=”$199″ period=”per month” /]
  • 60 User
  • Unlimited Templates
  • Unlimited Reports
  • 4GB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [/price_table]

    [hr/]

    [price_table columns=”4″]
    [price_column title=”First”]

  • [price_tag value=”Free!” /]
  • 1 User
  • 3 Templates
  • 3 Reports
  • 100MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column featured=”true” title=”Second”]

  • [price_tag value=”$9″ period=”per month” /]
  • 1 User
  • 10 Templates
  • 20 Reports
  • 200MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column title=”Third”]

  • [price_tag value=”$24″ period=”per month” /]
  • 5 User
  • Unlimited Templates
  • Unlimited Reports
  • 500MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column title=”Fourth”]

  • [price_tag value=”$69″ period=”per month” /]
  • 20 User
  • Unlimited Templates
  • Unlimited Reports
  • 1GB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [/price_table]

    [hr/]

    [price_table columns=”3″]
    [price_column title=”First”]

  • [price_tag value=”Free!” /]
  • 1 User
  • 3 Templates
  • 3 Reports
  • 100MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column featured=”true” title=”Second”]

  • [price_tag value=”$9″ period=”per month” /]
  • 1 User
  • 10 Templates
  • 20 Reports
  • 200MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [price_column title=”Third”]

  • [price_tag value=”$24″ period=”per month” /]
  • 5 User
  • Unlimited Templates
  • Unlimited Reports
  • 500MB Storage
  • [button text=”Sign Up” url=”#”]
  • [/price_column]
    [/price_table]

    [hr/]

    Price table example with custom colors per column

    [price_table columns=”5″]
    [price_column title=”First” color=”#89BF3D”]

  • [price_tag value=”Free!” /]
  • 1 User
  • 3 Templates
  • 3 Reports
  • 100MB Storage
  • [button text=”Sign Up” url=”#” corners=”subtle” type=”fancy”]
  • [/price_column]
    [price_column title=”Second” color=”#0697D6″]

  • [price_tag value=”$9″ period=”per month” /]
  • 1 User
  • 10 Templates
  • 20 Reports
  • 200MB Storage
  • [button text=”Sign Up” url=”#” corners=”subtle” type=”fancy”]
  • [/price_column]
    [price_column featured=”true” title=”Third” color=”#F93A9D”]

  • [price_tag value=”$24″ period=”per month” /]
  • 5 User
  • Unlimited Templates
  • Unlimited Reports
  • 500MB Storage
  • [button text=”Sign Up” url=”#” corners=”subtle” type=”fancy”]
  • [/price_column]
    [price_column title=”Fourth” color=”#EA0028″]

  • [price_tag value=”$69″ period=”per month” /]
  • 20 User
  • Unlimited Templates
  • Unlimited Reports
  • 1GB Storage
  • [button text=”Sign Up” url=”#” corners=”subtle” type=”fancy”]
  • [/price_column]
    [price_column title=”Fifth” color=”#EDBE00″]

  • [price_tag value=”$199″ period=”per month” /]
  • 60 User
  • Unlimited Templates
  • Unlimited Reports
  • 4GB Storage
  • [button text=”Sign Up” url=”#” corners=”subtle” type=”fancy”]
  • [/price_column]
    [/price_table]

    [hr/]

    Price Table shortcode instructions

    Every Price Table begins with the [price_table] shortcode that sets the number of columns to be displayed. Example usage:

    [price_table columns="3"]
    ...
    ...
    ...
    [/price_table]

    Inside the [price_table] shortcode you add [price_column] shortcodes for each specific column of the price table. This shortcode can have the 3 following parameters:

    • title: the column title
    • featured: true or false. (default: false)
    • color: the column main color (hexadecimal value)

    Example usage:

    [price_table columns="3"]
    [price_column title="First" color="#ff0"]
    <li>[price_tag value="Free!" /]</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li>[button text="Sign Up" url="http://www.google.com/"]</li>
    [/price_column]
    [price_column featured="true" title="Second"]
    <li>[price_tag value="$10" period="per month" /]</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li>[button text="Sign Up" url="http://www.google.com/"]</li>
    [/price_column]
    [price_column title="Third"]
    <li>[price_tag value="$20" period="per month" /]</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li><strong>dolor</strong> sit</li>
    <li>[button text="Sign Up" url="http://www.google.com/"]</li>
    [/price_column]
    [/price_table]

    Inside the [price_column] shortcode you add the lines of text inside <li> tags and you can use the [price_tag] shortcode to show the price for that individual column. Example usage:

    [price_tag value="$10" period="per month" /]
    Advertisements