How to Add a Ribbon to an Elementor Pricing Table? (Recommended, Popular Tag)

Updated onApril 9, 2026By

Key Takeaways

  • The Plus Addons for Elementor allows users to add a ribbon to a pricing table using the Pricing Table widget.
  • Users enable the Display Ribbon toggle in the Ribbon tab to add a ribbon to their pricing table.
  • Users select a ribbon style from the Ribbon Style dropdown and add text in the Ribbon/Pin Text section.
Table Of Content

Do you want to add a ribbon to an Elementor pricing table? Adding a ribbon to a pricing table plan, not only adds a visual appeal but also highlights certain features or offers.

With the Pricing Table widget from The Plus Addons for Elementor, you can easily add a ribbon to a pricing table in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Pricing Table widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, add the Pricing Table widget to the page and follow the steps –

1. After adding content to the pricing table, go to the Ribbon tab and enable the Display Ribbon toggle.

2. Then select an appropriate ribbon style from the Ribbon Style dropdown. 

3. After that add the ribbon text in the Ribbon/Pin Text section.

Now you’ll see a ribbon on the pricing table.

Pricing table enable ribbon demo 1 how to add a ribbon to an elementor pricing table? (recommended, popular tag) from the plus addons for elementor

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What if the ribbon doesn't appear on my pricing table?

If the ribbon isn't showing up, ensure that you have enabled the Display Ribbon toggle in the Ribbon tab of the Pricing Table widget. Without this toggle activated, the ribbon will not be visible. Additionally, check that you have added text in the Ribbon/Pin Text section, as the ribbon requires content to display.

Can I customize the style of the ribbon in the pricing table?

Yes, you can customize the ribbon style by selecting an appropriate option from the Ribbon Style dropdown in the Ribbon tab. This allows you to match the ribbon's appearance with your overall design. Choosing the right style can enhance visual appeal and draw attention to important offers in your pricing table.

How does adding a ribbon enhance my pricing table?

Adding a ribbon to your pricing table not only enhances its visual appeal but also highlights specific features or promotional offers. This can attract more attention from potential customers, making it a useful tactic in marketing strategies. Consider using the ribbon for limited-time offers or to showcase the best value plan.

Does the Pricing Table widget work with other page builders?

The Pricing Table widget is part of The Plus Addons for Elementor, which means it works exclusively with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. If you're using Elementor, you can take full advantage of this widget's features.

What settings work best for adding a ribbon to a pricing table?

For optimal results when adding a ribbon, enable the Display Ribbon toggle and select a contrasting ribbon style that stands out against your pricing table's colors. Adding clear and concise text in the Ribbon/Pin Text section is essential, as it communicates the offer effectively. This combination ensures your ribbon captures attention and conveys important information.

What are the key steps to add a ribbon to my pricing table?

To add a ribbon, first, add the Pricing Table widget to your page. Then, go to the Ribbon tab, enable the Display Ribbon toggle, select a ribbon style from the dropdown, and enter your desired text in the Ribbon/Pin Text section. Following these steps will allow you to successfully display a ribbon on your pricing table.

Last reviewed: April 9, 2026

Related Docs