# 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>