eCommerce Content Modeling Best Practices - Colorful Lifestyle

Internal name

Body

Style

💎 Inline message

Components

⚛️ Personalization container

Internal title

Question

Answer

#️⃣ FAQ Item

A container for augmenting product detail pages (PDPs) with editorial content

Product detail

Editorial section

SEO metadata

📄 Product page

Container for ever-green content like About us, Career pages, FAQ, Knowledge base & more

Name

Short description

Featured image

#️⃣  Topic

SEO title

Description

Image

Hide page from search engines (noindex)

Exclude links from search rankings (nofollow)

📈 SEO

Container for organizing links to CONTENTFUL pages within the mega menu

Section header

Target page

Links

🎛 Nav Section (Contentful) (L2)

Container for augmenting a product listing page (PLP) with editorial content

Collection

Top section

Bottom section

📄 Collection page

Container for organizing promotional cards within the mega menu

Target URL

CTA text

targetCollection

🎛 Nav Section (Promo) (L2)

Container for organizing the top & footer navigation

Top navigation

Footer navigation

Payment methods

Target country

🎛 Navigation

Configuration panel controlling website settings and microcopy

Site name

Base URL

Logo

Default SEO

Default CTA

Footer label (optional)

🎛 Site configuration

Container entry that enables editors to publish a page, define its slug, select & arrange its content

Title

Slug

Top section (optional)

Page content

Extra section (optional)

📄 Landing page

Container for organizing links to SHOPIFY pages within the mega menu

🎛 Nav Section (Shopify) (L2)

Container for organizing tabs and mega menus in the global navigation bar

Highlighted?

Menu sections

[DEPRECATED] Target Page

🎛 Nav Tab (L1)

Top banner

Bottom component

Landing pages

Collections

Products

Country

Start

🎛 Campaign

A container for managing store information

Store Address

Contact information

Opening hours

Location

Bottom section (optional)

📄 Store info

Full-width container for displaying side-by-side image and copy, includes multiple layout options

Container layout

Headline

Body text

CTA Text

[DEPRECATED] Image style

[DEPRECATED] Image alignment

Color palette

Intent Tags

💎 Duplex component

Full-width component for quotes, reviews and testimonials, includes multiple layout options

Quote

Quote alignment

Image position

💎 Quote component

Top of the page banner for displaying promotional messages across the website or on selected pages

💎 Top banner component

Full-width container for creating visually distinct Calls-to-Action (CTAs)

Byline

💎 CTA component

Constrained-width component for displaying ad-hoc paragraphs of text (disclaimers, intros, descriptions)

Subline

💎 Text block component

Full-width container for displaying images and snappy copy; can include an optional CTA

Focal point

Image style

Hero size

💎 Hero banner component

A container for highlighting selected collections, can be used on any page.

Anchor

Color Palette

💎 Collection mosaic

A container for highlighting selected products that can be embedded on any page.

Slider alignment

💎 Product slider

Simple wrapper enabling the use of external apps to serve images, videos, products, files, playlists & more

External asset

External app

External URL

🎀 External asset wrapper

Full-width container for displaying short bits of generic information with optional icons/visuals