fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Price List

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 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.

Install Price List Widget for Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Price List”
  3. Hover over the widget in the search results and click install
  4. Add your “Price list” widget to any Elementor Page

General Settings

1

Show Image

Show/Hide the image.

2

Direction

Select the direction of list.

  • Regular
  • Reverse
3

Separator

Select the positioning of separator from given options.

  • Between Title and Price
  • Under Title and Price
  • None
4

Show Item Separator

Show/Hide the item separator.

5

Grid Columns

Set the number of columns to display in grid.

6

Grid Gap

Set the gap between grid items.

7

Collapse Image on Mobile

Image will collapse on mobile device in responsive mode.

8

Price Position

Set the positioning of price element.

  • In Title
  • In Item Row

Items Settings

Manage the features of the price list using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1

Title

Type the title.

2

Price

Type the price of the product.

3

Text

Type your text for product description.

4

Image

Choose an image to display.

5

Badge

Type your text to display as badge.

6

Link

Paste your URL to link with list item.

Price List Widget 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

Set the text alignment, item padding, margin, border, and background.

Image Styling

In this section, style the image width, height, border, spacing, and alignment.

Separator Styling

You can set the separator width, color, horizontal and vertical spacing.

Title Styling

In this section, set the title color, typography, and shadow.

Price Styling

Style the color, typography, shadow, radius, height, and spacing.

Text Styling

Here, you can set the text color, typography, shadow, padding, and spacing.

Item Separator Styling

You can set the item separator width, color, and spacing.

Badge Styling

Set the badge spacing, alignment, typography, background, padding, and border.

Usage Examples

Here are some live use cases for the Price List Widget.

Video Overview

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!