How to Use Price List Widget

How to Use Price List Widget

When you are looking for selling any products online, it may be digital or physical. You have to make a pricing list. And I think our Pice List Widget will be the best solution for you.

Though the widget looks simple, its functionality is superb. Below I will instruct and provide some pictures detailed to help you get started.

To Insert Widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.

Now, I’m going to show the sections of the Content Tab and how it works behind the widget.


Just, go to the Content tab > List.

After dragging and dropping the widget in a new section, you will get a list group under the List section. The list not limited, you can add a new list in the group just clicking on the ADD ITEM button.

Simply, go to the List > Items.

You can edit every single list item(repeater). Simply, hit on the List Item and edit the field found in the List Item. Then, set Price, Title, Description, Image, and finally, Link included in the list item.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Item Style

This section contains subsections (Title, Description, and Separator).

Rows Gap and Vertical Align will respectively allow you to add a gap between each row and the position of the content.

Title and Description

Go to the Item Style > Title and Description.

These two subsections will let you set color and typography. Learn more about typography.


Go to the Item Style > Separator.

From this subsection, you select separator Style (Solid, Dashed, Double, Dotted), Weight, Color, and Spacing.

Image Style

Going to Image Style, you can adjust Size, Spacing, and Border Radius to the image.


Simply, go to the Style tab > Price.

This section will let you style the price. Keep you eyes on the screenshot.

Video Assist

In conclusion, it seems that you’ve read this article and found how it works. If you want to know more about the widget, you can watch the video on Price List Widget by Element Pack and also Visit our demo page

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.


Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.