How to Create a Discount Pop-Up on Shopify & Best Tips

We recommend you Pop up Discount by MITS because as a Shopify merchant you need to choose the best solution in terms of price, effectiveness and design.

The design is precise in details. You don't need to have any design or programming skills to create a professional-looking popup that matches your website design perfectly. Even the blinking cursor has its own design.

Try it and see for yourself: install Pop up Discount by MITS  

If you've never created a discount on Shopify, start by navigating to the "Discounts" section in your Shopify store's settings to set up a new discount code. Designing an effective discount code requires insight into your customer preferences and a clear understanding of your product offerings. Here are some key points to consider:

• Target Audience: specific countries, customer groups, or all shoppers.
• Product Scope: entire catalog or select items.
• Spend Thresholds: encourage larger orders.
• Discount Type: percentage, fixed amount, or free shipping.
• Activation Period: set start and end dates for the discount.

You will add this discount code to the pop-up window later.

1. Open the Pop Up Discount by MITS app in your Shopify admin panel and select "Preview / Edit in theme".
2. Customize the popup window in the Shopify Theme Editor:

• Title & Description: craft a compelling headline (e.g., "Limited Time Offer: 15% Off!").
• Input Fields (for subscription pop-ups): fill in the fields for email or phone number collection.
• CTA Button Text: use action-oriented text like "Claim Discount" or "Get My Deal".
• Success Message: thank the user and display the discount code.

The design of your Shopify discount popup is crucial to grabbing your customers’ attention. While the discount offer is compelling, your top priority is to make sure the popup grabs their attention. Make sure the popup design not only matches your Shopify store’s branding, but also stands out effectively on your website.

Include eye-catching images in your popup. People tend to respond more favorably to eye-catching visuals and vibrant colors than to plain text.

Also use the Advanced features block and the Code window block in the Shopify Theme Editor to:

• Visual Appeal: use high-quality images and align the design with your brand aesthetics.
• Color Psychology: choose colors that evoke a sense of urgency or exclusivity.
• Clear Typography: ensure readability and easy navigation.

Choosing the right trigger setting is one of the most crucial because the trigger has a significant impact on how users respond to your popup.
Use the Advanced features block and the Main window block in the Shopify Theme Editor.

Triggers determine when and where your pop-up appears. Trigger options include:

• Time-Delayed: display the pop-up after a user spends a specific amount of time on your site.
• After subscribing: when should the popup be shown again after your customer has subscribed using this popup app?

Targeting options include:

• Show the pop-up on specific pages (e.g., product pages or checkout).

Now you are ready to launch your discount popup, but before going live, conduct a thorough review:

• Use the preview function to ensure your pop-up looks good on both desktop and mobile devices.
• Test the functionality, including the discount code application.

Once satisfied, publish the pop-up and monitor its performance through the app’s analytics dashboard.