Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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.

Examples of static pages include, but are not limited to: new product showcases, marketing campaign landing pages, FAQ sections, job postings, terms of service, or privacy policies.

Basics

All Static Pages contain an identifiable title and path.

...

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.

Since the path is public and becomes the entry point to content for visitors, it’s important to keep these short and concise, use lowercase letters, separate words with hyphens, and avoid special characters.

Info

While the path itself doesn't have a direct impact on search engine rankings, it influences the visitor's decision making process for whether or not to click on your site.

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.

...

Accordion Widgets are made out of individual entries that contain collapsed and expanded content. Content fields are multilingual.

...

Anchor Links
Status
colourYellow
titleMULTILINGUAL

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
Status
colourYellow
titleMULTILINGUAL

...

Any piece of block-level text can go here. Text can be selectively formatted and can include hyperlinks.

...

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
Status
colourYellow
titleMULTILINGUAL

Similar to the Preview Widget but with a vertical layout. The image is optional.

...

Double Image Widget
Status
colourYellow
titleMULTILINGUAL

A row of two consecutive images that will be displayed side-by-side — or stacked on top in a mobile viewport.

...

Header Widget
Status
colourYellow
titleMULTILINGUAL

A prominent header. Optionally with a picture and a tag line.

...

Info Cells Widget
Status
colourYellow
titleMULTILINGUAL

A vertically laid out block containing multiple information cells. Each information cell contains an image, title, and little description text.

...

Image Widget
Status
colourYellow
titleMULTILINGUAL

...

Should the image be sourced from a 3rd party and its license requires attribution, the attribution link can be specified too.

...

Call To Action

Double Image

Preview

Quote

Info Cells

Multi

Nutrition Explorer

Nutrition Info

Anchor

Anchor Links

Download File

Video

YouTube

WebView

Loyalty Banner

Loyalty Tab Selector

...

Locale Block Text Widget
Status
colourYellow
titleMULTILINGUAL

Any piece of block-level text can go here. Text can be selectively formatted and can include hyperlinks.

...

Loyalty Banner Widget
Status
colourYellow
titleMULTILINGUAL

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
Status
colourYellow
titleMULTILINGUAL

For authenticated users, it displays the How it Works and Rewards History Loyalty Tiers configuration values as separate, user-clickable tabs.

...

Nutrition Explorer Widget
Status
colourYellow
titleMULTILINGUAL

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
Status
colourYellow
titleMULTILINGUAL

A list of image tiles with a title, body text, and a link leading to further information.

...

Quote Widget
Status
colourYellow
titleMULTILINGUAL

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
Status
colourYellow
titleMULTILINGUAL

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
Status
colourYellow
titleMULTILINGUAL

Embed any YouTube video by providing its video ID.

...

Manual Authoring

Alternatively, static pages' content can be populated manually.

...

Note

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, iframe with onload="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.

Please In the meantime, please handle this with care!

Special Variables

...

To learn more about all the SEO capabilities, please head to SEO (Search Engine Engines Optimization).

User Acceptance

When the Requires User Acceptance toggle is enableenabled, 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.

...