CTA Band
What this is used for
A reusable full-width call-to-action band: a heading, optional description, a button, and a background colour (or image). Used for the mid-page CTAs and the offers banner. Choose colours from the Kuoni palette — no free colour picker, so bands stay on-brand.
How you use it
Small reusable pieces — a button, an icon and label, a phone number — that other entries point at. Change one and every place using it changes too, so check where it is used before editing.
13
Fields you can fill in
1
Fields kept in step automatically
4
Used by
content typesFields you can fill in
| Field | What goes in it | Notes |
|---|---|---|
Internal name internalNamerequired | Short text | — |
Eyebrow (small text above heading) eyebrow | Short text | — |
Heading level (SEO tag) headingLevel | Short text | Choose one of: h2 h3 h4 |
Heading style (visual size) headingVariant | Short text | Choose one of: h2 h3 h4 h5 h6 subtitle1 subtitle2 |
Heading colour (theme) headingColor | Short text | Choose one of: inherit primary secondary textPrimary textSecondary |
Heading (optional) title | Short text | — |
Description (optional) description | Long text | — |
Background colour backgroundrequired | Short text | Choose one of: cream white brand-yellow sale-red dark |
Background image (optional) backgroundImage | One image or file | — |
Inner image (the round one) innerImage | One image or file | Optional round image shown inside the band's circle, beside the heading (e.g. a travel expert's portrait). Square images work best — it is cropped to a circle. Leave empty and NO circle is drawn at all, rather than an empty ring. This is NOT the full-width photo behind the band; that is "Background image (optional)". |
Button cta | One linked entry | Links to: |
Also show a 'Call us' number callUsPhone | One linked entry | Links to: |
Appearance (choose the layout) variant | Short text | Pick how this call-to-action band looks. photo = full-bleed photo with an inset cream card (use with a Background image). solid = a soft-yellow card, no photo. offer = the large sale-red 'offers' banner. Same fields either way — only the look changes. Default: photo. Choose one of: photo solid offer |
Fields kept in step automatically
These appear greyed out, or not at all. They are filled in from another system, so anything typed here would be overwritten.
| Field | What goes in it | Notes |
|---|---|---|
Component key (sitemap catalogue ID) componentKeyrequired | Short text | — |
What you can link to from here
Where this gets used
These content types link to this one. Editing an entry of this type changes every one of them that points at it.