Marketing Content → Static Pages
What are Static Pages?
Static Pages allow publishing arbitrary web content to customers under a publicly accessible address. These will be available both on the web and native apps.
Basics
All Static Pages contain an identifiable title and path.
Localized Title
The Localized Title field defines the page’s title as seen by users in their web browsers.
When unset, it will fall back to use the title defined for the market’s default language.
Localized Title and Title serve the same purpose; the latter is only used as a fallback, doesn’t support multilingual features, and it will be deprecated in the future.
Localized Path
The Localized Path field defines the URL path where the page will become publicly accessible.
The path must be of the /page-path-name form. Clicking the Generate button will infer a path from the localized title using the expected format.
When the market supports multiple languages, each language can define its own custom path. If no path is defined for the current application language, there will be a fall back to the path set for the market’s default language.
Localized Path and Path serve the same purpose; the latter is only used as a fallback, doesn’t support multilingual features, and it will be deprecated in the future.
Content Widgets
Widgets give you the ability to add content and functionality for your static pages without having to code a single line.
Accordion Widget MULTILINGUAL
Information blocks that stack together and are expanded and collapsed. This widget is ideal for Q&A-like content such as FAQ pages.
Accordion Widgets are made out of individual entries that contain collapsed and expanded content. Content fields are multilingual.
Anchor Links MULTILINGUAL
Creates a link to an existing anchor created via the Anchor Widget; note the anchor name must match in order for the link to work.
The link is displayed enclosed around separator lines.
Anchor Widget MULTILINGUAL
This widget creates an anchor in the page that can be linked to from elsewhere in the page. Please note this widget alone has no visual component; it supports other widgets to link to the position in the page where this widget is defined.
The textual name of the anchor can be anything. When used in conjunction with the Anchor Links Widget, please note the names must match.
Note when referencing anchors from elsewhere, whitespace typed in the name will be collapsed.
Example
Name: Veggie Options → Anchor: #VeggieOptions
Call To Action Widget MULTILINGUAL
Similar to the Preview Widget but with a vertical layout. The image is optional.
Double Image Widget MULTILINGUAL
A row of two consecutive images that will be displayed side-by-side — or stacked on top in a mobile viewport.
Header Widget MULTILINGUAL
A prominent header. Optionally with a picture and a tag line.
Info Cells Widget MULTILINGUAL
A vertically laid out block containing multiple information cells. Each information cell contains an image, title, and little description text.
Image Widget MULTILINGUAL
Include any image file, optionally with a caption.
Should the image be sourced from a 3rd party and its license requires attribution, the attribution link can be specified too.
Locale Block Text Widget MULTILINGUAL
Any piece of block-level text can go here. Text can be selectively formatted and can include hyperlinks.
Loyalty Banner Widget MULTILINGUAL
Creates a banner using a set of selected images for unauthenticated/authenticated scenarios, as well as mobile/desktop viewports.
The banner contents come from the configuration set at the Feature Loyalty UI document.
Loyalty Tab Selector Widget MULTILINGUAL
For authenticated users, it displays the How it Works and Rewards History Loyalty Tiers configuration values as separate, user-clickable tabs.
Nutrition Explorer Widget MULTILINGUAL
A full-fledged nutrition explorer with filtering capabilities.
The list of categories displayed at the top level as well as the filter groups can be freely customized.
Preview Widget MULTILINGUAL
A list of image tiles with a title, body text, and a link leading to further information.
Quote Widget MULTILINGUAL
Places text prominently in a quote-like format. The quote attribution can be set using an image, as well as a name and optional title.
Video Widget MULTILINGUAL
Allows displaying an uploaded video, with an optional caption.
Should the image be sourced from a 3rd party and its license requires attribution, the attribution link can be specified too.
YouTube Widget MULTILINGUAL
Embed any YouTube video by providing its video ID.
Manual Authoring
Alternatively, static pages' content can be populated manually.
Under the Body HTML field it is possible to insert HTML markup that will be rendered almost as-is in the context of a static page. Additionally, Custom CSS allows to set style definitions that can be applied to the custom HTML.
Using HTML and CSS is considered an advanced feature that can have unintended consequences on the rest of the site.
We strongly recommend relying on Widgets as much as possible because they integrate best with other multilingual features as well as the overall look & feel of the site.
It’s strongly discouraged to:
Use
html,body,head,script,iframewithonload="javascript:", or any other tags that might alter the behavior of the rest of the site.Using CSS properties that alter the layout of the main site, e.g. fixed/absolute positioned elements.
In the future, such content might be automatically blocked.
In the meantime, please handle this with care!
Special Variables
When manually authoring pages, it’s possible to inject some dynamic content via placeholders. The placeholders take the {{ placeholder-name }} form.
Current application language can be referenced as
{{{LANG}}}Variables from URL query strings can be referenced as
{{{parameterName}}}
e.g.https://market.tld/en/test-static-page?someKey=someValue→{{{someKey}}}
Additional Configuration
SEO
Static pages allow for custom metadata and configuration to be set for SEO purposes.
To learn more about all the SEO capabilities, please head to SEO (Search Engine Optimization).
User Acceptance
When the Requires User Acceptance toggle is enabled, the static page will be treated as a document that signed in users will need to review and accept before using the site. This is useful when willing to have users to agree legally-binding documents such as Terms of Service or Privacy Policy pages.
To learn more about this feature, please head to Feature Agreements.
Redirect URL
When Static Pages are referenced in the navigation menu, these can be configured to point to an external web address. This can be useful e.g. to point users to a document that is hosted in another server instead of displaying standalone content.