1. Home
  2. Docs
  3. Happy Elementor Addons Fr...
  4. Widgets
  5. Pricing Table

Pricing Table

How To Use A Pricing Table Widget Of Happy Elementor Addons

With the Pricing Table Widget of Happy Elementor Addons, create beautiful pricing tables for your products and attract users to use your products. Give a sleek look to your webpage and showcase your products with a more elegant look.

Using Pricing Table:

You can see the below video to get an insight into how you can use the Pricing Table Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.

Step 1:

Select the pricing table widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

ss1 13

Step 2:

In the ‘Content‘ section, you will options ‘Header’,’Pricing’,’Features’,’Footer’ , and ‘Badge‘. You can edit them from here.

ss2 12

In ‘Header‘, you can edit the title.

ss3 13

In ‘Pricing‘, you can add currency, price, period. You can choose between 18 currencies or you can leave the currency blank.

ss4 13

In ‘Features‘, you can add your feature title, add features. You can also give an icon beside your features or SVG. You can add features using the ‘ADD ITEM’ button. You can delete features using the ‘X‘ button.

ss5 13

In ‘Footer‘, you can add a button text and give a link to it.

ss6 12

In ‘Badge‘, you can decide to show a badge, give badge text, set the badge position.

ss7 13

Step 3:

In the ‘Style‘ section you will get options for ‘General’, ‘Header’,’Pricing’,’Features’,’Footer’, and ‘Badge‘. You can design them from here.

ss8 9

In ‘General‘, just add the text color.

ss9 8

In ‘Header‘, you can give space, add color, decide the type of text and also add a box-shadow to your header text.

ss10 6

You can design your pricing in “Pricing‘. You can add space, typography, color to your price, currency, and period.

ss11 4

Design your ‘Features‘ .Give space, add color, type to your title and list.

ss12 3

In ‘Footer‘, you can add padding to your button, add a border, border type and many more. You can give a hover effect to your button to make it slicker.


In ‘Badge‘, you can add padding to your badge, add a border, text type and many more.ss14

Step 4:

If you want to add motion effects, happy effectsbackground or make it responsive and more intriguing, click on ‘Advanced‘ to explore those options. the ‘Advanced‘ is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.


Finally. after clicking the publish button you will see the beautiful pricing tables on your page.


That’s it!

Enhancement in Pricing Table in Version v3.7.1 – 18 October 2022

Now you can select the Header tag (H1 – H6) for the pricing table heading.

image 3

How can we help?