Table of Contents
Offers to Divi

Add Offers to Divi in Just Minutes

Adding offers to your Divi website is an effective way to engage visitors, drive conversions, and boost sales. Whether it’s a time-limited discount, a referral bonus, or a bundled promotion, Divi’s versatile design tools make it easy to create and showcase compelling offers that capture attention.

Divi’s drag-and-drop builder, combined with its powerful modules and design flexibility, allows you to create visually stunning, high-converting offer sections. This guide will show you how to add offers to your Divi website, explore different types of promotions, and optimize them for maximum impact.

Types of Offers You Can Add to Your Divi Website

Customizing your offers ensures they appeal to various customer needs. Here are some effective types of promotions:

Limited-Time Discounts

Create urgency to encourage immediate action with time-sensitive deals.

  • Example: “Flash Sale – 25% Off for the Next 24 Hours!”
  • When to Use: Seasonal campaigns, product launches, or clearance sales.
  • Best Practice: Use a countdown timer to emphasize urgency and increase conversions.

Bundled Offers

Encourage higher purchases by offering products or services in a discounted bundle.

  • Example: “Buy 2 Courses for $99 (Save $50)!”
  • When to Use: For related or complementary products.
  • Best Practice: Highlight the added value and savings of the bundle.

Free Shipping

Eliminate barriers to purchase by offering free shipping for orders over a specific amount.

  • Example: “Enjoy Free Shipping on Orders Over $50!”
  • When to Use: As a recurring incentive or during special events.
  • Best Practice: Display the free shipping threshold prominently on product and checkout pages.

First-Time Visitor Discounts

Attract new customers with an exclusive introductory offer.

  • Example: “Welcome Offer – Get 15% Off Your First Purchase!”
  • When to Use: As an ongoing promotion for new visitors or subscribers.
  • Best Practice: Use a pop-up or sticky banner to highlight this offer.

Referral Bonuses

Reward current customers for referring friends with discounts for both parties.

  • Example: “Refer a Friend and You Both Get $10 Off!”
  • When to Use: To grow your customer base organically.
  • Best Practice: Automate referral tracking using third-party tools or plugins.

Event-Specific Promotions

Tie your offers to special occasions or holidays to create excitement.

  • Example: “Celebrate Black Friday – 40% Off Storewide!”
  • When to Use: Seasonal campaigns or product launches.
  • Best Practice: Use festive visuals and messaging to enhance the campaign’s appeal.

Steps to Add Offers to Divi

Divi’s robust builder makes it easy to create and display offers that resonate with your audience. Here’s how to add offers to your Divi site:

With WiserNotify, you can effortlessly create offers that grab attention and drive action, whether promoting a discount, flash sale, or special event.

This powerful tool enables you to design, customize, and optimize offers on your website. It helps you engage visitors, boost conversions, and effortlessly make your promotions stand out. How WiserNotify makes managing offers easy:

1. Pre-Built Templates

  • Access a library of professionally designed templates for various types of offers, including announcement bars, pop-ups, and countdown timers.
  • Customize templates to match your brand’s colors, fonts, and messaging.

2. Dynamic Widgets

  • Announcement Bars: Highlight offers with a static or scrolling bar at the top or bottom of your site.
  • Pop-Ups: Use pop-ups with limited-time offers or exclusive deals to grab immediate attention.
  • Countdown Timers: Create urgency by displaying the time left for an offer to expire.

3. Real-Time Personalization

  • Tailor offers based on user behavior, such as time spent on a page, exit intent, or cart abandonment.
  • Display personalized messages to specific segments, like first-time visitors or returning customers.
  • Use geolocation to target users with offers relevant to their region.

4. Analytics and Reporting

  • Gain actionable insights into your offer campaigns with real-time analytics.
  • Monitor metrics like impressions, clicks, and conversions.
  • Use data-driven insights to optimize offers and improve performance.

5. Targeted Display Rules

  • Define specific conditions for your offers to appear:
  • Pages: Show offers on high-conversion pages like the homepage or checkout.
  • Timing: Trigger offers based on user actions or set specific schedules.
  • Devices: Customize offers for desktop, tablet, or mobile users.

6. A/B Testing

  • Test multiple designs, messages, and CTAs to determine which offers perform best.
  • Compare results to refine your approach and maximize conversions.

7. User-Friendly Customization

  • Drag-and-drop tools make it easy to design offers without any coding knowledge.
  • Add images, logos, and CTAs to create visually appealing promotions.
  • Adjust font sizes, colors, and layouts to align with your branding.

8. Responsive Design

  • All offer widgets are fully responsive, ensuring they look and function flawlessly on desktops, tablets, and mobile devices.
  • Optimize user experience by tailoring designs for different screen sizes.

9. Automated Campaign Scheduling

  • Set start and end dates for your offers to automate promotions.
  • Use holiday or event-specific campaigns without needing to activate them manually.

WiserNotify equips you with all the essential elements to create compelling, high-performing offers on your site.

Below are the steps to effortlessly create and showcase offers on your website. This approach saves time and ensures that your offers are engaging, effective, and backed by actionable insights.

First, Sign up for a free WiserNotify account, log in to your dashboard, add your website, and generate a unique pixel code for seamless integration.

Create an Offer Widget

Step 1. Log in to the WiserNotify dashboard.

Step 2. Navigate to the Create Widget section.

latest-offer-widget-design

Step 3. Choose the Latest Offer widget template from the available options.

Step 4. Customize the Content

  • Add your offer title, description, and any promotional text (e.g., “20% Off on All Products”).
  • Include a compelling Call-to-Action (CTA) such as “Shop Now” or “Claim Offer.”

Step 5. Adjust the Design

  • Customize the font, colors, and background to match your brand’s identity.
  • Add images, icons, or logos to enhance the widget’s appearance.
  • Preview the offer widget.

Step 6. Save the widget design and move to the next step.

Configure Display Rules

Set where and when the notification will appear:

Step 7. Specific pages (e.g., homepage, checkout page). Targeted user segments based on location, time on site, or behavior.

latest-offer-widget-display

Step 8. Preview and Publish

  • Use the preview option to check how the notification looks on desktop and mobile.
  • Once satisfied, activate the notification, and it will go live on your website.

Watch the video below for a visual step-by-step guide to setting up your add offer quickly and easily.

How to Add Offers on Divi (Other Methods)

1. Design an Offer Section Using Divi Modules

Add a New Section

  • Open the Divi Builder and click Add New Section.
  • Choose a Regular section and select your desired column layout.

Add Content with Modules

  • Use a Text Module to highlight your offer (e.g., “Get 20% Off Today Only!”).
  • Add a Button Module with a clear CTA, such as “Shop Now” or “Claim Offer.”
  • Use an Image Module to display product images or promotional graphics.

Style Your Section

  • Customize colors, fonts, and spacing to align with your branding.
  • Add background gradients or images for visual appeal.

2. Use Divi Countdown Timer Module

Add a countdown timer to create urgency:

  • Drag and drop the Countdown Timer Module into your section.
  • Set the timer’s end date to match your promotion’s expiration.
  • Style the timer with custom colors and fonts to match your design.

3. Add Pop-Ups for Offers Using Divi Plugins

Use third-party plugins like Divi Overlays to create pop-ups:

  • Install and activate Divi Overlays.
  • Create a new overlay with your promotional message.
  • Add a form or button to collect leads or direct users to the offer page.
  • Configure triggers, such as exit intent or time spent on the page.

4. Highlight Offers with Sticky Banners

  • Use a Sticky Section in Divi to create a header or footer banner.
  • Add your offer details, such as “Free Shipping on Orders Over $50!”
  • Include a CTA button that directs visitors to the relevant page.

5. Integrate WooCommerce for Dynamic Offers

If you’re running an online store, use Divi’s WooCommerce modules to create dynamic product-based offers:

  • Add a WooCommerce Product Module to showcase discounted items.
  • Use a WooCommerce Cart Module to display promotions like “Spend $50 to Get Free Shipping!”
  • Style the module to match your overall website design.

6. Promote Offers with Email Campaigns

Combine Divi’s design tools with email marketing platforms:

  • Use the Email Opt-In Module to collect leads for exclusive offers.
  • Integrate with tools like Mailchimp or ActiveCampaign to send offer details to your subscribers.

Common Mistakes to Avoid

  • Overwhelming Visitors: Avoid cluttering your page with multiple offers. Focus on one or two key promotions.
  • Unclear CTAs: Ensure buttons and links are clear and actionable.
  • Expired Offers: Regularly update or remove outdated promotions to maintain credibility.
  • Ignoring Mobile Optimization: Test your offer sections on mobile devices to ensure they’re user-friendly.

Conclusion

Adding offers to your Divi website is a powerful way to engage visitors, drive sales, and build customer loyalty. Divi’s flexible modules, countdown timers, and integrations make it easy to create visually stunning and effective promotions.

Start implementing these strategies today and watch your Divi-powered website deliver better results!

FAQ's

Adding an offer to your Divi website can be done using Divi modules like Call-to-Action, Blurbs, or Text modules combined with buttons and links. Learn step-by-step instructions in this blog.

 

Yes, Divi allows you to create unique offers for different pages using its visual builder and reusable layouts. Discover tips for customizing offers effectively.

The Call-to-Action module is a popular choice for showcasing offers, but you can also use sliders, pricing tables, or pop-ups to make your offer more engaging.

 

No coding is required! Divi’s drag-and-drop builder makes it easy to add and customize offers visually, even if you’re a beginner.

 

You can use tools like Google Analytics or plugins compatible with Divi to monitor clicks and conversions for your offers. This blog includes tips for setting up tracking.

 

Picture of Krunal Vaghasiya
Krunal Vaghasiya
Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.
Wisernotify
Struggling with low conversions?
Use Social Proof & FOMO
Social Media icon