> For the complete documentation index, see [llms.txt](https://bogos-guideline.gitbook.io/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bogos-guideline.gitbook.io/user-guide/detailed-guide/customize/customize-today-offer-old-version.md).

# Customize Today offer (old version)

Today offer widget shows the currently available offers for customers on the Online store. The widget notifies customers of ongoing promotions and encourages them to take advantage of these offers to.

{% embed url="<https://youtu.be/Cln7YR8BSGE>" %}

{% hint style="warning" %}
This is the old version of Today Offer widget. While you can still set it up (for those who are currently using it only), we highly recommend you [set up the latest version](/user-guide/detailed-guide/boosters/create-today-offer-widget.md).
{% endhint %}

## 1. Different components of the Today offer widget <a href="#how-to-enable-the-widget" id="how-to-enable-the-widget"></a>

### 1.1. Activate the Today offer widget

The widget is deactivated by default in your store. To disable/enable it, navigate to General > Activate widget.

<figure><img src="/files/kgxfXFcee63LCDuwKPrd" alt=""><figcaption></figcaption></figure>

### 1.2. Activate the gift notification&#x20;

Gift notification is a syntax-based text that informs your customers of the **number of gifts** and the **discounts** they would receive for each offer. Gift notification [can be edited](#widget-info).

To turn Gift notification on, in the same General menu, click on 'Activate gift notification'.

<figure><img src="/files/C5HgyClfUZ7wsi9zPyve" alt=""><figcaption></figcaption></figure>

### 1.3. Display gift preview

Gift preview gives your customers a 'sneak-peak' of the gifts they would receive for each offer.

There are some customizable options:

* Display gift by product or by variant
* The number of gifts displayed each offer: Maximum number of gifts per offer before 'See more' buttons appears. When your customers click on a 'See more' button, all the gifts of that offer will show within the widget.

<figure><img src="/files/pF2PSZgTaVWTkek2CDkv" alt=""><figcaption></figcaption></figure>

### 1.4. Add a "Get offer" button

This button redirects your customers to a link that you add to make your Today offer a more converting widget.

This is not added directly in Customize, but rather in the Create offer screen. Please follow [this instruction](https://bogos-guideline.gitbook.io/user-guide/detailed-guide/customize/pages/hIgtYz7kYb49PakeZmkU#id-5.3.-today-offer).

<figure><img src="/files/jDKwIhqZKEcCG0kTaNXh" alt=""><figcaption></figcaption></figure>

Here is what the full version of Today offer widget looks like on your storefront:

<figure><img src="/files/ubxGrObjj2mNJybkTsII" alt=""><figcaption></figcaption></figure>

## 2. Customization options <a href="#customization-options" id="customization-options"></a>

### 2.1. Widget icon <a href="#widget-icon" id="widget-icon"></a>

* Activate widget: Show Today offer widget on Online store
* Select icon: Select from a set of default BOGOS icons or upload your own custom one
* Widget style: Show only icon or with title text
* Icon position: Choose a position that fits your store (bottom right or bottom left)

### 2.2. Widget info <a href="#widget-info" id="widget-info"></a>

Customize general information about the Today offer widget here:

* Header text: Choose a header that's captivating to your customers
* Description text: Write a brief, captivating description about your campaigns
* Gift notification: A fixed element that appears on every offer on the widget, showing the number of gifts and the discount amount of that offer.

### 2.3. Color <a href="#color" id="color"></a>

Change the color so it matches your store branding.

Background color

* Header background: Customize the background color of the header section.
* Body background: Set the background color for the body of the widget.

Title color

* Header text: Adjust the color of the header text displayed in the widget.
* Description text: Modify the color of the descriptive text beneath the header.

Offer color

* Offer title: Change the color of the title for each offer listed in the widget.
* Gift notification color: Set the color for the notification icon that highlights gifts.
* Product title: Customize the color of the product title displayed in the offer.
* Product discount price: Adjust the color of the discounted product price.
* Product original price: Set the color for the original price of the product (strikethrough).

Offer status color

* Default offer: Specify the color for offers in their default state (inactive).
* Success offer: Change the color for offers that meet the conditions (active).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://bogos-guideline.gitbook.io/user-guide/detailed-guide/customize/customize-today-offer-old-version.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.