Skip to content

Paragraph Section Separator

The “Section Separator” paragraph allows CMS users to insert a separator line or separator dots between sections. Depending on the website’s layout and UX, various variants and spacing options are available. The separator provides clear visual structuring of content areas.

Features & Benefits

  • Insert a separator line or three separator dots (depending on layout/CSS)
  • Selection of different spacing variants and sizes
  • Flexible width: from content width to window width
  • Supports common CMS functions such as linking, tracking, tooltip, personalization, and time control

Backend Configuration

Steps

  1. Create ContentType.
  2. Insert the “Section Separator” paragraph.
  3. Configure the section separator with the desired settings.

Settings & Fields

FieldDescription
Separator TypeSeparator line or separator dots (depending on website UX/layout)
Spacing TypeContent width (from left to right within content) | Window width (across entire browser width)
Spacing VariantLarge outer spacing | Medium outer spacing | Small outer spacing | No spacing

Additional Configuration Options

FieldDescription
Spacing Typenone | page width | page width with mobile spacing | window width
AlignmentNone/Standard | Left | Center | Right
Vertical AlignmentNone | Top (flex-start) | Bottom (flex-end) | Stretched (stretch) | Top | Center | Bottom
LinkTarget (_self, _blank), bonus number, anchor, highlight, search filter
TrackingCampaign ID, type, category, detail, name
TooltipActivate/deactivate tooltip, position, promotion text or content snippet
PersonalizationDisplay for specific user groups (anonymous, logged-in customers, bonus program, credit affinity)
AccessibilityActivate skip link, freely nameable
Replace ContentContent can be dynamically replaced using Dynamic Yield ID
Time ControlControl visibility of the separator by time (from/until)

Notes & Tips