Pricing Table
How to Configure and Style Pricing Table #
Elementor Pricing Table Widgets lets you easily design an attractive pricing list of your packages with plenty of styling options. Marketing Bundle of Sastra Addons includes the Pricing Table element. With its easy interface, you can input the text first. Then sleep over it to come up with the perfect styling consistent with the other parts of your website.
How to Activate Pricing Table #
To use this Sastra Widget element, find the ‘Pricing Table‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Pricing Table’ into the ‘Drag widget here‘ or the ‘+’ section.
After you have successfully done with step 1, this is how the element is going to look like.
How to Configure the Content Settings #
After you have completed adding the Pricing Table in your Elementor Editor, now all you need to do is to configure the ‘Content’ tab. From here, you will get three sections to design your Pricing Table: ‘Price Table’, ‘Badge’ and ‘Hover Animation’.
Price Table #
From this section, you can use the drop-down menu to select your element ‘Type’. Than you can set title and sub title. Besides, you can use the drop-down menu to select your preferred ‘Icon Type’ and set icon as your preference.
To add more elements, simply click on the ‘+ ADD ITEM’ button from the bottom.
Badge #
From this section, you can use the drop-down to select one of these as your badge style: None, Corner, Cyrcle & Flag Selection. You can set badge title, horizontal position and distance.
Hover Animation #
By default, the None button style is in action. There are three styles available to choose from. Each style is unique and comes with a different set of animation effects. You can see the animation effects by hovering over the table. Besides, you can change animation duration as well.
Click to see Live Demo #
How to Style Pricing Table #
To customize Pricing Table, click on the ‘Style’ tab, and you will find many different options here.
Heading #
From the ‘Heading’ section, you can set background, padding, title color, title typography, title distance, sub title color and sub title typography. Moreover, you can change icon color, icon/image position, size and distance.
Others #
From the ‘Price’ settings, you can you can set background, spacing, styling to price/sub price/currency symbol/old price/period and many more. On the other hand, customize your ‘Features’, ‘Button’, ‘Text’, ‘Badge’ and ‘Wrapper’ from these settings as per your preference.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Pricing Table as per your preference.
This is how you can easily display all the pricing packages of your products using Pricing Table.
If you require any help, feel free to contact our support for further assistance.
Subscribe & Download
Enter Your Email Address to Know About the Latest Updates & Features.