Configure the header
Set the banner, title, subtitle, and header button visibility for your landing page.
Placeholders in this article
This article contains placeholder screenshots. Search for placehold.co in this file and replace them before publishing.
In this article, you'll set the banner, title, subtitle, and header button visibility that participants see at the top of the landing page.
Prerequisites
- The campaign landing page is enabled.
- You have already chosen the landing page layout.
- You have a banner image ready for the landing page header.
Configuration
Open Header Section
Go to Landing Page, then open the Header Section card.
Upload the Banner
Use the Banner picker to upload the main image for the header. If you need visual guidance, open See Specs from the same editor.
Fill Title and Subtitle
Enter the main heading in Title, then add supporting context in Subtitle. This can be a short explanation, a seasonal line, or a practical instruction for the participant.
Choose the header button visibility
Use Hide Participation Button if the landing page should not show the main entry button in the header area. Use Hide Rewards and Legal Buttons if those header buttons should stay hidden.
Save and review
Save the header, then review the public landing page to confirm the banner crop, title length, and subtitle readability.
Banner guidance
- The current
See Specsguidance for the landing page banner uses a landscape image (900 x 600 px, ratio3:2). - Recommended web formats are
JPEG,WEBP, orPNG. - Keep the asset lightweight so the page stays fast to load.
Multi-language behavior
Title and Subtitle follow the campaign language selector in Studio, so you can provide translated versions per language. The banner image and button visibility settings are shared across languages.
Advent Calendar subtitles
When the landing page uses Advent Calendar, the subtitle field supports richer formatting than the standard text-area version used by the other layouts.
Validation notes
| Validation key | Message | Fix |
|---|---|---|
landing_page.header.missing | Landing page is enabled but header is missing | Go to Landing Page > Header and configure the header settings |
landing_page.header.title.missing | Landing page header is missing a title | Go to Landing Page > Header and enter a title |
landing_page.header.background_image_uri.missing | Landing page header is missing a background image | Go to Landing Page > Header and upload a background image |
landing_page.header.subtitle.missing | Landing page header is missing a subtitle | Go to Landing Page > Header and add a subtitle to provide more context |
See Validation & publishing for how these checks surface before publish.
Related
Choose a layout
Compare the layouts before you refine the header content.
Configure instructions
Add the step-by-step guidance that sits below the header.
One Column layout
See how the header appears in the single-stack layout.
Two Columns layout
See how the header anchors the split desktop layout.
Advent Calendar layout
Use the same shared header before the day-by-day grid.