How to offer a discount code on Shopify product pages (at the right moment)

If this is something you’d like to implement in your store, keep reading. From the guide below, you’ll learn how to show a discount code on Shopify product pages using Getsitecontrol – the most versatile popup builder for Shopify.

You’ll be able to offer discounts and let customers apply them to the cart upon button click.

Most importantly, you can display the offer under the conditions of your choice, such as:

• whether a visitor is new or returning
• what product they’re viewing
• whether they’re heading out
• and more!

How to create a timely pop-up discount offer for Shopify

Getsitecontrol makes it really easy to create a discount offer and fine-tune it to your goals. All you need to do is select a template (a modal popup, a slide-in, or a bar), adjust the text of the offer, select targeting settings, and activate it in your store.

Here is how it’s done. 👇

Step 1. Select a popup template

Assuming you’ve installed Getsitecontrol from the Shopify app store, log into your dashboard and proceed to Create widget.

The fastest way to get started is by picking a template from the Premade gallery. Scroll through the templates until you find the one that looks close to what you want.

Step 2. Customize the text of your offer

Once you’ve selected a template, it’s time for editing. Just click on the elements you want to change and proceed with your adjustments. Change the offer title and description, and tweak the text on the action button.

💡In the example above, the second button is set up to close the popup, by default. You can change its text as well. You can also remove or add buttons to your template of choice.

Step 3. Replace the image on the popup (optional)

Although you can leave the default image, most sellers prefer using one of their product images, fetched directly from the store. To do that, click on the image area and proceed to the Shopify tab on the right. You’ll be able to access and select any of your store’s images.

You can also upload images from your computer or use the built-in stock image gallery.

Step 4. Select the discount code customers will apply

If you want to let customers apply the automatic discount upon a button click, here is how to implement that.

First, you need to create a discount code in your Shopify dashboard. This part is easy! Just open your Shopify dashboard and go to Discounts:

If you don’t have an existing discount code, create a new one. Ours is named OFF10 👆

Next, select the button on the popup and choose the correct button-click action in the menu on the right: ‘Apply discount’.

Find the code you created earlier in the dropdown list and hit ‘Done’. This way, when a customer clicks on the button, the discount will be automatically applied to the cart whether it contains items or not.

Finally, we recommend also adding the ‘Close widget’ action, so that the popup closes automatically once the discount is applied.

Step 5. Decide where and when to show the discount coupon

The Targeting tab gives you full control of when your customers will see the popup. For example, you may only want to offer the discount under certain conditions, such as:

• if a customer is viewing products by a certain vendor
• if a customer’s cart has reached a certain value
• if a customer is a first-time visitor
• and many more.

In our use case, we only want to offer a discount code on a particular vendor brand if we notice that the customer is viewing products by that brand. To create this condition, scroll down to ‘Show widget to visitors if’ and apply ‘Product vendor’ — then select the vendor you want.

Now the discount offer will only pop up on the pages that contain products by the corresponding vendor.

By default, the discount on your Shopify product pages will be displayed as soon as a customer arrives on the indicated pages.

However, you can display the offer when a customer starts heading to exit, removes an item from the cart, spends a certain amount of time in the store, and so on.

To select a trigger, use the ‘Start displaying the widget’ menu, and remember to also select the condition for when to stop displaying the widget to the same person — unless you want to offer the same discount repeatedly to the same visitor.

As soon as you set all the parameters, you can save and activate the widget. It will instantly go live in your store.

Offer discount coupons in exchange for an email subscription

If you’re driving a large volume of first-time visitors to your store, it might make more sense to offer a discount in exchange for an email subscription.

This way, you get a new subscriber and a chance to convert them into a returning customer via email marketing. Here is how you go about it 👇

Step 1. Select a template with an email form

When creating a new widget, simply select a newsletter popup instead of a coupon offer in the premade gallery:

Then adjust the text of your offer and the image following the same steps we described earlier.

Select audience targeting and trigger options in the Targeting tab, then save and close the widget.

Note that you can include the discount code in the text of your offer, but it’s a good practice to also send it to your new subscribers via email. Here is how to do it.

Step 2. Create an automated email workflow for new subscribers

Getsitecontrol allows you to build email marketing automations for various goals.

In this case, you’re building an automation triggered when someone submits the email form.

Find the subscription form you’ve just created, expand the Set up automation menu and proceed to create a new one:

On the next screen, add a new action to the workflow and select ‘Send email’.

From there, you’ll be able to create an email from scratch or select one of the pre-designed emails from the gallery.

Fine-tune the text of your subscription confirmation email. Make use of the countdown timer to instill the sense of urgency, and use images or product cards to feature your best selling products and encourage a person to explore.

Send yourself a test email to ensure that everything looks correct both on desktop and mobile. Then save the automation and activate the email form on your website.

Track the performance of your offer

The overall performance of your discount offer will be reflected in the quick stats on the widget card.

You can click through these numbers and dive deeper in the statistics reports, where you’ll see a detailed breakdown of how your website visitors interact with the offer: which pages, traffic sources, and devices perform better.

If you choose to offer a discount in exchange for an email, you can track the performance of the automated workflow as well. The automation card will show how many emails have been sent so far, how many of them have been opened and clicked through.

Boost sales with timely discounts on your Shopify product pages

When used right, coupons can be an excellent sales booster, so if you’re not using them in your store yet — you might be leaving money on the table.

With Getsitecontrol you can ensure that your offers are displayed to the right audience at the right time. Go ahead and try it for free. If you have any questions, feel free to email us at support@getsitecontrol.com.