Link / CTA
What this is used for
A label that goes somewhere: a button, a navigation item, a footer link or a social icon. Set Kind first — it decides which of the fields below apply.
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.
15
Fields you can fill in
1
Fields kept in step automatically
8
Used by
content typesFields you can fill in
| Field | What goes in it | Notes |
|---|---|---|
Kind kindrequired | Short text | Set this FIRST. CTA is a button and uses the styling fields. Navigation item may have submenu items instead of a link. Footer link is a plain link. Social link uses Icon for the platform and ignores the label. Choose one of: cta navLink footerLink socialLink |
Label labelrequired | Short text | — |
URL href | Short text | REQUIRED for CTA, Footer link and Social link. Optional for a navigation item that only opens a submenu. An absolute URL, a root-relative path (/holidays), or a #anchor. |
Variant variant | Short text | Choose one of: contained outlined text |
Open in new tab openInNewTab | Yes / no | — |
Color color | Short text | Button colour from the brand theme. 'brand-yellow' is the Kuoni yellow pill used for primary actions, 'brand-black' is the black pill with white text, and 'white' is the white pill with dark text used on coloured panels such as the offers banner; 'primary' and 'secondary' are the theme's brown and gold. Leave empty for the section's own default. NOTE that this works together with Variant: 'contained' fills the button with the colour, while 'outlined' and 'text' draw the LABEL (and, for outlined, the border) in it and leave the background clear. Choose one of: primary secondary success error info warning brand-yellow brand-black white |
Size size | Short text | Choose one of: small medium large |
Image image | One image or file | Optional picture for this menu entry — e.g. the round thumbnail on a mega-menu row. If an image is uploaded it is shown INSTEAD of the Icon below; clear it and the Icon comes back. Square images work best, as some menus crop to a circle. Use this for photographs, not for symbols: a flat glyph should be picked from the Icon dropdown instead, because those recolour to suit the brand and flip to white over the homepage hero, while an uploaded image cannot. |
Second image secondaryImage | One image or file | A SECOND picture for this menu entry, used by the Trip Finder menu. The "Image" field above is the entry's own thumbnail and still replaces the Icon when it is set; this one is additional to it, not an alternative. Images only — a flat symbol belongs in the Icon dropdown instead, because those recolour to suit the brand and flip to white over the homepage hero, while an uploaded picture cannot. Leave empty on every entry other than Trip Finder. |
Icon icon | Short text | For a CTA, the icon beside the label. For a Social link, the platform — this is what used to be the 'platform' field. Choose one of: none arrow-right arrow-left chevron-right phone search calendar location download external-link email chat heart play facebook instagram youtube twitter linkedin tiktok |
Icon position iconPosition | Short text | Choose one of: start end |
Full width fullWidth | Yes / no | — |
Accessible label (optional) ariaLabel | Short text | — |
Submenu items children | Several linked entries | Navigation items only. Each child is another Link / CTA entry, so a submenu is built from the same type as the item above it. Links to: |
Visible isVisible | Yes / no | Untick to hide this item without deleting it from the navigation. |
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.