What is the Promo Box Widget?
The Promo Box widget is a powerful box widget designed for Elementor that helps you create stunning promo box designs to highlight your product deals, offers, and calls-to-action such as button promos. It’s designed to highlight offers, discounts, or special announcements with customizable content and styling options.
Why Do You Need Promo Boxes for an Elementor Site?
Promo Boxes are essential for an Elementor site because they allow you to highlight product deals, offers, and special promotions in an attractive and customizable way. Using the Promo Box Widget from Enter Addons, you can easily showcase promotional content with a variety of styles and elements.
This widget is easy to use. You can add titles, badges, images, ratings, descriptions, and buttons, all in one box. Everything is customizable, so you can match the design with your website’s look and feel.
You also have full control over the layout, colors, fonts, and hover effects. This helps make your offers stand out and attract more clicks.
If you want to promote a sale, discount, or featured product, promo boxes help you do it cleanly and engagingly. That’s why they’re a smart choice for any Elementor site.
How To Use the Enter Addons Promo Box Widget to Customize an Elementor Website?
The Promo Box Widget from Enter Addons is a powerful tool that helps you highlight special offers, product deals, or featured content in a stylish and attention-grabbing way. Whether you’re running an online store, a promotional campaign, or a portfolio website, this widget lets you easily design custom promo sections with full control over layout, content, badges, buttons, and styling—without writing a single line of code.
Step 1: Add the Promo Box Widget
Firstly, select the Promo Box Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Secondly, from ‘Content’ Section you will get Promo Box Content, Promo Badge and Promo Box Button.
After that, from ‘Promo Box Content’ section, you can add product title, promo title, sub title ,image, divider, product ratting and description respectively. And that is given below.
Then from ‘Promo Badge’ section, you can enable badge and edit offer , details.
After that, from ‘Promo Box Button’ section you can edit button-text, link, button-icon-position ( top, left, right ) and button icon respectively. You can set Wrapper Link if you want.
Step 2: Style the Widget
From ‘Style’ section you can stylize the widget. You will get the options Wrapper Settings, Content Area Settings, Product Title ,Promo Title, Sub Title , Descriptions, Badge, Review, Image and Button Style.
After that from ‘Wrapper Settings’ section, you can edit content alignment, margin, padding, border-type, box-shadow, border-radius and background-type respectively .Also you can find HOVER view effect from this section.
Then from ‘Content Area Settings’ section you can change margin, padding, border-type, box-shadow, border-radius and background-type respectively.
Then from ‘Product Title’ section, you can change color, typography, margin, padding respectively, that is given below.
Then from ‘Promo Title’ section, you can change color, typography, margin, padding respectively, that is given below.
Then from ‘Sub Title’ section, you can change color, typography, margin, padding respectively, that is given below.
Then from ‘Description’ section, you can change color, typography, margin, padding respectively, that is given below.
Then from ‘Badge’ section, you can change color, typography, margin and padding, box shadow , border radius, width , height, background-color and offset( top, left, right, bottom ) respectively.
Then from ‘Review’ section, you can change icon color, icon size, margin and padding, box shadow , border radius, background-color and star block margin, padding respectively
Then from ‘Image ’ section , you can set alignment image width, image height, margin, padding, border type, border radius, box-shadow and background-color respectively.
Then, from ‘Button’ section you can change alignment, color, border-type, typography, margin, padding, background color, button icon space and icon size respectively. Also, you can find HOVER view effect from this section.
Step 3: Save and Preview
Finally, after finishing all the editing, click update and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it
Are You Ready to Design Your Promo Box?
Now that you know how to use the Enter Addons Promo Box Widget, it’s time to put your creativity into action. Whether you want to showcase discounts, promote featured products, or highlight special announcements—this widget gives you all the tools you need.
With just a few clicks, you can:
- Customize the layout and design to match your brand
- Add eye-catching badges, titles, and call-to-action buttons
- Style every element with full control over colors, typography, spacing, and effects
Don’t just show your content—make it stand out. Start designing your promo box today and turn more visitors into customers!
If need any customs helps feel to Contact Us or Book a metting!