How to Offer a Discount on Product Recommendations During Checkout
Relevant to: Shopify Plus users on paid and free plans.
AfterShip Personalization allows you to offer your customers discount offers on recommended products during checkout to increase engagement, drive additional sales, and boost conversions.
In this tutorial, we’ll show you how to:
Set up a discount offer for product recommendations on the checkout page
Show different types of discount offers and how they will appear to customers
Set up a discount offer using Shopify Script Creator paired with AfterShip Personalization checkout widget
Fixed amount
Percentage off
Go to Checkout order bump in Shopify admin
Click Edit to make changes to the existing checkout offer
Scroll down to Offer promotion > Discount > Enabled
Select discount type : a. Fixed amount b. Percentage off
Set the discount value
Preview the changes in the right-hand window
Save the changes
Discount offers will only be applied to product recommendations during checkout. Under normal circumstances, like when browsing the home or product detail page, standard pricing will be shown.
The discount will be applied to all the products selected for checkout upsell and cross-sell under the “Product settings”.
The discount will be applied to the original product price.
If the discount amount is greater than the product price, an error message will display in admin.
You can choose between two types of discount offers to apply to your checkout product recommendations.
A. Percentage off: the price of the product is reduced by a chosen percentage
Example: If a product costs $100, 20% off of that product would mean subtracting 20% from the original price.
i.e., $100*20% = 100*0.20 = $20
$100-$20 = $80
B. Fixed amount: the price of the product is reduced by a chosen amount
Example: If a product costs $100, $20 off of that product would mean subtracting $20 from the original price.
i.e., $100-$20 = $80
After setting up the discount offer for checkout upsells and cross-sells under AfterShip Personalization’s Offer promotion, you must also set up the Shopify script with the offer ID for the discount prices to be applied in the recommendation widget during checkout.
Only Shopify Plus supports Shopify Scripts.
Please use https://jgodson.github.io/shopify-script-creator/ to create a script.
1. Set up the discount offer on AfterShip Personalization
Follow the steps to set up a discount offer for product recommendations on the checkout page (explained above)
Copy the Offer ID
2. Generate a script using Shopify Script Creator
Navigate to https://jgodson.github.io/shopify-script-creator/
Click Create new and select Conditional Discount from under the Select a campaign dropdown
Scroll down to DISCOUNTED ITEM SELECTOR and select Has Properties from the dropdown
Under the Keys and values section, click Add keys and values
Add _apz_offer_id in the Key field and the copied Offer ID in the Value field
Click Save
Move to the DISCOUNT TO APPLY section and customize the discount offer as per your previous settings on AfterShip Personalization
Save the changes
Click Generate Script
Copy the script to your clipboard
Navigate to the Script Editor App in Shopify and click Create script
Select the discount type you configured in AfterShip Personalization for checkout upsells and cross-sells and click Create script again
Edit the title, if required, and paste the script you just copied
Test out your widget and see if the discount was applied successfully
1. Set up the discount offer on AfterShip Personalization
Follow the steps to set up a discount offer for product recommendations on the checkout page (explained above)
Copy the Offer ID
2. Generate a script using Shopify Script Creator
Navigate to https://jgodson.github.io/shopify-script-creator/
Click Create new and select Conditional Discount from under the Select a campaign dropdown
Scroll down to DISCOUNTED ITEM SELECTOR and select Has Properties from the dropdown
Under the Keys and values section, click Add keys and values
Add _apz_offer_id in the Key field and the copied Offer ID in the Value field
Click Save
Move to the DISCOUNT TO APPLY section and customize the discount offer as per your previous settings on AfterShip Personalization
Save the changes
Click Generate Script
Copy the script to your clipboard
Navigate to the Script Editor App in Shopify and click Create script
Select the discount type you configured in AfterShip Personalization for checkout upsells and cross-sells and click Create script again
Edit the title, if required, and paste the script you just copied
Test out your widget and see if the discount was applied successfully
For any further questions or help, please contact our chat support team
Overview
AfterShip Personalization allows you to offer your customers discount offers on recommended products during checkout to increase engagement, drive additional sales, and boost conversions.
📢 What you’ll learn
In this tutorial, we’ll show you how to:
Set up a discount offer for product recommendations on the checkout page
Show different types of discount offers and how they will appear to customers
Set up a discount offer using Shopify Script Creator paired with AfterShip Personalization checkout widget
Fixed amount
Percentage off
Set up discount offers for product recommendations on the checkout page
Go to Checkout order bump in Shopify admin
Click Edit to make changes to the existing checkout offer
Scroll down to Offer promotion > Discount > Enabled
Select discount type : a. Fixed amount b. Percentage off
Set the discount value
Preview the changes in the right-hand window
Save the changes
⚠️ Note
Discount offers will only be applied to product recommendations during checkout. Under normal circumstances, like when browsing the home or product detail page, standard pricing will be shown.
The discount will be applied to all the products selected for checkout upsell and cross-sell under the “Product settings”.
The discount will be applied to the original product price.
If the discount amount is greater than the product price, an error message will display in admin.
Show different types of discount offers and how they will appear to customers
You can choose between two types of discount offers to apply to your checkout product recommendations.
A. Percentage off: the price of the product is reduced by a chosen percentage
Example: If a product costs $100, 20% off of that product would mean subtracting 20% from the original price.
i.e., $100*20% = 100*0.20 = $20
$100-$20 = $80
B. Fixed amount: the price of the product is reduced by a chosen amount
Example: If a product costs $100, $20 off of that product would mean subtracting $20 from the original price.
i.e., $100-$20 = $80
⚠️Note
After setting up the discount offer for checkout upsells and cross-sells under AfterShip Personalization’s Offer promotion, you must also set up the Shopify script with the offer ID for the discount prices to be applied in the recommendation widget during checkout.
Only Shopify Plus supports Shopify Scripts.
Please use https://jgodson.github.io/shopify-script-creator/ to create a script.
Set up a discount offer using Shopify Script Creator paired with AfterShip Personalization checkout widget
Fixed amount
1. Set up the discount offer on AfterShip Personalization
Follow the steps to set up a discount offer for product recommendations on the checkout page (explained above)
Copy the Offer ID
2. Generate a script using Shopify Script Creator
Navigate to https://jgodson.github.io/shopify-script-creator/
Click Create new and select Conditional Discount from under the Select a campaign dropdown
Scroll down to DISCOUNTED ITEM SELECTOR and select Has Properties from the dropdown
Under the Keys and values section, click Add keys and values
Add _apz_offer_id in the Key field and the copied Offer ID in the Value field
Click Save
Move to the DISCOUNT TO APPLY section and customize the discount offer as per your previous settings on AfterShip Personalization
Save the changes
Click Generate Script
Copy the script to your clipboard
Navigate to the Script Editor App in Shopify and click Create script
Select the discount type you configured in AfterShip Personalization for checkout upsells and cross-sells and click Create script again
Edit the title, if required, and paste the script you just copied
Test out your widget and see if the discount was applied successfully
Percentage off
1. Set up the discount offer on AfterShip Personalization
Follow the steps to set up a discount offer for product recommendations on the checkout page (explained above)
Copy the Offer ID
2. Generate a script using Shopify Script Creator
Navigate to https://jgodson.github.io/shopify-script-creator/
Click Create new and select Conditional Discount from under the Select a campaign dropdown
Scroll down to DISCOUNTED ITEM SELECTOR and select Has Properties from the dropdown
Under the Keys and values section, click Add keys and values
Add _apz_offer_id in the Key field and the copied Offer ID in the Value field
Click Save
Move to the DISCOUNT TO APPLY section and customize the discount offer as per your previous settings on AfterShip Personalization
Save the changes
Click Generate Script
Copy the script to your clipboard
Navigate to the Script Editor App in Shopify and click Create script
Select the discount type you configured in AfterShip Personalization for checkout upsells and cross-sells and click Create script again
Edit the title, if required, and paste the script you just copied
Test out your widget and see if the discount was applied successfully
For any further questions or help, please contact our chat support team
Updated on: 16/10/2023
Thank you!