Horizontal Pricing widget allows you to create highly customizable and interactive different type of horizontal pricing table. You can easily build this widget with EnterAddons.
Using Horizontal Pricing Table Widget :
You can see the below video to get an insight into how you can use the Horizontal Pricing Table Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Horizontal Pricing Table 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 Horizontal Pricing Table Content section.
After that, from ‘Horizontal Pricing Table Content’ section, you can add show-logo ( show / hide ), show- rating ( show / hide ), select icon-type ( image / icon ), logo, product-name respectively.
Moreover, from this section you can add feature list clicking with ‘ADD ITEM’ and remove list clicking with ‘X’ button.
Also again, you can add currency, price, duration, ratings, text and button respectively, and that is given below.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Style, Logo Container Style, Image Style, Title Style, Feature Icon Style, Feature Style, Pricing Style, Duration Style, Rating Star Style, Rating Number Style, Review Text Style and Button Style section respectively.
After that, from ‘Wrapper Style’ section you can add 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 ‘Logo Container Style’ section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively.
After that, from ‘Image Style’ section you can add image-width, image-height, margin and padding, respectively.
Then, from ‘Text Style’ section you can add text-color, typography, margin and padding, box-shadow, border-type, border-radius respectively.
After that, from ‘Feature Icon Style’ section you can add Icon-wrapper-width, Icon-wrapper-height, font-size, margin and padding, box-shadow, border-type and border-radius respectively.
Then, from ‘Feature Style’ section you can add feature-container-width, color, typography, margin, padding, border-type, box-shadow, border-radius and background-type respectively.
After that, from ‘Pricing Style’ section you can add color, typography, margin, padding, border-type, box-shadow, border-radius and background-type respectively.
Moreover, from Pricing Style > Currency Style you can add currency-color, currency-typography and currency-margin respectively, like below.
Then, from ‘Duration Style’ section you can add color, typography, margin, padding, border-type, box-shadow, border-radius and background-type respectively.
After that, from ‘Rating Star Style’ section you can add star-color, star-margin, star-padding, border-type, box-shadow, border-radius and background-type respectively.
Then, from ‘Rating Number Style’ section you can add color, typography, margin, padding, border-type, box-shadow, border-radius and background-type respectively.
After that, from ‘Review Text Style’ section you can add text-color, typography, margin, padding, border-type, box-shadow, border-radius and background-type respectively.
Then, from ‘Button Style’ section you can add typography, margin, padding, border-type, box-shadow, and background-type respectively in ‘NORMAL’ view.
Moreover, from this section you can see ‘HOVER’ view like 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 all.