How can we help you?

View Categories

📢 Popup Builder

1 min read

The Popup Builder included in the ShopWell Theme empowers you to create dynamic popups that help engage visitors, promote offers, or collect leads. With deep integration into Elementor, this tool offers full control over when, where, and how your popups appear.

✨ Introduction #

Popups are a powerful marketing and engagement tool. Whether you want to:

  • Promote discounts or offers
  • Show a newsletter signup form
  • Announce new product launches
  • Share important site-wide alerts

…the ShopWell Popup Builder provides the flexibility to do all that — without writing code.

➕ Create a Popup #

To create a new popup:

  1. Go to Appearance > Theme Popup > Add New in your WordPress dashboard.
  2. Enter a title for your popup.
  3. Add content using the WordPress editor or click Edit with Elementor to design visually.

⚙️ Popup Settings in Elementor #

When editing a popup with Elementor, click the Settings (gear icon) in the top Elementor panel to access advanced popup settings.

These controls are located under the Popup Settings section in the Elementor Widget Panel.

🧩 General Display Options #

  • Enable Popup – Turn the popup on/off.
  • Hide Overlay – Toggle the overlay behind the popup.
  • Hide Overlay on Mobile – Disable overlay on smaller screens for a cleaner experience.
  • Position – Choose where the popup appears (Center, Left Bottom, Right Bottom, Left Top, etc.).
  • Frequency – Set how often the popup appears for the same user (e.g., once every X days).

⏱ Trigger Options #

  • Visible – Set the trigger for when the popup appears:
    • After page loads
    • After X seconds
  • Seconds – Define delay time if triggering after X seconds.

🎯 Targeting Options #

  • Include Pages – Show the popup on specific pages only.
  • Exclude Pages – Prevent the popup from appearing on selected pages.

These controls allow you to tailor the popup experience for different user journeys.

🧪 Example Use Case #

You can configure a popup to:

  • Appear on the homepage
  • Show a 20% discount code
  • Be visible only after page load or after X seconds of page load
  • Display once every 7 days to the same user
  • Exclude from the checkout page

🎨 Design with Elementor #

Use Elementor’s drag-and-drop interface to style your popup visually:

  • Add text, images, buttons, forms
  • Control spacing, fonts, colors
  • Use responsive controls to fine-tune the mobile experience

You can even embed dynamic content or third-party widgets into the popup!

✅ Conclusion #

With ShopWell’s Popup Builder, you’re equipped to create highly customizable, beautifully designed popups that deliver results. Whether you’re running a seasonal sale or growing your mailing list — this tool is a must-have for boosting engagement on your site.

Let your message pop!