> For the complete documentation index, see [llms.txt](https://document.tek-labs.app/salepify-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/salepify-userguide/user-guides/styling/embedded-gift-type.md).
# Embedded gift
Style the gift block shown on the product page.
The Embedded gift block sits below the **Add to cart** button on the product page. It lists your gift offers, shows how close the customer is to each reward, and lets them select and claim gifts.
**Preview**: choose **Automatically add gift** or **Manually choose gift**, then a state: **Not eligible yet**, **Eligible, not claimed** (manual only) or **All gifts claimed**. Use the Desktop and Mobile icons to switch devices.
{% hint style="info" %}
If you see **New Embed design available**, click **Use new UI** to switch to the latest design. Your current Embedded gift styling is replaced with the new defaults when you save; translations stay unchanged.
{% endhint %}
## Sections
| Section | Settings |
| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Embedded List Setting** | **Embedded list view**: **List** or **Slide**. **Style**: **Default**, **Outline**, **Minimal** or **Gradient**. Header and subtitle colour, text size and weight. **Embedded List Icon**: gift icon colour, background (or gradient), border radius and width, item size, or **Upload icon**. |
| **Item direction** | **Vertical** or **Horizontal** gift list. |
| **Container** | Font family, border colour, radius and width, background colour, and padding on each side. |
| **Header section** | Main heading colour, size and weight; header badge colour, text colour, size and weight. |
| **Countdown timer** | Timer text colour, size and weight; timer icon colour. |
| **Progress bar** | Message colour, size and weight for each state; bar colour and background colour. |
| **Reward section** | Border colour (and when selected), border radius and width, padding; reward text and price colours, sizes and weights; item gap; selection hint text (manual). |
| **Reward image** | Image border radius and size; quantity badge colour, text colour and size. |
| **Select button** | Shown for **Manually choose gift › Eligible, not claimed**: Select and Unselect text and background colours, size, weight and padding. |
| **Claim button** | Shown when eligible with manual selection: text and button colours, size, weight and padding. |
| **Warning toast message** | Background and text colour of the error message shown when a claim fails. |
| **Custom CSS** | Your own CSS. |
| **Widget placement** | **Change widget position** in the theme editor, or copy the code snippet ``. |
