---
title: "How to Add a Pricing List in Elementor?"
url: https://theplusaddons.com/docs/add-a-pricing-list-in-elementor/
date: 2024-06-21
modified: 2026-04-09
author: "Aditya Sharma"
description: "Whether you are selling something offline or online, having a well-organized pricing list on your website makes it easy for users to make the buying decision. With the Pricing List..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-4-1024x536.jpg
word_count: 755
---

# How to Add a Pricing List in Elementor?

## Key Takeaways

- The Plus Addons for Elementor offers a Pricing List widget that requires the PRO version to use.
- Pricing List widget includes three predefined styles: Modern, Simple, and Classic.
- Users can add Lottiefiles to the pricing list for enhanced visual appeal.
- The widget allows customization of title, price, and description with specific styling options available.

Whether you are selling something offline or online, having a well-organized pricing list on your website makes it easy for users to make the buying decision.

With the Pricing List widget from The Plus Addons for Elementor, you can add beautiful pricing lists to your Elementor website.

### Check the Live Widget Demo

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-price-list/)

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated.

- This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

- Make sure the Pricing List widget is activated. To verify this, visit The Plus Addons → Widgets → and search for Pricing List and activate.

## Learn via Video Tutorial:

https://www.youtube.com/watch?v=0zSX-ovDcwM

## How to Activate the Pricing List Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Activate.png)

## Key Features

- **Three Styles **- You can select from three predefined styles, Modern, Simple, and Classic.

- **Lottiefiles **- You can [add Lottiefiles to the pricing list](https://theplusaddons.com/docs//add-lottiefiles-to-the-pricing-list-in-elementor/).

## How to Use Pricing List in Elementor?

Add the Pricing List widget to the page.

### Layout

From the **Style** section, you have to select a pricing list style. Here you’ll find three options - 

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Layout.png)

- **Modern** - With this option, you can create a modern pricing list item with a background image or color.

- **Simple** -  To [create a flip box style pricing list item](https://theplusaddons.com/docs//add-a-flip-box-style-pricing-list-in-elementor/).

- **Classic** - With this option, you can create a pricing list with an image or Lottiefiles. This can be used to [create a food menu pricing list](https://theplusaddons.com/docs//create-a-food-menu-in-elementor/) or something similar.

Select the option as per your requirements. Let’s select **Modern **here.

### Content

In the **Title** field, you have to add the list title.

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Content.png)

Then, in the **Tag** field, you can add relevant tags for the pricing list item, which will be placed above the title.

> *Note: You can add multiple tags separated by a separator (|).*

After that, in the **Price** field, you have to add the price of that specific item. 

In the **Description** section, you can add a description.

### Extra Option

From the **Box Align** dropdown, you can set the pricing box alignment to Left, Center, or Right.

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Extra-Option.png)

### Image

From **Icon Type,** you can select the icon type.

> Note: This tab shows only when Classic style is selected in the Layout tab.

Here you’ll find two options – 

- **Image** - In this option, you can use an image for the content.

- **Lottie** – In this option, you can use Lottie animation icons for the content.

Based on your selection, you’ll find different options to add the content.

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Image.gif)

From the **Image** section, you can select an image for the Pricing List content.

From the **Right Space** section, you can manage the image and content spacing.  

The **Image Resolution** dropdown allows you to select the appropriate image size.

After that, from the **Image Shape** dropdown, you can select the shape of the pricing image. Here you’ll find three options –

- **None –** Shows the image in its original shape.

- **Rounded –** Gives the image slightly rounded corners.

- **Circle –** Turns the image into a circle.

From the **Lottie URL** section, you can add a Lottie animation to the number counter using a Lottie file URL.

![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-list-modern-demo.png)

## How to Style the Pricing List Widget?

You’ll find all the styling options in the Style tab to style the Pricing List widget.

**Title** - From here, you can style the title.

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Style.png)

**Line** - You’ll see this tab only when the Classic style is selected. From here, you can add a line between the title and price. You can also style the line from here. 

**Tag** - From here, you can style the tags of the pricing list item.

**Price** - From here, you can style the price text.

**Description** - From here, you can style the description text.

**Image** - You’ll see this tab only when the image is selected as the icon type for the classic style. From here, you can style the image.

**Lottie** - You’ll see this tab only when Lottie is selected as the icon type for the classic style. From here, you can style the Lottiefiles.

**On Scroll View Animation** -  This is our global extension available for all our widgets. This adds a scrolling animation as the widget comes into the viewport. You can learn more about this from here.

[Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/)

Advanced options remain common for all our widgets, you can explore all its options from here.

[View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..)

## Frequently Asked Questions

**Q: What should I do if the Pricing List widget isn't showing up?**
A: If the Pricing List widget isn't appearing, first ensure that both the Elementor FREE Plugin and The Plus Addons for Elementor plugin are installed and activated. Additionally, check that you have the PRO version of The Plus Addons for Elementor, as this is a premium widget. You can verify its activation by navigating to The Plus Addons u2192 Widgets and searching for Pricing List.

**Q: Can I use the Pricing List widget to create a food menu?**
A: Yes, the Pricing List widget from The Plus Addons for Elementor can be effectively used to create a food menu pricing list. By selecting the Classic style option, you can incorporate images or Lottiefiles to enhance the visual appeal of the menu items, making it suitable for restaurants or cafes.

**Q: What style options are available for the Pricing List widget?**
A: The Pricing List widget offers three predefined styles: Modern, Simple, and Classic. The Modern style allows for a background image or color, the Simple style enables a flip box style, and the Classic style supports images or Lottiefiles. Choosing the right style depends on your design preferences and the context of your pricing list.

**Q: Are there any special options for adding animations to the Pricing List?**
A: The Plus Addons for Elementor includes an On Scroll View Animation feature that can be applied to the Pricing List widget. This adds a scrolling animation as the widget comes into view, enhancing user engagement. You can learn more about this animation feature [here](https://theplusaddons.com/docs//on-scroll-view-animation/).

**Q: What happens if I don't add tags to the Pricing List items?**
A: If you choose not to add tags to the Pricing List items, the titles will simply display without any additional context above them. Tags can help categorize or highlight specific features of the pricing items, making it easier for users to understand the offerings at a glance. Multiple tags can be added, separated by a '|' for better organization.

**Q: How do I style the Pricing List widget to match my website's theme?**
A: Styling options for the Pricing List widget are found in the Style tab. You can customize the title, price text, and description to align with your website's theme. Additionally, if you're using the Classic style, you can add a line between the title and price for better separation. Proper styling ensures that your pricing list integrates seamlessly with your overall site design.