# Customize Post-purchase upsell offers

## **General Settings**

* **Show for all customers:**&#x20;
  * **Show this funnel for all customers:** All customers who place an order automatically get a chance to purchase the post-purchase upsell without needing to meet any further requirements.&#x20;

{% hint style="warning" %}
If you want to add any specific conditions to limit that chance, ***untick*** the **Show this funnel for all customers** option and move to other sections below.&#x20;

You are able to **combine multiple conditions** with each other.&#x20;
{% endhint %}

* **Product conditions:** Configure the post-purchase upsell to display based on the *products* included in the customer's order.
  * **Enable product trigger:** The order must contain specific products that you have pre-selected in the settings.
  * **Enable product tag trigger:** The order must include/exclude specific product tag(s) that are pre-selected.&#x20;
  * **Enable product exclusion trigger:** The order must not contain those products chosen in this option to be able to qualify.
  * **Enable variant name trigger:** The order must include/exclude specific variant name(s) that are pre-selected.

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FHyNZgFWQfe4nDEupy1RL%2Fimage.png?alt=media&#x26;token=a8ded677-e707-48f1-8e10-3634fc58c577" alt=""><figcaption><p>Product conditions</p></figcaption></figure>

* **Customer conditions:** Configure the post-purchase upsell to display based on the *customers* placing the order.&#x20;
  * **Enable customer trigger:** Offer only displays/hides from specific customer tags which are pre-selected in the setting.&#x20;
  * **Enable customer order count trigger:** The number of the order that customer has purchased must

    * More than
    * Less than
    * Equal

    the value set in the box.&#x20;
  * **Enable customer language trigger:** Only those customers using specific languages can take advantage of the post-purchase offers.

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FR0QA2Ns7r7sJJCsHj3U8%2Fimage.png?alt=media&#x26;token=b22bf1fe-ae58-4128-8df1-44eaf24ac3e8" alt=""><figcaption><p>Customer conditions</p></figcaption></figure>

* **Order conditions:** Configure the post-purchase upsell to display based on the *order value or/and order quantity*.
  * **Enable order value trigger:** Order value should be more than/less than the number set in the condition.&#x20;
  * **Enable order quantity trigger:** Order quantity should be more than/less than the number set in the condition.&#x20;
* **Location conditions:** Configure the post-purchase upsell to display based on the *location of the order owner*.&#x20;
  * **Enable shipping country trigger:** The post-purchase upsell offer will only be displayed for orders where the shipping country matches the one specified in the settings.
* **Active dates:** Post-purchase offer only shows up during a period of time set by *specific date/time range*.
  * **Enable date/time trigger:** You don’t need to select both options—choosing just one is enough to proceed.
    * Starts on
    * Ends on

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FNNHmeFrFvRxFdi6bIJzG%2Fimage.png?alt=media&#x26;token=27debcd9-dac7-4869-b2e7-185a9ede3056" alt=""><figcaption></figcaption></figure>

## **Post-purchase Upsell**

Post-purchase upsell offers for customers when the checkout payment is completed.&#x20;

Each funnel allows you to set up **two Upsell offers** (Upsell #1 and Upsell #2) and **one Down sell offer**.

### Upsell #1

**Add Offer**: Click this button to select a product for the first post-purchase upsell. If the product has multiple variants, only **one variant** can be chosen.

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2Fw6W5jtab77jAXZrEhjJ1%2Fimage.png?alt=media&#x26;token=ea32ad4a-88fb-4408-b03e-1233d49a9e46" alt=""><figcaption><p>Add offer</p></figcaption></figure>

**Edit Offer**: Customize the offer layout by adding widgets, including:

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FM8avBnMnyBYrOBy5PHEw%2Fimage.png?alt=media&#x26;token=a08a3bb5-ab2f-4ade-a905-38d1abc81aab" alt=""><figcaption><p>Edit Offer</p></figcaption></figure>

* **Timer:** Enable a ***countdown timer*** for the upsell offer, making it available only for a limited time. Once the timer expires, the offer will no longer be valid. You can change the:
  * Minutes
  * Seconds
  * Timer text context

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2F1YhYvT3MyFOrusrFxrSb%2Fimage.png?alt=media&#x26;token=edce7688-69eb-46eb-a078-567072a3fa26" alt=""><figcaption><p>Timer</p></figcaption></figure>

* **Upsell product:**
  * **Product selection:** Display the product you chose. If you want to replace it, click the ***Change product*** button to implement it.&#x20;
  * **Discount settings:** Set up the automatic discount based on fixed amount or percentage.&#x20;
  * **Shipping:** Decide to give your customers a free shipping or charge them a fee when purchasing the upsell product.&#x20;
  * **Price break down setting:** Customize the way prices are showing
    * Show subtotal and total
    * Show shipping and tax breakdown
    * Hide shipping and tax line if equal to zero
  * **Product title:** Being able to customize a new title for the upsell product rather than using the default one.
  * **Product description:** Add a description under the product price with an option to align the text.&#x20;
  * **Image:** Change the image size and decide to show a gallery of other variants' images under the main picture.
  * **Layout settings:** Set up how the columns and image are displayed on the post-purchase offer page.&#x20;
    * Two columns - Image left
    * Two columns - Image right
    * Single column

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FvhstLTeZpx5yDQztil4O%2Fimage.png?alt=media&#x26;token=f8ae32fd-5f88-4bae-8021-f08b67bfcbdf" alt=""><figcaption><p>Upsell product</p></figcaption></figure>

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FzAD2kbiea8w7dcWQEuk1%2Fimage.png?alt=media&#x26;token=7dd3313d-330e-468c-a11e-770f42351f16" alt=""><figcaption><p>Upsell product</p></figcaption></figure>

* **Simple text**: Add a **custom text section** below the post-purchase offer page and adjust:
  * Content: Write your own message
  * Size:  Choose the text size
  * Text Tone: Set the text color based on the tone you want
    * None: Black
    * Critical: Red
    * Warning: Yellow brown
    * Sucess: Green
  * Alignment: Left/Center/Right

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FwRIcPEBrsddIK5aCbIAn%2Fimage.png?alt=media&#x26;token=8fdb0d28-9f7b-442c-bb04-495fafbe8342" alt=""><figcaption><p>Simple text</p></figcaption></figure>

* **Callout banner:** Create a **custom banner** to encourage customers to purchase the offer. Adjust the design and message to make it more compelling by:
  * Title: Header of the banner
  * Content: Write your own message
  * Size: Choose the text size
  * Alignment: Left/Center/Right
  * Border: Show the border or not
  * Background: Show the banner background or not

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FS5Q6eaL4KCVp4A3BxiiP%2Fimage.png?alt=media&#x26;token=e7fbef20-659f-4c3c-bda4-080eb430088a" alt=""><figcaption><p>Callout banner</p></figcaption></figure>

* **Divider:** You can insert a **divider line** at the bottom of the page and customize its width to match your design preferences. This divider is used to separate the upper elements and the images.&#x20;

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FfoDaCzzJrvM955H8XKaZ%2Fimage.png?alt=media&#x26;token=d40d90b4-8f3a-43be-b5e6-c3cab7933d7f" alt=""><figcaption><p>Divider - Extra thick</p></figcaption></figure>

* **Image:** You can add an **image** to the post-purchase page to enhance the offer, showing under the divider.&#x20;
  * Supported formats include .gif, .jpg, and .png.
  * Adjust the image using the Alignment and Size section to fit your design needs.

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2F0U9C0hyJa1ELdC2ZEUQp%2Fimage.png?alt=media&#x26;token=38b6ce61-f096-4137-be74-8e2049496462" alt=""><figcaption><p>Image</p></figcaption></figure>

* **Image with text:** Similar with the image, but you have an option to add the Title and Content to the image too.

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2F8JNYo4cu4x20KgrOpwkH%2Fimage.png?alt=media&#x26;token=7a61e133-2e6f-45d9-bd95-a1abdb851057" alt=""><figcaption><p>Image with text</p></figcaption></figure>

{% hint style="success" %}
In the dashboard, there is a list of the widgets added to the upsell offer. You can manage them quickly by clicking the **Delete** or **Hide** button.&#x20;
{% endhint %}

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FC3AApgdhd0YRjw9XZwB5%2Fimage.png?alt=media&#x26;token=78181154-b322-430f-9ef5-8c0adef839c4" alt=""><figcaption></figcaption></figure>

### Upsell #2

**Upsell #2** will be shown **only if the customer accepts Upsell #1**. This creates a seamless flow, encouraging customers to add even more value to their purchase.

The settings and customization options for Upsell #2 are **identical to those of Upsell #1**.&#x20;

Below is an example of how an Upsell #2 offer will appear:&#x20;

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FAULyCrIPIXkPYFagAPBk%2Fimage.png?alt=media&#x26;token=f9977fdf-e2b4-43a4-b5d9-9b5f7074cad3" alt=""><figcaption><p>Upsell #2</p></figcaption></figure>

### **Downsell**

**Downsell** will be shown **only if the customer declines Upsell #1**.&#x20;

The settings and customization options for Downsell are **identical to those of Upsell #1 and Upsell #2**.&#x20;

Below is an example of how an Downsell offer will appear:

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FhzzHz4vkPSUcxXmppGRH%2Fimage.png?alt=media&#x26;token=d9cb0969-5f8f-4975-a9ae-c900ae0032eb" alt=""><figcaption><p>Down sell</p></figcaption></figure>

***

A **post-purchase offer** includes a full upsell and downsell flow, created as follows:&#x20;

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2FV2oK2jIkMTG9uDcpYAHg%2Fimage.png?alt=media&#x26;token=4ff46bf6-22c5-4ec2-9ec4-267256ac09e3" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
**Notes:**&#x20;

* A funnel does **not** **require** a post-purchase offer. It’s optional.
* A post-purchase offer does **not need to include all three options** (Upsell #2, and Downsell). You can set up **just one or two** of them based on your strategy.
  {% endhint %}

If you have any difficulties or need any further help from our team, please do not hesitate to let us know via the Live Chat or our email here: **<support@tek-labs.app>**. We are all ears!! :person\_raising\_hand:
