Product Offer

Product Offer

Product Offer is to show recommended products on the checkout page and encourage customers to buy more before moving to Payment.
Let's explore how to set a product offer.

Step 1: General Settings

Before creating a product offer, you should set up the General settings first.       



1. General


  1. Offer main title: The center title for the offer, for instance: "Recommended for you".
  2. Offer sub-title: The description line will be smaller and below the main title. For instance: "Here are some extras to complete your order".
  3. Title text alignment: Used to align the main title and sub-title of the offer.

2. Edit offer settings




  1. Disable editing product variants and quantity: Tick here if you don't allow buyer changing the variant and quantity in the offer.
  2. Always show product variant selector: Enable this option to always show the variant selector. You will need to enable the Allow editing product variant option below.
  3. Allow editing product variant: Enable this option to allow buyer to change the product variant in the offer.
  4. Allow editing product quantity: Enable this option to allow buyer to change the product quantity in the offer.

3. Layouts 


  1. Offer layout: Two layout options are Horizontal and Vertical.
    1. Horizontal layout: (recommended)

    1. Vertical layout: the discount phrases might be cut off when using this layout.

  1. Total offers displayed at a time: This app only allows showing a maximum of 3 offers to fit with performance.
  2. Enable slider buttons: Display next & previous buttons to navigate through offers.
  3. Display ADD button as outline style: Enable this option to show Add button in outline style
  4. Show product price: Enable this option to show the product price in the offer.
  5. Quick actions: Enable this option to allow buyers to preview product details when clicking on a product image & title.
    1. Open new tab: Direct to the product page in a new tab
    2. Open quick view popup: Show the popup to view the product details right in the checkout page.

4. Integration



  1. Show product rating: Enable this option to display review rating for product offer.
  2. Rating app: Currently, we could integrate with these review apps: Judge.me, Loox, Okendo, Junip and Opinew. You will need to install the review app to display its rating. For further information in intergration, you can refer to this article.
  3. Rating display type: There are two display types which are Icons only and Icons and text.

5. Discount

After setting the Product Offer and whenever you create a new discount, please press on the Sync discounts button to allow our app sync the discounts from Shopify.


  1. Show discount badge: Enable this option to display the discount badge in the Product Offer.
We have multiple types of discount phrases. You could change the content of each kinds of discount, but please don't remove the param in the message.

6. Offer Listing

This part will show all of the product offers you've created. You can also manage the offers here.


  1. Eye icon: Enable/Disable the offer.
  2. Pen icon: Edit the offer.
  3. Bin icon: Remove/Delete the offer. 
Only one offer can be displayed at a time.
If you have multiple offers with the same conditionals, the latest created offer will display.

Step 2: Create Offer

1. Offer title

  1. Offer name: You can add the name for the offers here in order to distinguish them.
  2. Offer main title: Enter the specific main title only for this offer in case you don't want to show the general title.
  3. Offer sub-title: This field is optional. You can leave it blank if you want to show the sub-title in General Settings.

2. Display conditions


  1. No conditions: The offer will be shown without any condition.
  2. Display by conditions: You could add multiple conditions to show the offer.
    1. All rules pass: Only show the offer if all conditions are met.
    2. Any rules passes: The offer will display if one of those conditions is met.

3. Offer Products

 

  1. Enable A/B testing: 

A/B testing helps you to test whether your customers would prefer which offer between the two offers. You can choose multiple product items to recommend, and the popup will randomly display between offer A and B.
A/B testing only shows multiple items if you enable the Slider buttons in General Settings. If you don't enable that button, the product offered will be limited due to General Settings (less than 3 items).



Moreover, you can easily check the result from this testing in A/B Test Analytics. 

  1. Auto recommend products: This option will automatically trigger the products based on the Shopify's recommendation system. You can't adjust which product will be shown.
  2. Manually choose products: You can manage and choose multiple products to display on the checkout page. If you have so many product items, the app might not display all of them, you could type the product's full name to search for it quickly.

If you have any questions or need help, don't hesitate to let us know.


    • Related Articles

    • [Version 2] Upsurge (Upgrade) offer

      1. What is Upsurge (Upgrade) offer? An Upsurge (Upgrade) offer typically involves encouraging the customer to purchase a higher-end version of the product they originally intended to buy. 2. How to setup an Upsurge (Upgrade) offer? Step 1: Create ...

    • [Version 2] Free Gift offer

      1. What is Free Gift offer? A Free Gift Offer can encourage purchases. It allows customers to make their own selections or automatically add a free gift to the cart. 2. How to setup an Free Gift offer? Step 1: Create offer Let's start creating a new ...

    • [Version 2] Product Bundle offer

      1. What is Product Bundle offer? A product bundle allows you to sell multiple products together as a single unit such as a combo or package on your online store (e.g. Frequently bought together). 2. How to setup a Product bundle offer? Step 1: Create ...

    • [Version 2] How to manually embed the "Product Bundle" offer to the product pages from pagebuilder apps (Gempages, Pagefly, etc.)?

      This article is for "Product Bundle" offer only Step 1: Add the embed file to the theme Firstly, you need to add the file to embed the offer to your theme. 1. Open your theme > Edit code 2. Add a new file under Snippets 3. Name the file as: ...

    • [Version 2] Cart Upsell offer

      1. What is Cart Upsell offer? A Cart Upsell offer will capture the moment customers click "Checkout" button to offer related products to encourage them to buy more before going to checkout. 2. How to setup a Cart Upsell offer? Step 1: Create offer ...