Pricing Table Tab widget allows you to display different type of pricing table tab in web page. You can build this widget easily with EnterAddons
Using Pricing Table Tab Widget :
You can see the below video to get an insight into how you can use the Pricing Table Tab Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Pricing Table Tab Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get General Content, Tab, Table Content section.
After that, from General Content section, you can add currency, global button text and button icon respectively.
After that, from Tab section, you can add 1st tab text and 2nd tab text.
Then, from Table Content section, you can active any of item with “Is Active” option, add item clicking with ‘ADD ITEM‘ and remove item clicking with ‘X‘ button. Also, you can edit title, regular-price, sale-price, duration, button-text, link and features respectively, and that is given below.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Settings, Table Tab, Table Item Wrapper, Title, Pricing, Divider, Features Area Wrapper, Features Content and Button section respectively.
After that, from Wrapper Settings section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively, and that is given below.
Then, from Table Tab section you can edit margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can active tab from ‘Active Tab Style’ option. And that is given below.
After that, from Table Item Wrapper section you can edit margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view also, as like as below.
Then, from Title section you can edit title-color, typography, margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view also, as like as below.
After that, from Pricing section you can select display, add horizontal-alignment, vertical-alignment, width, height, margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view, like below.
Then, from Divider section you can ‘show divider( show / hide )’ with option. And also you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively.
After that, from Features Area Wrapper section you can set text-alignment, list-item-padding,
list-item -margin, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Then, from Features Content section you can add content-color and typography respectively
Moreover, from this section you can see HOVER view, like below.
After that, from Button section you can add border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view as like as below.
Step3
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.