How to create a discount pop-up on Shopify (video tutorial)

What you need first

A discount code from Shopify admin → Discounts (percentage, fixed amount or free shipping) and the Pop Up Discount app embed switched on (how to activate it).

Steps

1. Open the editor. In the app click Preview / Edit in theme. The pop-up settings are in the theme editor under App embeds → Main window.
2. Design. Pick the pop-up size (XS to XL), font size, colours for text, button and background, the backdrop colour, and a background image if you want one. Turn on Full screen on mobile for small screens.
3. Content. Write the text (a headline and one line about the offer), add an image, and choose which fields to show: name, email, phone and a privacy checkbox. Change the order with Arrange items in the widget. Set the submit button label, for example "Get 10% off".
4. Discount code. Switch on the Code window embed, paste the code from Shopify Discounts and write the thank-you text. Visitors see this window after they submit the form. Tick Preview to see it in the editor.
5. Test. Save, open the store in a private window, submit the form with a test email and check that the code appears and works at checkout. The email is saved as a customer in Shopify.
6. Choose when it shows. Trigger, delay and pages are covered in the display guide.

The full written guide with tips on offers and design: how to add a discount pop-up on Shopify.

More video tutorials

• Activate the app embed
• Choose when and where the pop-up shows
• Email the discount code with Shopify Marketing Automation
• Turn the pop-up off
• All tutorials