Stage Modules Overview

You can find all the usable Stage Modules listed below with detailed features and specifications.

General Notes

All the module screenshots are just for explanatory purposes
The Tab Common Label should not be edited
In Countries with 2 languages it is possible to add 2 different images within the modules

This Document makes no claim to completeness or validity.

Last updated:

Filter Main Modules by Content

Home Stage 3 Products Grid Text Image

Features

3 Grid areas mandatory
Custom background colour
Product cutouts

Example

Settings

Area Headline

Teaser 1

Teaser 2

Teaser 3

Module Specifications

Field	Specification	Info	Required
Area Headline
Headline	Max. 130 characters	For SEO Purposes it is recommended to use a long tail keyword within the heading.	no
Teaser 1 (Big)
Image	1024px x 1792px	-	yes
Mobile image	2048px x 1170px	-	yes
Small image	1024px x 896px	-	no
Position small image left	-	-	no
Headline	Max. 60 characters	-	yes
Text	Max. 120 characters	-	no
White Text	-	Changes Text color to white	no
Button text	-	-	yes
Button color	Default Blue Green Red	-	yes
Linktype	No link External link Internal link	-	yes
Background color	238,249,255 211,239,255 170,225,255 153,137,122 247,239,236 135,119,115	Has to be an RGB value, for example: 255,255,255	no
Teaser 2
Image	1024px x 896px	-	yes
Mobile image	2048px x 1170px	-	yes
Small image	1024px x 896px	-	no
Position small image left	-	-	no
Headline	Max. 60 characters	-	yes
Text	Max. 120 characters	-	no
White Text	White	Changes Text color to white	no
Button text	-	-	yes
Button color	Default Blue Green Red	-	yes
Linktype	No link External link Internal link	-	yes
Background color	238,249,255 211,239,255 170,225,255 153,137,122 247,239,236 135,119,115	Has to be an RGB value, for example: 255,255,255	no
Teaser 3
Image	1024px x 896px	-	yes
Mobile image	2048px x 1170px	-	yes
Small image	1024px x 896px	-	no
Position small image left	-	-	no
Headline	Max. 60 characters	-	yes
Text	Max. 120 characters	-	no
White Text	Changes Text color to white	-	no
Button text	-	-	yes
Button color	Default Blue Green Red	-	yes
Linktype	No link External link Internal link	-	yes
Background color	238,249,255 211,239,255 170,225,255 153,137,122 247,239,236 135,119,115	Has to be an RGB value, for example: 255,255,255	no

Stage Text Image

Features

full width background image mandatory
Circle overlay with variable size
no CTA

Example

Settings

Stage

Module Specifications

Field	Specification	Info	Required
Headline	Max. 40 characters	For SEO Purposes it is recommended to use a long tail keyword within the heading.	yes
Text	max. 120 characters	-	no
Button text	max. 30 characters	-	yes
Background image	2560px x 1160px / Fileformat JPG	-	yes
Position of text	right/center/left	-	yes
Circle size	small/medium/large	-	yes

Stage Contact Form Text Image Form

Features

Contact Form in Stage Module
Mobile & Desktop Background image
Formfields can not be changed
Form can be replaced by CTA

Example

Settings

Stage

Request Settings

Module Specifications

Field	Specification	Info	Required
Contact Stage
Background image	1920px x 500px / Fileformat JPG	-	yes
mobile Image	1566px x 710px / Fileformat JPG	-	yes
Benefits	Max. 3 Benefit bullet points	-	no
White Text (Checkbox)	-	-	no
White bg (Checkbox)	-	if checked a white background box will be displayed behind the headline and the benefit texts. This is especially helpful if you have a restless background image.	no
Headline	Max. 130 characters	For SEO Purposes it is recommended to use a long tail keyword within the heading.	yes
Form Headline	Max. 130 characters	For SEO Purposes it is recommended to use a long tail keyword within the heading.	yes
Telephonenr.	Manually Contact Reference	-	yes
Company	Required field		no
Zipcode	Required field		no
Telephonenr.	Required field		no
Button text	max. 30 characters	-	yes
Confirmation page	-	A confirmation page has to be created or an existing confirmation page can be linked here	yes
Mail template	-	A confirmation mail template can be chosen here	no
Show on mobile	Show Hide	-	yes
Contact Form Page Link	Show Hide	If Show is selected the Field Internal Link has to be set to the Contact Form Page	no
Internal Link	-	-	no
Anchor	-	More on creating content anchors	no
Link text	-	-	yes
Is B2B Page	Yes No	-	no
Request Settings
Subject	Manually Category	-	no
Recipient	Manually Contact Reference	-	no
Dispenser Consent	Activate Checkbox		no

Stage Type Arrow Text Image Download

Features

full width background image mandatory
no CTA
cta can be hidden (no link)
changeable button color mandatory
changeable button icon
if as linktype "retailer" is selected links and logos of etailers can be integrated mandatory
if as linktype "retailer" is selected always check option "stay on page" mandatory
optional arrow link

Example

Settings

Module Specifications

Field	Specification	Info	Required
Show logo	checkbox	-	no
Remove spacer	checkbox	Will remove the white space below the stage module	no
Background image	1920px x 1080px / Fileformat JPG	-	yes
mobile Image	1200px x 1600px / Fileformat JPG	-	yes
Headline	Max. 130 characters	For SEO Purposes it is recommended to use a long tail keyword within the heading.	yes
Text	max. 120 characters	-	no
White Text (Checkbox)	-	-	no
White bg (Checkbox)	-	if checked a white background box will be displayed behind the headline and subline. This is especially helpful if you have a restless background image.	no
Position of text	right center left	-	yes
Button text	max. 30 characters	-	yes
Button color	blue green red	-	yes
Linktype	No Link (No CTA will be displayed) Internal Link External Link (has to start with https://www.) Anchor (More on creating content anchors) Retailer ("stay on page" has to be selected) Download (Download has to be created)	-	yes
Button Icon	No Icon Arrow Basket Info Magnifying Glass Pin	-	no
Arrow color	blue green red	-	yes
no mobile arrow	-	-	no
Hinttext	-	-	no

Stage Type Background Area Text Image Download Video

After selecting Stage Type Background Area
you can choose between 4 different foreground modules that will be displayed on top of the Stage Background.

The 4 foreground module variants

Stage Bubble

Text Block

Product Text

Text Circle

See the overview of the different Modules below.

Features

BRITA logo can be activated in Stage
full width background image mandatory
separate mobile image possible
full width background video possible
four different foreground modules selectable

Settings

Module Specifications

Field	Specification	Info	Required
Show logo	checkbox	-	no
Remove spacer	checkbox	Will remove the white space below the stage module	no
No mobile image	checkbox	-	no
Background image	2560px x 1160px Fileformat JPG	-	yes
Mobile image	1566px x 710px Fileformat JPG	-	no
Background video	MP4 16:9 format (e.g. 1280x720px) video height: minimum of 560px video width: minimum of 1000px	The video file should be as small as possible to avoid long load times.	no
Small stage height	checkbox	If selected, the uploaded image should be 1920px x 680px	no

Foreground Modules for Stage Type Background Area

The following 4 Foreground Modules can be selected within the Stage Type Background Area.

Quick Overview

To help you pick the stage that suits your needs you can find below an overview of features that are specific to the certain stages.

Stage Name	bullet list	background video	image (cutout)	bubble	cta	multiple stages (slider)
Header Visual	optional	optional	no	no	optional	no
Landing Page Stage Background Image	no	no	mandatory	no	mandatory	no
Stage Bubble	no	no	mandatory	mandatory	mandatory	no
Landing Page Stage Grid Slider	no	no	only for Bg Circle	only for Bg Bubble	optional	mandatory
Stage	no	no	no	no	no	no

Stage Bubble

Features

BRITA Bubble with text mandatory
red disrupter (eyecatcher) with text mandatory
For Bubble and disrupter a small font size can be selected (e.g. if text is very long)
cta can be hidden (no link)
changeable button color mandatory
changeable button icon
if as linktype "retailer" is selected links and logos of etailers can be integrated mandatory
if as linktype "retailer" is selected always check option "stay on page" mandatory

Example

Settings

Module Specifications

Field	Specification	Info	Required
Bubble text	max. 35 characters	-	yes
Eyecatcher Text	max. 30 characters	-	yes
Button text	max. 30 characters	-	yes
Linktype	No Link (No CTA will be displayed) Internal Link External Link (has to be https://www.) Anchor (More on creating content anchors) Retailer ("stay on page" has to be selected) Download (Download has to be created)	-	yes
Button color	-	blue green red	yes
Button Icon	-	Arrow Basket Info Magnifying Glass No Icon Pin	no
stay on page	-	This checkbox should be always selected. This prevents from leaving the landingpage when clicking on the storelocator.	yes

Text Block

Features

cta can be hidden (no link)
changeable button color mandatory
changeable button icon
if as linktype "retailer" is selected links and logos of etailers can be integrated mandatory
if as linktype "retailer" is selected always check option "stay on page" mandatory

Example

Settings

Module Specifications

Field	Specification	Info	Required
Show logo	checkbox	-	no
Remove spacer	checkbox	Will remove the white space below the stage module	no
Headline	max. 40 characters	-	yes
Text	max. 120 characters	-	yes
White Text (Checkbox)	-	-	no
White bg (Checkbox)	-	if checked a white background box will be displayed behind the headline and subline. This is especially helpful if you have a restless background image.	no
Benefits (Checklist)	max. 30 characters per list item	-	no
Position of text	left / right	-	no
Button Position	inner / outer	Button will be placed inside or outside of the textbox	no
Button text	max. 30 characters	-	yes
Linktype	No Link (No CTA will be displayed) Internal Link External Link (has to be https://www.) Anchor (More on creating content anchors) Retailer ("stay on page" has to be selected) Download (Download has to be created)	-	yes
Button color	-	blue green red	yes
Button Icon	-	Arrow Basket Info Magnifying Glass No Icon Pin	no
stay on page	-	This checkbox should be always selected. This prevents from leaving the landingpage when clicking on the storelocator.	yes

Product Text

Features

cta can be hidden (no link)
changeable button color mandatory
changeable button icon
if as linktype "retailer" is selected links and logos of etailers can be integrated mandatory
if as linktype "retailer" is selected always check option "stay on page" mandatory

Example

Settings

Module Specifications

Field	Specification	Info	Required
Show logo	checkbox	-	no
Remove spacer	checkbox	Will remove the white space below the stage module	no
Headline	max. 40 characters	-	yes
Text	max. 120 characters	-	yes
White Text (Checkbox)	-	-	no
Image	600px x 450px / Fileformat Transparent PNG	-	yes
Button text	max. 30 characters	-	yes
Linktype	No Link (No CTA will be displayed) Internal Link External Link (has to be https://www.) Anchor (More on creating content anchors) Retailer ("stay on page" has to be selected) Download (Download has to be created)	-	yes
Button color	-	blue green red	yes
Button Icon	-	Arrow Basket Info Magnifying Glass No Icon Pin	no
stay on page	-	This checkbox should be always selected. This prevents from leaving the landingpage when clicking on the storelocator.	yes

Text Circle

Features

image with transparent background (e.g. product image) mandatory
cta can be hidden (no link)
changeable button color mandatory
changeable button icon
if as linktype "retailer" is selected links and logos of etailers can be integrated mandatory
if as linktype "retailer" is selected always check option "stay on page" mandatory

Example

Settings

Module Specifications

Field	Specification	Info	Required
Show logo	checkbox	-	no
Remove spacer	checkbox	Will remove the white space below the stage module	no
Image	800px x 800px / Fileformat Transparent PNG	-	yes
Headline	max. 40 characters	-	yes
Text	max. 120 characters	-	yes
Position of Text	left centered right	-	no
Button text	max. 30 characters	-	yes
Linktype	No Link (No CTA will be displayed) Internal Link External Link (has to be https://www.) Anchor (More on creating content anchors) Retailer ("stay on page" has to be selected) Download (Download has to be created)	-	yes
Button color	-	blue green red	yes
Button Icon	-	Arrow Basket Info Magnifying Glass No Icon Pin	no
stay on page	-	This checkbox should be always selected. This prevents from leaving the landingpage when clicking on the storelocator.	yes

Stage Type Product Area Text Image Download

Features

image with transparent background (e.g. product image) mandatory
BRITA Bubble with text (an alternative bubble can be uploaded)
additionaly to the BRITA Bubble a red disrupter (eyecatcher) can be integrated
For Bubble and disrupter a small font size can be selected (e.g. if text is very long)
internal, external and retailer link mandatory
changeable button color mandatory
changeable button icon
if as linktype "retailer" is selected links and logos of etailers can be integrated mandatory
if as linktype "retailer" is selected always check option "stay on page" mandatory

Example

Settings

Stage Type Product Area

Stage

Module Specifications

Field	Specification	Info	Required
Stage Type Product Area
Show logo	checkbox	-	no
Remove spacer	checkbox	Will remove the white space below the stage module	no
Stage
Headline	Max. 40 characters	For SEO Purposes it is recommended to use a long tail keyword within the heading.	yes
Text	max. 130 characters	-	yes
Image	800px x 800px / Fileformat Transparent PNG	-	yes
Button text	max. 30 characters	-	yes
Linktype	-	No Link (No CTA will be displayed) Internal Link External Link (has to be https://www.) Retailer ("stay on page" has to be selected)	yes
Button color	-	blue green reed	yes
Discovery Bubble	max. 35 characters	-	yes
Alternative Bubble	Fileformat Transparent PNG	You can upload a alternative Bubble in form of a transparent png	no
Disrupter	max. 30 characters	-	yes
Button Icon	-	None Arrow Basket Info Magnifying Glass No Icon Pin	no

Storytelling stage Text Image Video

Features

full width background image or video mandatory
eyecatcher image with transparent background (e.g. product image) mandatory
round text area with adjustable background color

Example

Settings

Module Specifications

Field	Specification	Info	Required
Headline	Max. 60 characters	For SEO Purposes it is recommended to use a long tail keyword within the heading.	yes
BG Color	-	Standard Color (Blue) / White	yes
Background Image	2560px x 1160px	-	yes
Background video	MP4 16:9 format (e.g. 1280x720px) video height: minimum of 560px video width: minimum of 1000px	The video file should be as small as possible to avoid long load times.	no
Position of text	left / right	-	yes
Eyecatcher image	-	-	no
Eyecatcher background	-	Has to be an RGB value, for example: 255,255,255	no

Module Overview

CMS Resources

Home

Stage Modules Overview

General Notes

Filter Main Modules by Content

Features

Example

Settings

Area Headline

Teaser 1

Teaser 2

Teaser 3

Module Specifications

Features

Example

Settings

Stage

Module Specifications

Features

Example

Settings

Stage

Request Settings

Module Specifications

Features

Example

Settings

Module Specifications

The 4 foreground module variants

Stage Bubble

Text Block

Product Text

Text Circle

Features

Settings

Module Specifications

Foreground Modules for Stage Type Background Area

Quick Overview

Features

Example

Settings

Module Specifications

Features

Example

Settings

Module Specifications

Features

Example

Settings

Module Specifications

Features

Example

Settings

Module Specifications

Features

Example

Settings

Stage Type Product Area

Stage

Module Specifications

Features

Example

Settings

Module Specifications

Scroll To Top