Divi Shortcode Popup Module

Written by Dan Mossop

I often get asked how to make a Divi button display a shortcode in a popup. While there are some great popup plugins out there, I decided to create something quick and easy to configure that is specifically designed for the task of showing shortcode output in a popup.

Divi Shortcode Popup module, does just that. Simply add the button text and your shortcode and you'll get a Divi button that opens the shortcode in a popup.

Get Divi Shortcode Popup

The easiest way to display your shortcode output in a popup.

Automatic updates. No recurring fees.
90 day money back guarantee.

We may earn a commission when you visit links on our website.

Easily Display Shortcodes in Popups on Your Divi Site

Add shortcode popups effortlessly with the Divi Shortcode Popup Module. Just enter your button text and shortcode, and watch it appear beautifully in a popup. Perfect for creating interactive and dynamic content on your Divi pages.

Get Divi Shortcode Popup Module

| Divi Shortcode Popup Module shortcodes

Latest Posts

Add Text Before the Number in the Divi Circle Counter

Adding a custom number prefix to your Circle Counter lets you clarify what the value represents—such as currency, units, or labels—without relying on the default percentage format. This helps your counters better match real-world metrics and keeps the design...

Add a Second Line of Text in a Divi Button Module

Adding a second line of text beneath a button’s main label lets you provide extra context, a brief benefit statement, or a supporting call-to-action without cluttering your design. This can improve clarity and increase clicks by making the button’s purpose more...

Top (or Bottom) Align Divi Icon List Module Icons

When Icon List items wrap onto multiple lines, the default icon alignment can make the icon appear vertically centered next to the text, which may look unbalanced or harder to scan. Setting the icons to align at the top creates a cleaner, more consistent...

Make Divi Button Modules Full Width with Centered Content

This configuration makes a Divi button stretch to the full width of its container while keeping its label neatly centered, creating a bold, edge-to-edge call-to-action. You might want this for hero sections, pricing tables, or any layout where a standard-sized button...

Fix the Flickr Typo in the Divi Social Media Follow Module

Sometimes it's the small things that make the difference... there is a minor typo in the Divi Social Media Follow module that was present in Divi 4, and (currently) remains in Divi 5. Specifically, the tooltip for Flickr is misspelled as "Flikr". Here's how to fix...

4 Comments

Tori Moody on April 23, 2024 at 10:37 pm

It is not working for my me. I wanted a 3d Flipbook to display in the popup but when I insert the shortcode, all I get is a white rectangle with an X. My Flipbook does not display, but it works great in a text or code module. Any ideas on how to fix my issue? I had to disable it for now because this is a live site.
Reply
- dan on April 24, 2024 at 8:46 pm
  
  Hi Tori. Thanks for reporting your issue with your 3D Flipbook. It sounds like the problem may be related to how the flipbook is rendered via JavaScript – it may require the flipbook to be visible when the page loads to format correctly. If so, then when hidden, as is done with the popup, the needed formatting wouldn't occur.
  While I look into this to hopefully find a fix for a future version, I've gone ahead and issued a refund as requested in your support message.
  Thanks for bringing this to my attention. If there's anything more I can do to assist, just let me know. Cheers!
  Reply
  - dan on April 25, 2024 at 3:34 am
    
    Hey Tori, I believe I've identified a solution to the issue you were encountering with the 3D Flipbook plugin and Divi Shortcode Popup module. This fix will be implemented in the upcoming update (v1.0.6). Thanks again!
    Reply
    - dan on April 25, 2024 at 5:30 am
      
      This update is now available :)
      Reply

Divi Booster