Installation of the Price Table Builder

  1. To install the Free version of plugin go in Plugins > Add New and tap Price Table Builder n search bar, you will find the one from Huge-IT, then press on Install Now button.
  2. If you have a zip file of Free version then in Plugins > Add New > Upload the zip file, then activate and you will usually see it under Comments section on Dashboard

After you have purchased and got the zip file of the plugin, follow these steps:

Through WordPress

  1. Plugins > Login Plugin (free version) > Deactivate > Delete If you don’t have free version then pass the first step
  2. Plugins > Add New > Upload Plugin, add the zip file of pro version and after installation click Activate

Using FTP

  1. Download the ZIP file from WordPress website
  2. Extract the login directory to your computer
  3. Upload the login directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard
  5. You can see the plugin installed on WordPress left menu
price-table-builder-instal

Installation and Basic Options

There are 8 basic steps to get the plugin ready and start using it

Price Table Builder > Add New Table > Title > Create the Table > Change the Options > Save/Publish > Get a Shortcode > Paste the shortcode in post or page

  1. After installation the plugin has Price Table Builder section, from where you may Add New Table
  2. Clicking on Add New Table you will open a builder page with a few default plans in it.
  3. Enter a Title to name the table and easily find it in the list of other tables
price-table-builder-basic-options

To create the table you may start filling the default tables or add new columns pressing on Add New Column and add new fields pressing on Add New Feature Row

Rows

Each plan has the following rows:

  • Head

    head field is default and comes with every new column, here you need to write the main title of the plan

  • Highlight Text.

    On the very first plan write the text of the Ribbon. On other tables just select the option of the plan to make it highlighted with the Ribbon.

  • Price Text.

    Price text is also default in very plan, here you may add the price with the currency icon

  • Feature Name.

    Feature fields can be unlimited, write what kind of special features your package includes and list them one under another.

  • Button Text.

    This field is for the text on the button, add the link under this field and activate a button on the plan

price-table-builder-rows

General actions

Use the very FIRST plan to make general changes on all plans, such as delete feature fields, hide price text, or hide buttons. Also use very the first columns to create horizontal list of the products.

price-table-builder-basic-general-actions

Icons

Next to each field you may see Icon label which allows to add an icon next to the text using Font Awesome collection

price-table-builder-icon

Customize Options

Use Customize button on the top of each pan to make custom changes with the color of some details.

  • Background Color.

    This changes the color of the whole plan background

  • Header Text Color.

    The option Will change the color only on header row

  • Price text Color.

    Specifies the color on the Price tag text

  • Font Awesome Icons Color.

    You may specify the color on font awesome icons

  • Features Text Color.

    Font color of every feature in the list can be change

  • Columns Border Color

    Every column has borders which may be specified in color

  • Row Border Color.

    Specify the color of border between each feature field

price-table-builder-customize

Huge-IT Price Table Options

These options are for premium version which will help to make detailed customization on the plugin.

Main Options

  • Distance Between Columns.

    This option changes the distance between each columns in pixels

  • Text Align.

    You may change the text position in the row to the left, center or right align

  • Font Awesome Size.

    Specify the size of font awesome icons

  • Columns Max Count In A Row.

    Decide how many columns you need to have in one row

  • Head Text Size.

    Specify the font size of head field text

  • Text Size.

    Specify the font size of all other texts in the table

  • Padding between row.

    This is the top and bottom padding between each row of the table

  • Head Padding between row.

    With this option you decide the height of the head field

  • Column Border width.

    Write any number in pixels to decide the width of the column border

  • Column Border Radius.

    Change the radius of the border corners for the columns to make it look rounded

  • Row Border Width.

    The line between each row may be specified in width size

  • Price Font Size.

    Change the font size of the text on Price field

price-table-builder-main-options

Purchase Button Style

  • Text Size.

    Change the size of the font on button

  • Purchase Button padding.

    This is the size of the button height

  • Purchase Button Width.

    The option changes the width of the button

  • Purchase Button Radius.

    The option adds rounded corners for the button

  • Purchase Text Color.

    Change the color on the font for the button

  • Purchase Text Hover Color.

    Change the hover color on the font for the button

  • Purchase Background Color.

    Specify a color for the button background

  • Purchase Background Hover Color.

    Specify a hover color for the button background.

  • Purchase Button Border Width.

    Specify the width size for the button background

  • Purchase Button Margin(top, bottom).

    Specify the height of the field where the button is.

  • Purchase Border Color.

    Change the color for the button border

  • Purchase Border Hover Color.

    Change the hover color for the button border

price-table-builder-purchase-button

Best Seller Purchase Button Style

  • Text Size.

    Bestseller plan may have different size of the text

  • Purchase Button padding(Top, Button).

    This option is for the height size of the bestseller plan button

  • Purchase Button Width.

    This option is for the width size of the bestseller plan button

  • Purchase Button Radius.

    Specify the border radius of the corners of the bestseller plan button

  • Purchase Text Color.

    Specify the color of text on button of bestseller plan

  • Purchase Text Hover Color.

    Specify the hover color of the text on the button of bestseller plan

  • Purchase Background Color.

    Specify the color of bestseller plan background

  • Purchase Background Hover Color.

    Specify the hover color of bestseller plan background

  • Purchase Button Border

    Width Specify the width size of bestseller plan button

  • Purchase Button Margin(top,bottom).

    Specify the height of the field where the bestseller plan button is.

  • Purchase Button Border Color.

    Specify the the border color of the bestseller plan button

  • Purchase Button Border Hover Color.

    Specify the the border color of the best seller plan button on hover

price-table-builder-best-purchase-button

Best Seller Styles

  • Best Seller Align(left, right).

    Decide where to put the Ribbon. On the right or left side

  • Best Seller Background Height.

    Change the background height of the Ribbon

  • Best Seller Background Width.

    Change the background width of the Ribbon

  • Best Seller Text Block Width.

    Change the Ribbon text block width

  • Best Seller Text Block Height.

    Change the Ribbon text block height

  • Text Margin From Top.

    Specify the distance of the text from the top on the Ribbon

  • Best Seller Text Size.

    Specify the font size of the text on the Ribbon

  • Best Seller text Color.

    Specify the color of the text on the Ribbon

  • Best Seller Background Color.

    Specify the background color of the Ribbon

After all changes click on Publish

Take the sortcode [hg_price_table id="n"] (where n is the ID number of the table) and add in post or page

price-table-builder-best-seller-styles

After all changes click on Publish

Take the sortcode [hg_price_table id="n"] (where n is the ID number of the table) and add in post or page

price-table-builder-best-seller-styles