Documentation : Pricing Table AddOn For Visual Composer

Documentation of Pricing Table Addon for Visual Composer

Check out the plugin’s full features: View Plugin’s Full Features
Check out the plugin’s demo: View Plugin’s Demo

Installation

  1. Install WPBakery Page Builder plugin
  2. Unzip pricing-tables-addon-for-visual-composer.zip
  3. Upload all the files to the /wp-content/plugins/
  4. Activate the plugin through the ‘Plugins’ menu in WordPress.
  5. For customizing the plugin’s settings, click on Pricing Table AddOn For VC menu in WordPress of left admin menu for main settings.
  6. To display the Pricing Table in the frontend, please go to edit page/post, backend or frontend editor using Visual Composer functionality.

B) Getting started

Once the plugin is installed and activated you will find a menu named “Pricing Table Addon For VC” in the left menu bar of the admin menu. Once you click on that menu , you will go to the plugin’s setting page where you can enable/disable common font icons css and wow js script if you have already loaded those scripts from other source.

Pricing Table Addon For Visual Composer - Main Settings Page

To display pricing table using Visual Composer is described below more briefly with screenshot.

When you have Pricing Table Addon and WPBakery Page Builder plugin, you can start building your website and implement our addon along the way.
If you have all the required settings set in WPBakery Page Builder, you may now go to pages or posts listing screen. On each page or posts you can see “Edit with WPBakery Page Builder” option which will direct you to the “Frontend Editor”. If you normally move on to the post/page edit screen then you may edit using the “Backend Editor”.

Pricing Table Addon For Visual Composer - Backend/Frontend Editor


C) Parent Container – Pricing Table AddOn Settings

Pricing Table Addon For Visual Composer - Backend Editor

WPBakery Page Builder has two editors: Frontend and Backend. In both editors, you can add new elements.Pricing Table Addon have its own element listed on tab. Try adding a new element, a popup section with addon appear where you can select common main settings as main container element for pricing tables.
Using WPBAkery Page Builder, you will find a common parent container named as Pricing Table Addon where you can configure templates for pricing table. There are altogether 20 pre available templates with its unique styles and design layouts.

Pricing Table Addon For Visual Composer - Add Element
Pricing Table Addon For Visual Composer -Add Pricing Table Addon Element
This is parent common container. In this setting box, you will find 5 tab section as General, Currency Settings, Top header section ,footer section and layout field.


D)Pricing Table AddOn Settings – General Settings

Pricing Table Addon For Visual Composer - Main General Settings

On General, you will find options to select template among 20 pre available templates as per your choice, set number of columns for each pricing table display (1-6 column available), set column space and width in pixel and extra custom css class.

Pricing Table Addon For Visual Composer - Main General Settings Column Options


E) Currency Settings

Pricing Table Addon For Visual Composer - Currency Settings

In this settings, you can set currency for pricing table from different currency type and even set its position as left or right side display with price.

F) Pricing Table AddOn Settings – Top Header Section

Pricing Table Addon For Visual Composer- Top Header Section Settings

Similarly, in this settings, you can even add an extra top header with following options.

Top Header Options are briefly defined below:

  • Enable Top Header Section?
  • Select Header Template – 3 Pre Available Templates
  • Upload ImagePricing Table Addon For Visual Composer- Top Header Section Settings
  • Set Header Title
  • Set Header Sub Title
  • Set Header Description
  • Title Custom Styles – font family,font styles(bold,italic,underline),font size,font colorPricing Table Addon For Visual Composer- Top Header Section Settings
  • Sub Title Custom Styles – font family,font styles(bold,italic,underline),font size,font color
  • Description Custom Styles – font family,font styles(bold,italic,underline),font size,font color

H) Pricing Table AddOn Settings – Bottom Footer Section

Pricing Table Addon For Visual Composer- Bottom Footer Section Settings

Similarly, in this settings, you can even add an extra bottom footer section with following options.

Bottom Footer Options are briefly defined below:

  • Enable Footer Section?
  • Select Footer Template – 3 Pre Available Templates
  • Upload Image / Upload Background ImagePricing Table Addon For Visual Composer- Bottom Footer Section Settings
  • Set Footer Title
  • Footer Description
  • Background Color
  • Title Custom Styles – font family,font styles(bold,italic,underline),font size,font color
  • Description Custom Styles – font family,font styles(bold,italic,underline),font size,font color

Pricing Table Addon For Visual Composer- Bottom Footer Section Settings


H) Pricing Table AddOn Settings – Main Layout

Pricing Table Addon For Visual Composer - Main Layout Settings

At last, this setting also includes common layout secton where you can configure your own custom border color, style, radius, background and many more.


Once you have included the parent container as described above using the editor, you can add pricing table. The details to add pricing table is described below:

I) Pricing Table As Column

Pricing Table Addon For Visual Composer - Pricing Table Child Column

Inside Main Container on click, you will find Pricing Column element.Here you can configure various options related to each pricing table like you can configure the header settings, content settings, button, ribbon settings and animation settings as well. Further description is provided below for each tab settings more briefly.


J) Pricing Table – Header Title

Pricing Table Addon For Visual Composer - Pricing Table Add Header title

Here you can configure header title, sub title,feature image,marked price, selling price, payment name and rating of the pricing table. You can even configure customization option for header title, subtitle, price and payment name ‘s custom field such as font family, font size, font style(bold, italic, underline) and many more. Also Set rating value, rating size, rating custom color as well.

Pricing Table Addon For Visual Composer - Pricing Table Upload Image

a) Setup Marked and Selling Price with Payment Namr or Price Unit For Pricing Table:

Pricing Table Addon For Visual Composer - Pricing Table Price Options

a) Setup Rating For Pricing Table:

Pricing Table Addon For Visual Composer - Pricing Table Rating Options


K) Pricing Table – Content Settings

Pricing Table Addon For Visual Composer - Pricing Table Content Settings

In this section, you can either choose WP Editor for own Custom HTML content or else you can select Append Single Multiple Row option which provided appending extra row field , drag/ drop each row content for position, create duplicate of added row content. On this appended row section, you can add content as small description, set font size, color. Also you can add font icons in front of each content with custom style using Insert Font Icons Button. The other option available on this settings field is enabling tooltip for content.

Pricing Table Addon For Visual Composer - Pricing Table Appended Content


L) Pricing Table – Button Settings

Pricing Table Addon For Visual Composer - Pricing Table Button Settings

In this section you can add Button Text, link, target, no follow attribute, enabel icon for button, choose font icon from 5 pre avaiulable icon i.e font awesome, icomoon, material icons,typicons and linecons and set custom styling options for icon as well as for button.

Pricing Table Addon For Visual Composer - Pricing Table Click Button
Pricing Table Addon For Visual Composer - Pricing Table Button Icon


M) Pricing Table – Ribbon Settings

Pricing Table Addon For Visual Composer - Ribbon Settings

In this section you will get following option:

  • Check to enable ribbon? : Check this option if you want to display ribbon for specific pricing table.
  • Ribbon Type – Set ribbon type as text or upload custom image of your own.
  • Ribbon Template – Select ribbon template among 6 total available templates.
  • Ribbon Text – Fill ribbon text for text ribbon type.
  • Ribbon Link/Target – Set ribbon link and target for text ribbon type.
  • Ribbon Alignment – Set ribbon alignment as to display ribbon on left or right section of specific pricing table.
  • Ribbon Left Or Right Position (px) – Set ribbon left or right position in pixel for specific pricing table.
  • Ribbon Top Position (px) – Set ribbon top position in pixel for specific pricing table.

Pricing Table Addon For Visual Composer - Pricing Table Ribbon Options

Configure custom styling for ribbbon:

Pricing Table Addon For Visual Composer - Pricing Table Ribbon Custom Fields


N) Pricing Table – Animation Settings

Pricing Table Addon For Visual Composer - Animation Settings

In this section you will get an option to enable animation for specific pricing table, set specific animation type among 20+ animation type, set its duration and delay time in seconds.

  • Check to enable animation. : Check this option if you want to enable animation for specific pricing table.
  • Choose Animation Type – Set animation type.
  • Duration (seconds) – Set Duration of the transition in Seconds.
  • Delay (seconds) – Set Delay of the transition in Seconds.

Themes Compatible with the Plugin :

Pricing Table Addon for Visual Composer works best with every WordPress theme. It is even more remarkable when used with popular themes like VMagazine and AccessPress Parallax.

AND IF THIS PLUGIN HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :

WPAll Club – A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.

Premium WordPress Themes – 6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.

Premium WordPress Plugins – 45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.

AccessPress Themes – AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.

8Degree Themes – 8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.