How can I customize my newsletter pop-up on both desktop and mobile?

Topic summary

Customization request for a newsletter pop-up beyond theme editor limits, covering both desktop and mobile.

Requested changes:

  • Desktop: Make the text area narrower and taller; have the image occupy 50% of the pop-up.
  • Mobile: Use a full background image with a 25% overlay opacity.

Assets provided:

  • Reference images are attached and central to understanding the desired layout.
  • Store preview URL and password are included for context.

Response so far:

  • A recommendation to use the “Bevy Design” app (Shopify App Store link provided) to create and customize pop-ups via drag-and-drop, with device-specific designs and template options. Vendor offers support for setup and links to their website.

Status:

  • No code snippets or theme-specific CSS/HTML guidance were provided.
  • The discussion remains open; the only concrete suggestion is adopting a third-party app to achieve the requested customizations.
Summarized with AI on January 10. AI used: gpt-5.

I would like to customize the newsletter pop-up both on desktop and mobile beyond what the theme editor is allowing… here are the edits I am hoping to make:

  1. Make desktop pop-up text area less wide & taller and image to take up 50% of the pop-up instead of how it is now. Image attached is inspo for sizing:

  1. MOBILE ONLY: Have background be an image entirely with an overlay opacity of 25%, attaching inspo below:

Any help in achieving these would be so appreciated, thank you!

SITE URL: https://afca7f-2.myshopify.com/

PW: outdoors

Hi @blakelyhi , If you’re looking for an easy way to show pop-ups without the hassle of modifying your theme code, you can check out our app, “Bevy Design.”

Our app enables you to easily create pop-ups using a simple drag-and-drop interface. You can customize the appearance of your pop-ups for desktop and mobile to ensure they look great and provide a seamless experience. You can choose designs from our pre-built templates gallery and modify them to match your store’s theme.

I suggest you try the app, and you can reach out to me anytime if you need support to set up your campaign.

Link of the app - Shopify App Store

For additional information, visit our website: Bevy Design