# Deal of the Day

{% hint style="success" %}
This feature is available for all types of campaign.
{% endhint %}

### What is Deal of the Day?

Deal of the Day is a visually engaging pop-up widget enabling you to highlight exclusive daily deals. Customers can easily see what's available and claim enticing offers such as free gifts or discounts.

### Why to use Deal of the Day?

<details>

<summary>Drive more attention</summary>

This feature is designed to grab attention from customers, as it is placed in an easy to see area(s), making purchases more effective and time-saving.

</details>

<details>

<summary>Enhance customer engagement</summary>

With an attractive and interactive display, customers are more likely to explore the deals. As it showcases multiple deals in a single, easy-to-access widget, it can reduce confusion and improve customer experience,

</details>

<details>

<summary>Streamline targeted promotions</summary>

This feature allows you to manually choose campaigns appearing on the widget or set the pre-defined rules to match your store's strategies.

</details>

### How to set up Deal of the Day?

#### Step 1: Navigate Deal of the Day

Go to **Widget display** in the menu > find **Deal of the Day** widget > Click on **Setup**.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FO4QV3NMRMclgthScM9kd%2Fimage.png?alt=media&#x26;token=ec7425cf-8ce5-4534-a3df-acb14087671f" alt=""><figcaption></figcaption></figure>

Toggle the **button** to enable this feature.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FJRt6M6IN7mkarrt3ZuBj%2Fimage.png?alt=media&#x26;token=1d95357b-1ee1-469b-855a-31f5a2bae95a" alt=""><figcaption></figcaption></figure>

#### Step 2: Customize Widget content

**Floating button text**

Enter a short, engaging phrase like “🔥 Deal of the Day!” to attract attention.

**Header**

Add a compelling header such as “🔥 Deal of the Day!” for consistency with the Floating button text.

**Description**

Write a brief description of the widget so that customers can understand more about its functions. For example: “Grab today’s exclusive deals to claim these gifts!”

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FDahMwnl2knBXtaWWPR43%2Fimage.png?alt=media&#x26;token=465f407a-5f94-425e-8b08-08b4364ee0f9" alt=""><figcaption></figcaption></figure>

#### Step 3: Choose Deals display setting

You can decide to select campaigns manually or set campaign rules so that it will automatically display campaigns matching the requirement.

**Select campaigns**

Click **Select campaigns** button and choose one(s) you want to show on the widget.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FldaufWecrHbf0ywEIMQ5%2Fimage.png?alt=media&#x26;token=fe2c4ebc-c58f-4139-938e-025ff6ec8457" alt=""><figcaption></figcaption></figure>

**Set campaign rules**

Click **Add rule** button and choose 01 among 07 campaign options.

{% hint style="success" %}
The rule will determine which deals are display and ensure the widget aligns with your strategy.
{% endhint %}

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FhewVD1nQTvjgUVBVmvTV%2Fimage.png?alt=media&#x26;token=e5f062cb-44c6-43e0-821f-8b2b2f06813b" alt=""><figcaption></figcaption></figure>

Select the **Number of deals** that will be displayed, ensuring a clean and manageable widget.

{% hint style="info" %}
You can only set a maximum of 10 deals to show on the widget.
{% endhint %}

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FMNRgvpCU7J2qO9MQ933L%2Fimage.png?alt=media&#x26;token=e2df01f6-7b79-4e0a-8e5d-672557cf4a61" alt=""><figcaption></figcaption></figure>

#### Step 4: Customize the Theme

Match the widget's look to your store's branding by customizing the theme.

Pick a predefined theme like "Basic" or "Ruby Red," or customize the colors manually in the next step.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FGhzizTnFePnij16cAQLM%2Fimage.png?alt=media&#x26;token=3971e3bc-df84-4c00-b742-29af8547b950" alt=""><figcaption></figcaption></figure>

**Step 5: Adjust Widget Style**

**Floating button**

Choose if you want to create a gradient background by ticking on the box.

Modify the background and text colors of the floating button to ensure visual appeal and readability.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FCDwCgVajjh9sQ5F71exc%2Fimage.png?alt=media&#x26;token=836dd421-b63c-4221-9f2d-0b9079fc3359" alt=""><figcaption></figcaption></figure>

**General**

Customize elements' color inside the widget, including Header text color, Default text color, Tag & Icon color and Text color on Tag to match your store's identity and ensure readability.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FQz8hkA2A5BLtJLujgTir%2Fimage.png?alt=media&#x26;token=14574a1e-b438-45cf-9475-0165fb1a774e" alt=""><figcaption></figcaption></figure>

**Promotional deal card**

Choose the background color for the ticket stubs as well as the color in claimed state, which will be shown after customers successfully claim a deal.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FYFHT4dnLtj5WE1qmCu5u%2Fimage.png?alt=media&#x26;token=b6cb0834-aaef-4834-898b-ecddb44fca90" alt=""><figcaption></figcaption></figure>

**Final step: Preview and Activate the Widget**

Confirm the widget’s appearance before making it live. Use the **Preview** panel to see how the widget will look on desktop and mobile.

Click **Save** to confirm all the change.

That's it! Everything is all set now. Let's watch your sales soar!<br>


---

# Agent Instructions: 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:

```
GET https://help.aov.ai/promote-your-campaign/deal-of-the-day.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.