The “Price List Widget” can be used to displaying a list of items, products, services etc. along with its title, description, price, image and even a badge. You can showcase restaurant menus or even show your products or services with price tags. Now you can create attractive price list for your Elementor website in just minutes for free with these easy to configure options. You can turn on or off any part of the Price List to make the widget look exactly how you want and suit your website needs.
Let’s look at each of the options in the “Price List Widget” below.
Elementor Price List Tutorial Video
Add a Free Price List for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Price List”
- Hover over the widget in the search results and click install
- Add your “Price list” widget to any Elementor Page
General Settings in Elementor Price List
Show Image
Show/Hide the image.
Direction
Select the direction of list.
- Regular
- Reverse
Separator
Select the positioning of separator from given options.
- Between Title and Price
- Under Title and Price
- None
Show Item Separator
Show/Hide the item separator.
Grid Columns
Set the number of columns to display in grid.
Grid Gap
Set the gap between grid items.
Collapse Image on Mobile
Image will collapse on mobile device in responsive mode.
Price Position
Set the positioning of price element.
- In Title
- In Item Row
Items Settings in Elementor Price List
Manage the features of the price list using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Type the title.
Price
Type the price of the product.
Text
Type your text for product description.
Image
Choose an image to display.
Badge
Type your text to display as badge.
Link
Paste your URL to link with list item.
Elementor Price List Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Item Styling in Elementor Price List
Set the text alignment, item padding, margin, border, and background.
Image Styling in Elementor Price List
In this section, style the image width, height, border, spacing, and alignment.
Separator Styling in Elementor Price List
You can set the separator width, color, horizontal and vertical spacing.
Title Styling in Elementor Price List
In this section, set the title color, typography, and shadow.
Price Styling in Elementor Price List
Style the color, typography, shadow, radius, height, and spacing.
Text Styling in Elementor Price List
Here, you can set the text color, typography, shadow, padding, and spacing.
Item Separator Styling in Elementor Price List
You can set the item separator width, color, and spacing.
Badge Styling in Elementor Price List
Set the badge spacing, alignment, typography, background, padding, and border.
Usage Examples for Elementor Price List
Here are some live use cases for the Price List Widget.
Free Elementor Price List with Product Details
Free Elementor Price List as a Restaurant Menu
Thank you for using the Price List Widget for Elementor! With its clean layout and customizable design, this is the best Price List Widget for Elementor, perfect for showcasing products, services, or menus in a clear and stylish way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
