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.