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.
Info
If you want to show different title and description on multiple offers, please shoot us a message in app-chat or send us a ticket.

2. Layout

Our app supports displaying two layouts for the Product Offer which are Horizontal and Vertical types:




  1. Total offers displayed at a time: This app only allows showing a maximum of 3 offers to fit with performance.
  2. Viewing mode:
    1. Enable scrolling to view more: Add a scroll bar to scroll down and view more product items.
    2. Use slider buttons (next/previous): Display next & previous buttons to navigate through offers.
    3. None.
  3. Display ADD button as outline style: Enable this option to show Add button in outline style.

3. 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. Show product price: Check this option to show the product price below product variant.
  3. Always show product variant selector: Enable this option to always show the variant selector. If this option is disable, the variant selector will only show once the Change options button is clicked.
  4. Allow editing product variant: Enable this option to allow buyer to change the product variant in the offer.
  5. Allow editing product quantity: Enable this option to allow buyer to change the product quantity in the offer.
  6. Allow editing product selling plan: Show an option to allow your customer to choose the selling plan they want.
  7. Allow customers to preview details when clicking on a product image & title: 
    1. Open new tab: Direct your customer to the product page by openning a new tab.
    2. Open quick view popup: Display a quick view popup created by our app to view product details.

4. Integrations


  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, Opinew and Yotpo. 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 and discounted price.
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. Priority: Show the priority of each offer.
  2. Status: Active/Inactive offer.
  3. Conditions: Show how many conditions are applied to the offer.
  4. Duplicate: Duplicate the offer to quick edit.
  5. Pen icon: Edit the offer.
  6. Bin icon: Remove/Delete the offer. 
Warning
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 name & Priority

  1. Offer name: You can add the name for the offers here.
  2. Priority: This is optional setting. The 0 is highest priority.
If you have different title and description for each offer, the settings will have:


  1. Offer main title: Enter the specific main title only for this offer in case you don't want to show the general title.
  2. 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.
Info
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.

Alert
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] Buy X get Y offer

      1. What is Buy X get Y offer? A Buy X get Y offer is a specific suggestion made to a customer to purchase an additional product that complements the one they are already interested in or buying. It's a way to increase their total purchase value by ...

    • [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: ...