Pricing tables shortcode

Displays a pricing table element to your web page. Frontend Builder allows you to customize your pie charts to great extent. You can manually define size, color, type and content for each individual cell, as well as set the number of rows and columns of the table.

Examples of the pricing tables shortcode usage

We tried to cover all the basic and
advanced uses for the pie chart shortcode

An example of separate pricing table, sorted into 3 columns.


REGULAR LICENSE

$
39
/single use

Premium Support Included


Free Modification of the Template


3 Premium Plugins Included


Drag & Drop Content Editing


You Can Not Resell the Item


Purchase Now


EXTENDED LICENSE

$
59
/single use

Premium Support Included


Free Modification of the Template


3 Premium Plugins Included


Drag & Drop Content Editing


You Can Not Resell the Item


Purchase Now


PREMIUM LICENSE

$
99
/single use

Premium Support Included


Free Modification of the Template


3 Premium Plugins Included


Drag & Drop Content Editing


You Can Not Resell the Item


Purchase Now

An example of complex five column pricing table with services sidebar.


REGULAR LICENSE


EXTENDED LICENSE


PREMIUM LICENSE


FULL LICENSE

$
39
/single use
$
59
/single use
$
99
/single use
$
129
/single use
Lissome Offing
Lissome Offing
Lissome Offing
Lissome Offing
Lissome Offing
Penumbra Riparian
Penumbra Riparian
Penumbra Riparian
Penumbra Riparian
Penumbra Riparian
Summery Serendipity
Summery Serendipity
Summery Serendipity
Summery Serendipity
Summery Serendipity
Susurrous Talisman
Susurrous Talisman
Susurrous Talisman
Susurrous Talisman
Susurrous Talisman
Murmurous Leisure
Murmurous Leisure
Murmurous Leisure
Murmurous Leisure
Murmurous Leisure
Halcyon Glamour
Halcyon Glamour
Halcyon Glamour
Halcyon Glamour
Halcyon Glamour

Purchase Now


Purchase Now


Purchase Now


Purchase Now

Basic settings for pricing tables shortcode

Basic settings for your basic needs. Frontend builder gives the
user an option to create basic stuff with ease

Number of columns

Sets the number of columns within a single pricing table element. Note that, instead of using the sortable columns option, you can create multiple individual tables. Experiment with this option to get maximum flexibility and variety of designs.

Row options

This section covers a multitude of options and values for your pricing tables. Each row acts as a whole, with each separate column options sorted within. You have complete control over every individual cell.

Column colors

You can define custom colors for each individual column - main emphasize color, hover color, or button text color.

Show services sidebar

This option enables the services sidebar, which acts like a column, but is displayed differently. Use this option to emphasize different service options in your table.

Cell type

Every cell can be set to one of the following types: heading, price, button, text with button, section, service, or border. Every type comes with each own set of contextual options. You can freely combine and rearrange the sections to get the best possible representation of your service.

Text color

You can set a custom color to the table text.

Background color

You can set a custom color to the table background.

Advanced settings for pricing table shortcode

In case that you need something more creative and complex
Frontend builder has a set of advanced options to get you there

ID & Custom CSS

You can easily insert your own, custom CSS for that personalized look

Bottom margin

You can set different bottom margins for different elements / shortcodes

Clone shortcode

Once you are happy with the looks of your shortcode, you can clone it and use it somewhere else

Drag & drop shortcode

You can move your shortcode to any column on the page by dragging that shortcode

Animation

You can easily animate each shortcode with tons of different animation types

Animation delay

All animations appear only when the user scrolls to the specific shortcode, you can set the delay for that

Animation speed

You can manually change the speed of each animation for each element / shortcode

Animation group

By placing different shortcodes in a group, all shortcodes in that group will animate once the user scrolls to the first element in the group