Coupons
The Coupon is a 3rd party add-on, served up within an iFrame, that allows the user to access the brand’s savings and coupon messaging and links. There is no need to provide any height or width dimension for this iFrame component as that information is included in the default programming; it will be full width for all breakpoints, and will dynamically size for the space allotted for height.
- Examples in-situ
- Specification
- Usage
Specification
This provides guidance on the build, layout and content options for this component.
Layout specification
| Elements | Component variation (if applicable) shown |
|---|---|
| Text | Program ID |
| Text | Merchant ID |
| Text | Affiliate ID |
General usage dos and don'ts
| ✅ Do's | ❌ Don'ts |
|---|---|
| ACCESSIBILITY Button text should clearly indicate what happens when clicked. Buttons and other controls in the iFrame should be available from the mouse and keyboard. Images should have the alt text attribute completed with informative text. | |
| Read our guidance on imagery. |