> For the complete documentation index, see [llms.txt](https://document.tek-labs.app/free-gift-userguide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://document.tek-labs.app/free-gift-userguide/user-guides/styling/today-offers-type.md).

# Today Offers

Style the side panel that lists the day's offers.

Today Offers adds a tab on the side of your store. Clicking it opens a panel listing your active offers as cards, each with its gifts, a countdown and a **View this offer** link. Turn it on per offer in **Free gift › Display › Reminder widget › Today offers**.

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2Fgit-blob-6de0112d3152c4a84bb9f960c382cd804b597f47%2Fsp-st-today-offers.png?alt=media" alt="Today Offers style editor"><figcaption></figcaption></figure>

**Preview**: choose **Manual choose gift** or **Auto add**, then a state (**Not eligible**, **Eligible, not claimed** or **Claimed**).

## Sections

| Section               | Settings                                                                                                                                                                                               |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Offer order**       | **Sort by**: Expiring soonest, Expiring latest, Newly added, Oldest added or **Manual sort** (drag the offers). Click an offer to set its **View deal link**, the page that **View this offer** opens. |
| **Widget tab button** | **Position**: Middle right, Top right, Bottom right, Middle left, Top left or Bottom left. Background and text colour, text size and weight.                                                           |
| **Offer card**        | Left and right background, border, radius and width; offer, subtitle, "View this offer", "See more/less" and "Reward claimed" text styles; **Show deal badge** and its colours; divider colour.        |
| **Gift icon**         | Icon and background colours for each state, or **Upload icon**.                                                                                                                                        |
| **Countdown timer**   | Timer text colour, size, weight and dot colour.                                                                                                                                                        |
| **Claim button**      | Button and text colours, size and weight.                                                                                                                                                              |
| **Reward section**    | Reward name, discounted price and product price styles; border and background when chosen.                                                                                                             |
| **Reward image**      | Image border radius, hover border colour, quantity badge colours.                                                                                                                                      |
| **Custom CSS**        | Your own CSS.                                                                                                                                                                                          |

Edit the widget's texts, including a custom title for each offer, in the **Today Offers** tab of [Translations](/free-gift-userguide/user-guides/translation.md).

{% hint style="info" %}
Today offers isn't available on restricted development stores.
{% endhint %}