# Coupon Wheel
## Content
### Coupon Wheel Setting
#### Customize Wheel Sections
The settings have
*  or : adding or deleting sections
* Label: naming sections
* Internal code: is the name managed by the system of CDP 365 which is automatically generated by Label
* Can Win and Win Chance (%): Managing the win probability of each section. Can Win must turn on if the section can be won.
* Pool and Coupon code: Managing the promotion pool is used by each section. Pool must turn on if the section uses a promotion pool to send out prizes.
* Limit Spinning: Managing the number of win times of each section. It includes
* Out of code is available if Pool is on. The setting means audiences stop winning the section when the codes in the selected promotion run out.
* Set value means audiences stop winning the section when reaching the number of winning times set. For example, if the set value is 1, then all audiences spinning the wheel can win the section only one time. If selecting Set value, then set
* Capping level: has Journey, Campaign, and Variant.
* Frequency: includes This Hour, This Day, This Week, This Month, and Lifetime. Lifetime means the whole time that a journey is active.
* The requirement of the campaign is the section can win 2 times in the journey. Then Limit Spinning selects Set value - 2, Capping Level selects Journey, and Frequency selects Lifetime.
* Unlimited means audiences can win the section unlimitedly.
For example, the wheel sends out 2 TVs, 10 backpacks, 20 glasses of water, 1,000 20% off codes, and an unlimited number of 10K discount codes. Set Win chance is 10%, 15%, 25%, 20%, and 30% respectively. Limit Spinning is 2, 10, 20, 1,000, and Unlimited respectively.
***Notes**: Limit Spinning is different from Can Win and Win Chance. Can Win allows the audience would win the section at the probability of winning set in Win Chance. Limit Spinning allows setting the actual number of times that audiences would win the section.*
#### Section colors
You can set the color of each section
#### Wheel color
You can adjust the Outer Wheel Color, Inner Wheel Color, and Flipper Color
### Coupon Setting
#### Error Message
Enter the text of the Error Message
#### Position
The position displays the Error Message
## Advanced
### Coupon Wheel Styling
#### Font Settings
You can change the Font family, Font color, Font size, Font weight, Line height, Letter spacing, etc.
#### Wheel Width
You can set the width of the Wheel
#### Pull Direction
You can change the position of the Wheel
### Container Styling
1. ***Solid***: Applies a single color uniformly within the whole of an object by selecting the ***Background color***
2. ***Gradient:*** It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the ***Gradient Style***:
* ***Linear***: Change the angle of the gradient
* ***Radial***: Change the positioning (right center, left top, left center, etc)
* ***First color & first color location***
* ***Second color & second color location***
#### **Box Shadow**
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
#### **Border**
It allows you to specify the style, width, and color of an element's border
#### **Rounded Corners**
It allows you to define the radius of an element's corners
#### **Spacing**
* ***Inner Spacing (Padding):*** \
Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
* ***Outer Spacing (Margin):*** \
Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
#### Position
It allows you to adjust the position of elements in the block
#### Z-Index
* The z-index property specifies the stack order of an element
* An element with greater stack order is always in front of an element with a lower stack order
#### Custom ID attribute
The ID of a block, which is used in ***Custom CSS, Custom Javascript***
#### Custom Class attribute
The class of a block, which is used in ***Custom CSS, Custom Javascript***
#### Hover Styles
You can configure the ***Hover Styles*** by turning off the status of ***Default Hover Styles***
**a. Background**
1. ***Solid***: Applies a single color uniformly within the whole of an object by selecting the ***Background color***
2. ***Gradient:*** It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the ***Gradient Style***:
* ***Linear***: Change the angle of the gradient
* ***Radial***: Change the positioning (right center, left top, left center, etc)
* ***First color & first color location***
* ***Second color & second color location***
#### **b. Box Shadow**
It allows you to add shadow effects around an element's frame by selecting a shadow style (***None, Light, Custom***)
#### **c. Border**
It allows you to specify the style, width, and color of an element's border
#### **d. Rounded Corners**
It allows you to define the radius of an element's corners
#### **e. Spacing**
* ***Inner Spacing (Padding)***: \
Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
* ***Outer Spacing (Margin)***: \
Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
#### f. Position
It allows you to adjust the position of the hover
#### g. Z-Index
* The z-index property specifies the stack order of an element
* An element with greater stack order is always in front of an element with a lower stack order
### Display Condition
You can set the condition to display the button
* ***Condition***: It includes ***None, Show when, Hidden when***
* ***Field***: It contains ***Business Object attributes***
* ***Index***: The number of the row in the ***Business Objects Data table***
* ***Operator***: It includes ***contains, does not contain, starts with, doesn't start with, ends with, doesn't end with***, etc.
* ***Value***: you can input the value or select an ***attribute from Business Object or Event***
{% hint style="info" %}
* The Business Object attributes in Field are selected Business Object in Template Setting
* If Business Object in Template Setting does not be selected, a popup of ***Select Source*** will appear
{% endhint %}
---
# 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://docs.antsomi.com/cdp-365-user-guide-en/marketing-hub/media-template/settings/blocks-and-settings/coupon-wheel.md?ask=
```
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.
