> For the complete documentation index, see [llms.txt](https://easify.gitbook.io/easify-box-bundle-builder-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://easify.gitbook.io/easify-box-bundle-builder-docs/user-guide/visual-editor/free-gifts/setup-free-gifts-bar.md).

# Setup Free Gifts Bar

In addition to setting up the logic, it’s important to clearly communicate the offer to customers. The **Free Gifts Bar** helps highlight available rewards and motivates customers to unlock them as they build their box.

:point\_right: In this guide, we’ll **deep dive into the step‑by‑step configuration** of Free Gifts Bar

{% hint style="info" %}
If you’d prefer a broader overview and want to explore **real use cases**, check out our [Add Free Gifts to Box](/easify-box-bundle-builder-docs/user-guide/visual-editor/free-gifts.md) guide.
{% endhint %}

## When to Use Free Gifts Bars. <a href="#id-0-toc-title" id="id-0-toc-title"></a>

Use the Free Gifts Bar whenever you want to visually highlight a free gift offer in your box!

Free Gifts Bars can be used for both **Auto add** **to cart** and **Buyer manually** **chooses**.

You can place them inside the *box content* or in the *Quick Summary* — whichever works best for your setup.

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/05/image-51-1024x871.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/05/image-50-1024x649.png" alt=""><figcaption></figcaption></figure>

## How to Set up Free Gifts Bar <a href="#id-1-toc-title" id="id-1-toc-title"></a>

Start by enabling a Free Gift discount. Once enabled, the Free Gifts Bar will automatically appear at the *top of your box.*

:point\_right: If no Free Gift discount is configured, you will see the message:\
**“Please create a free gift discount to display this bar.”**

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/04/image-119-1024x525.png" alt=""><figcaption></figcaption></figure>

You’ll also notice that a Free Gifts Bar element has been added to your Box Content. It behaves like any other element: you can show or hide it, reorder it, move it into a banner, delete it, and more!

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/05/image-52-1024x533.png" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Important:** Note that the Free Gifts Bar behaves differently depending on your gift mode — **Auto add to cart** or **Buyer manually chooses**. We’ll cover each in detail in the next section.
{% endhint %}

{% stepper %}
{% step %}

### Auto add to cart

For **Auto add to cart**, free gifts are displayed directly in the bar.

* Customers can see upcoming gifts as they build their box
* Locked and unlocked states are clearly shown
* Once conditions are met, gifts are marked as unlocked

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/04/image-120-1024x520.png" alt=""><figcaption></figcaption></figure>

This helps customers understand what they can unlock and encourages them to add more items.

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/04/image-121-1024x657.png" alt=""><figcaption></figcaption></figure>

To customize the Free Gifts Bar:

* Go to **Theme Settings → Free Gifts Bar**
* You can adjust:
  * Background color
  * Border color
  * Message color

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/04/image-122-1024x520.png" alt=""><figcaption></figcaption></figure>

If your box template includes a **Sidebar summary**, you can also display the Bar there:

* Go to **Quick Summary**
* Enable **Free Gifts Bar**

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/04/image-123-1024x553.png" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Buyer manually chooses

For **Buyer manually chooses,** the Free Gifts Bar is still displayed, but it works slightly differently.

* The bar shows a message that free gifts are available
* Gifts are not displayed directly in the bar
* Instead, they are listed in the **Product List: Gift**

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/04/image-124-1024x523.png" alt=""><figcaption></figcaption></figure>

Once customers qualify:

* A **“Select here”** button appears in the Free Gifts Bar
* Clicking this button navigates customers to the Product List where they can choose their gift

<figure><img src="https://easifyapps.com/wp-content/uploads/2026/04/image-125-1024x668.png" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### Need Help? <a href="#id-2-toc-title" id="id-2-toc-title"></a>

Questions? Stuck somewhere?

We’re always here to help! Just reach out via our **in-app live chat** for 24/7 support.