Pages: Settings
When you've designed your Page, Settings in the bottom bar is where you finalise the details — the browser tab title, the width and background, the language for accessibility, and the final preview across devices. Small adjustments here are what separate a Page that looks "like a hosted thing" from a Page that looks like part of your brand.
In this article
Quick start
Open Settings in the bottom bar of the Page editor.
Check or adjust the working name and page title (browser tab text).
Set the language so screen readers pronounce the content correctly.
Adjust width, body colour, background, and borders in the Design section.
Use the Preview tab to verify desktop and mobile before moving to Overview & Share.
Page
In the Page section of Settings you can adjust the working name and the page title of your activity.
Working name
Internal only — this is what you see in your Activity list. Use it to find the Page later. Consistent naming conventions pay off when you have many Pages in the system.
Page title
The Page title is the text shown in the browser where visitors open the Page. Visitors will see this — in their browser tab, in bookmarks, and in search results if the Page is ever indexed.
Don't leave it blank or generic. A title like "Spring 2026 Campaign – [Your brand]" or "Guide download – [Your brand]" looks far more professional than "Untitled Page".
Language
Configure language settings to enhance accessibility. Select the language the content is written in so that screen readers know how to read the text. This setting does not affect your content — it's purely a signal to assistive technologies.
💡 Tip. If you run Pages across Nordic or European markets in multiple languages, set this per Page so Swedish content is read as Swedish, Dutch as Dutch, French as French, and so on. A small accessibility investment with real impact for users who rely on screen readers, and increasingly important for legal compliance.
Design
This is where the Page starts to feel like part of your brand rather than a hosted embed.
Page width
Adjust the width of the Page. Maximum width is 1500px.
💡 Tip. For content-heavy Pages (articles, long-form copy), a narrower width around 700–900px keeps line lengths readable. For visually-led Pages (campaign microsites, product launches), wider widths up to 1200px work better. Above 1200px, design becomes harder to keep consistent across devices.
Body colour
Set the Body colour with hex code, RGB or the colour picker.
To make the body colour transparent, click the X icon next to the colour code. The preview shows a white circle crossed with a red line.
Transparent body is particularly useful when embedding the Page as an iFrame on a coloured page where you want it to inherit the surrounding colour.
Background colour and background image
Set Background colour with hex code, RGB or the colour picker.
Upload a Background image if you prefer. Once uploaded you have the below options.
Select how the image should be displayed and type in an Alt text.
Option | Behaviour |
Tile | Standard setting, works everywhere background images are supported. The image repeats in both x and y directions. |
Fill | Fills the background, rescales the image, keeps dimensions and crops to fit. |
Fit | Shows the whole background image once, rescales, but doesn't crop. |
Stretch | Fills the background, rescales by stretching the image rather than cropping. |
💡 Tip. Use Fill for photography-style backgrounds (hero imagery, campaign visuals), Tile for subtle patterns, and Stretch only when you know the image was designed for that behaviour — stretching distorts photos.
Border
Adjust border width and radius (roundness of corners). Select border colour with hex code, RGB or the colour picker.
Borders are usually subtle on Pages (a light grey line, minimal radius) — Pages are meant to feel like content, not cards.
Preview
Preview your Page under the Preview tab. Switch between Mobile and Desktop to see how it looks on different devices.
Mobile preview is especially important for Pages because content-heavy layouts often need extra care on small screens — line lengths, image sizing, headline wrapping, and tap targets all change.
Go through the Page as a visitor would. Does the headline land? Are images rendering at the right size? Is body copy readable without zooming? If anything feels off, go back and adjust before publishing.
Use cases
Lead nurturing — a download Page that looks professional
A gated-content download Page is often the visitor's first impression of your brand after sign-up. Width around 800px, clear branded body colour, the download prominently placed, language set correctly. Small details that make the Page feel considered rather than generic.
Retention — a welcome or confirmation Page
For a welcome Page, consider a slightly narrower width and a warm background colour that matches your email template. Familiarity across surfaces (email → Page) builds trust.
For a double opt-in confirmation destination, treat it like a "welcome aboard" moment: branded background, clear headline, warm language, one obvious next step.
Brand building — campaign microsite
Campaign Pages often benefit from a full-width background image and a wider layout (1200px+) for visual impact. Set the language correctly for the market, use a descriptive Page title (visible in browser tabs and search), and preview thoroughly on mobile.
Loyalty — exclusive content Page
For a VIP or loyalty Page, subtle cues reinforce the "you're getting something special" feeling: branded borders, distinct body colour from your standard Pages, carefully chosen typography. The Page design is part of the loyalty experience.
Common mistakes & how to troubleshoot
The Page title is blank or "Untitled" in the browser tab
Cause. Page title wasn't filled in during Settings.
Fix. Open Settings and fill in the Page title with something descriptive (e.g. "Spring campaign – [Your brand]"). Visitors see this in browser tabs, bookmarks, and search results.
Background image looks stretched or cropped awkwardly
Cause. Display option doesn't match what the image was designed for.
Fix. Try Fill for photographic backgrounds (it crops but keeps proportions), Tile for patterns, or Fit if you want the whole image visible once without cropping.
The Page has a white background that doesn't match the embedding site
Cause. Body colour is set to white/opaque when embedded via iFrame on a coloured page.
Fix. In the Design section, click the X icon next to the body colour to make it transparent. The Page will inherit the surrounding page colour.
Page looks fine on desktop but cramped on mobile
Cause. Width too wide, images not sized for mobile, or nested columns that don't stack well.
Fix. Use the Mobile preview toggle to check. Consider a narrower width (800–1000px), stack-friendly column layouts, and smaller image heights on mobile.
For a wider set of issues, see Forms & Pages: Troubleshooting.
💡 Tips & tricks
Set the Page title every time. It's the single most-visible text your Page sends into the world (browser tabs, bookmarks, search). Worth the 30 seconds.
Match width to content. Narrower for articles (700–900px), wider for visual campaigns (1000–1200px), max 1500px.
Use transparent body when embedding. If the Page will live inside an iFrame on a coloured page, transparent body colour looks much cleaner.
Set language per Page. If you operate across multiple languages, setting the right language per Page is one of the accessibility improvements you can make.
Always preview on mobile before publishing. Most Page views happen on a phone. The Preview toggle is the cheapest insurance policy in the tool.
Next steps
Pages: Overview and Share — publish and distribute
Pages: Report — measure performance
Forms & Pages: Troubleshooting — common issues and how to fix them












