Landing Page reference
Check landing page asset guidance, section options, validation rules, and multi-language behavior.
This reference gathers the current landing page rules in one place: shared structure, asset guidance, layout behavior, and validation scope.
Shared structure
Landing page activation is intended for campaigns with at least two active Touchpoints. Once enabled, the page is built from a shared set of sections:
| Section | Position | Visibility options | Display style options |
|---|---|---|---|
Header Section | Fixed first | Always shown in the landing page editor | None |
Rewards Section | Reorderable middle section | Can be shown or hidden | Default, Carousel, or List |
Activities Section | Reorderable middle section | Can be shown or hidden | Default, Carousel, or List |
Games Section | Reorderable middle section | Can be shown or hidden | Default, Carousel, or List |
Interactive Totems Section | Reorderable middle section | Can be shown or hidden | No alternate display style |
Instructions Section | Fixed near the end | Always shown in the landing page editor | None |
CTA Section | Fixed last | Can be shown or hidden | None |
Header Section always anchors the page. Instructions Section stays near the end, and CTA Section stays last. The listing sections sit between them and can be reordered.
Asset guidance
| Asset | Current guidance | Recommended formats | Notes |
|---|---|---|---|
| Header banner | 900 x 600 px (3:2) in the current See Specs panel | JPEG, WEBP, PNG | Use a landscape image and keep the file lightweight. |
| Instruction icon | 400 x 400 px (1:1) | JPEG, WEBP | Use a consistent icon style across every instruction item. |
| Advent Calendar day images | Matching square images for every day | Web-friendly image formats | Prepare one Closed Image and one Open Image per active day. |
Header fields
The shared header controls:
BannerTitleSubtitleHide Participation ButtonHide Rewards and Legal Buttons
Title and the banner are required for a complete landing page header. Subtitle is recommended and surfaces as a validation warning when left empty.
CTA rules
The landing page CTA is designed for external destinations, not for opening an internal Touchpoint.
| Field | What it does | Shared or translated |
|---|---|---|
CTA Title | Adds context above the button | Translated per campaign language |
CTA Label | Sets the button text | Translated per campaign language |
CTA URL | Sets the destination | Shared across languages |
A working CTA should include all three fields. The current validation also checks that the URL starts with http:// or https://.
Responsive behavior
| Layout | Behavior |
|---|---|
One column | Stays in a single vertical flow on every screen size. |
Two columns | Uses the split desktop view from the current desktop breakpoint (min-width: 1224px). Below that breakpoint, it collapses to one column. |
Advent Calendar | Uses a centered, responsive grid. The current page styling constrains the body width and the tile grid auto-fits items with a minimum tile width of roughly 100px. |
Multi-language behavior
The landing page builder supports per-language content on the text fields that use the Studio language selector.
| Field group | Multi-language support |
|---|---|
Header Title and Subtitle | Yes |
Instruction item Title and Subtitle | Yes |
CTA Title and CTA Label | Yes |
| Header banner, instruction icons, Advent Calendar images, CTA URL, section order, section visibility | Shared across languages |
Text-length guidance
The current landing page validation does not expose dedicated character-limit rules for the header, instruction items, or CTA text fields. In practice, the safest approach is to keep copy short enough to scan:
- keep header titles to one clear line where possible
- keep CTA labels brief enough to fit on a button comfortably
- keep instruction titles action-oriented and use the subtitle for supporting detail
Validation groups
Landing page validation currently focuses on four areas:
| Area | What it checks |
|---|---|
| Header | Missing header, title, background image, and subtitle |
| Instructions | Missing instruction titles, subtitles, and icons |
| CTA | Missing label or URL, invalid URL, missing title when a CTA is otherwise configured, title-only CTA |
| Advent Calendar | Missing configuration, empty calendar, inactive calendar, missing images, missing or invalid linked Touchpoints, missing date overrides, overlapping date ranges |
See Validation & publishing for the publish-time workflow around these checks.
Related
About landing pages
Start here if you need the concept and decision context.
Choose a layout
Compare One Column, Two Columns, and Advent Calendar.
Configure the header
Set the banner, title, subtitle, and header visibility options.
Configure instructions
Add the participant guidance list shown on the landing page.
Configure the CTA
Configure the optional external CTA and its validation rules.