Articles on: Discounts

How to Offer a Discount on Product Recommendations During Checkout

Relevant to: Shopify Plus users on paid and free plans.


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:





  1. Fixed amount
  2. Percentage off



Set up discount offers for product recommendations on the checkout page


  1. Go to Checkout order bump in Shopify admin
  2. Click Edit to make changes to the existing checkout offer



  1. Scroll down to Offer promotion > Discount > Enabled
  2. Select discount type : a. Fixed amount b. Percentage off
  3. Set the discount value
  4. Preview the changes in the right-hand window
  5. 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., $10020% = 1000.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




  • 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




  • 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