Further information how to use WP you will find here

• SEO > Texts for google visibility (placed at the bottom of the page
• FAQ > questions and answers
• PDP > further product information

• Components with icons, image, Headline and text
• Color of icons and background (section) can be changed

At the top of each advice page:

• Visual (image size: 1200×527)
• Headline: max. 2 lines
• Introcopy: max. 5 lines
• section: 920px

• Used for:
  • if more than 2 teasers are maintained – module can then be set as a slider but can also be used as single slider to structure a page for example on overview pages in combination with cardteasers
  • besides guide intros also suitable for pages that link with image and link to special topics or subcategories, e.g. promotions, PLP, top subcategories

• Used for: Links to other categories

• aligne to center or left, add icon and ID (for Anchor Links)
• Notice: use only one H1 on page

• Used for: category pages, marking of articles per subcategories, can be edited as image or video

• Component to display a banner: Background color can be set by the editor, Text can be aligned (left, center, middle), Option to add a button + text is given

• Used for:
  • can be used on overview pages, as a link to subordinate overview pages (for example terra overview page)
  • suitable if the theme is integrated on the page
  • in 12-section also usable as a single component.

• Used for: can be used on every site, all images can be linked, as a brand slider the module is always at the bottom of the page, can link to brand stores or PLP
• For each item: image (e.g. logos) – image size 200x200px, link

• Used for: in magazine articles – link to other articles (Background: shifted, light sand, #F7F5F0), can also link to PLP or sales promotion pages, as teaser on overview pages
• You can use image and/or headline and/or copy and/or link and background colour
• design guidelines:
  • image (e.g. logos) – image size 1200×527 px,
  • Headline: no longer than two linesideally, the headlines should have the same number of lines each, so we don’t have any misalignment
  • Copy: the copy should tease the article and briefly explain what it is about and encourage further reading, ideally the copy is no longer than 4 lines

Example: image + headeline with “fixed width”

Example: image + copy + background

You can use the carousel component for several cases:

• Smart Reco
• Target Reco
• Content (Magazin, campaigns)
• iframes

More information for maintaining

• used for: to sum up article content, as link to further information

• Use of the component is intended for the footer not for content, For each item: icon, link with text

• Use of the component is intended for the footer not for content

• Define the pixels of the iframe: width, height
• Source: Define the source of the iframe

• design guidelines: preferly used with rounded corners, main image size 1200 x 527

• Used for: links to the shop/product  within a magzin article
• for each item: image, button as link with text
• design guidelines: rounded corners, main image size 1200 x 527

• Used for: links to the shop/product  within a magzin article
• for each item: image, link (does not show on picture)
• design guidelines: rounded corners, image size 1200 x 527

• Used for: Link to further subpages, can be aligned horizontally or vertically
• for each item: link as text

• Used for: to show processes/steps (numbers are automatically set)
• for each item: icon, text/content

• Used for: for example as eye catcher in continuous text
• for each item: text/content, author, section 766 px

• Used as: link to relevant topics
• for each row: title, icon, link
• style guidelines: BELOW the teasers for other posts, because of the white background this element is to be placed on the light sand colored background, to differentiate the content from the posts, ICONS are used for the subcategories instead of images, so that the user can quickly navigate

• Used as: teaser to share
• for each item: page title, intro copy
• style guidelines: Beginning of article: BEFORE table of contents or first headline, Article End: BEFORE product slider (Adobe Target Mbox), related posts and other post

• always at the beginning of the article after the share function
• PLEASE NOTE: the assigned IDs must be written in SMALL LETTERS in here and also in the component to be linked

• Component to have a table of content, Table color can be set by the editor, Seal image can be added, “Show on Social Media” Button can be added

In text component you can choose a lot of formats:

Headline

various listing options

1. numbers
2. numbers or

Bullet list

• Bullet
• Bullet

Dashes

• Dashes
• Dashes

Checkmarks

• Checkmarks
• Checkmarks

Circle Checkmarks

• Circle Checkmarks
• Circle Checkmarks

You can highlight certain parts of the text.

and use different kind of formats.

Please ensure, that you only use standard formats

• Used for: used to structure texts better and to give example pictures like in DIY-articles

Layout:

• width – text orientated
• different design options,
• can contain images and icons,
• different background colors to choose from

• Used as: most wanted, navigation, relevant topics

• Used as: can be used on subcategory pages as well as in the pet profiles, link to other content but also to products, Per category the most popular are defined
• style guidelines: BELOW the teasers for other posts, because of the white background this element is to be placed on the light sand colored background, to differentiate the content from the posts, ICONS are used for the subcategories instead of images, so that the user can quickly navigate

• for each row: Title, Description, Youtube Video ID

Voting: single or multiple Voting. enabled for this components: Cardteaser, image, image Teaser, pet profile, text, Videos, Expert Profile (coming soon)