How can I add a simple popup in Debut theme?

Hello,

I have seen a few other threads about adding popups to Shopify. I have tried to implement one that was from this thread: https://community.shopify.com/c/Shopify-Design/Image-Modal-Popup/m-p/497425#M127830

The above didn’t work for me, and I did see some comments from others unable to make it work, so I am not sure if there is a conflict in some themes. We are using Debut, and need a simple popup. We want a link like, “Do you need it?” that pops up a small box with an image and text. It would be nice if it also had the screen overlay like most of them do, but that’s not a necessity. It does need an easy close option.

I have set these up several times in Wordpress, but I am not as familiar with Shopify. I have tried several different methods I’ve found on Codepen. When I click the link, the page scrolls up a bit but there is no popup. I am fairly certain it’s the Javascript not working. I have tried adding the Javascript to the theme.liquid above the closing head tag and have also tried adding it before the closing body tag. This popup will be on specific product pages, so I have also tried including it in a products page template with no success. Any ideas?

Hello did you find a solution?

The solution varies wildly by theme and need while you might find code you still have to adapt it to integrate with your specific theme and requirements.

So if you need this customization you can hire me at paull.newton+shopifyforums@gmail.com just provide details like store name, theme name and use case for pricing.

Hello, All the popups I tried had a conflict with the mobile menu in the theme and I gave up on the popup.

1 Like

I’m sure there is a native popup that ships with debut, but I haven’t figured out what it’s using yet.

Here’s a solution that will work regardless of theme, using pure css (though it my be very wise to rename these classes)
https://www.labnol.org/code/20083-modal-popup-css

And since all of the main shopify themes include jquery, that is an option for anyone as well.
https://stackoverflow.com/questions/1328723/how-to-generate-a-simple-popup-using-jquery

Hi Webg1rl,

Here are the best apps that can create discount related popups that you should use, free and paid, based on hundreds of recommendations. Here are the top three apps to use when adding this new feature to your ecommerce store.

  1. Popper (Free)

  2. Easypop

  3. Privy

Hey,

In 2025, there are popup apps in the Shopify App Store that work well with Debut and give you drag-and-drop options to build that simple popup for specific pages. You can also test our Popup app for Shopify. Quite flexible in terms of triggers and schedules.

Cheers,

Elfsight Team