> For the complete documentation index, see [llms.txt](https://docs.pixeleyes.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pixeleyes.de/anleitungen-instructions/english/documentation-of-our-shopware-6-plugins/cms-widgets-for-the-shopping-experiences/content-elements-icon-list-faq-contact-teaser.md).

# Content Elements: Icon List, FAQ, Contact Teaser

Category **"CMS Widgets - Content"** in the block catalogue. The largest group – from the alert box to the team member. Shared fields (border, text alignment, image loading …) are explained under [Shared settings](/anleitungen-instructions/english/documentation-of-our-shopware-6-plugins/cms-widgets-for-the-shopping-experiences/shared-settings-border-text-alignment.md).

## Alert box

A coloured box with a title and text.

* **Type** – Success, Info, Warning, Error (controls colour and icon).
* **Title**, **title colour**, **text**, **text colour**.
* Text alignment (see shared settings).

## Contact Teaser

A box with a title, description text and a 2-column contact icon grid (phone, WhatsApp, email, link to the contact form) plus an optional image.

* **Title**, **title colour**, **title type**.
* **Description** (rich text), **text colour**.
* **Phone number**, **WhatsApp number** (leave empty to hide the respective contact option), **email address**.
* **Link to contact page** – custom URL or the shop's default contact form.
* **Image** (rendered as a circle, e.g. a portrait photo).
* Border (on/off + colour), text alignment.

## Divider

A horizontal divider between two blocks.

* **Line style** – Solid, Dashed, Dotted, Double.
* **Width** as a % of the available width (default 100%).
* **Colour**.
* **Title** – optional text centred on the line.

## FAQ / Accordion

Question-and-answer pairs as a collapsible accordion. Automatically generates **FAQ schema.org markup** for search engines.

* **Title**, **title type**.
* **Opening behaviour** – only one answer open at a time, or several at once.
* **Title colour**, **text colour**, **question button background**, **answer background**.
* **Entries** (repeater) – question + answer per entry, any number.

## Icon List (Icon Features)

A simple grid of icon + title, without a description text – for short bullet lists (e.g. certificates, payment method icons).

* **Title**, **title type**, text alignment.
* Image loading behaviour, image animation.
* **Columns** per breakpoint, **icon size**.
* Border (on/off + colour) – wraps the title + the whole grid as a single box.
* **Entries** (repeater, up to 8) – icon (image upload) + title per entry.

## USP Icon Textbox (Icon USP)

Like the icon list, but each entry also has an explanatory text – typical for benefit/USP lists ("Free shipping", "30-day return policy" …).

* **Layout** – Grid or List.
* Image loading behaviour, image animation.
* **Columns** per breakpoint (grid layout only), **icon size**.
* Border (on/off + colour) – wraps only the outer box, not the individual entries.
* **Entries** (repeater) – icon, title, text per entry.

## Reviews

A card grid for customer testimonials with a star rating.

* **Title**, **title type**.
* **Columns** per breakpoint.
* Border (on/off + colour) – wraps only the outer box.
* **Entries** (repeater) – image, rating (0–5 stars), quote/title, subtitle (e.g. name, location), description per review.

## Social Sharing (Shariff)

Share buttons for social networks (privacy-friendly, no external tracking scripts on plain display).

* **Title**, **title type**.
* **Alignment** of the buttons.
* Choice of which **platforms** to display (Facebook, X/Twitter, WhatsApp, LinkedIn, Pinterest, Telegram, email, more).

## Social Bar

A plain icon bar linking to your own social media profiles (no share dialog, just fixed target URLs).

* **Alignment**.
* Per platform: enable icon + set target URL.

## Tab List

Tab navigation with content per tab.

* **Orientation** – Horizontal or Vertical.
* **Style** – Standard or Buttons.
* **Rounded corners** (on/off) + **corner radius**.
* **Content area padding**.
* Colours: title, active tab text, tab (inactive), tab (active), container background, content area background.
* **Entries** (repeater) – tab title + content per tab.

## Team Member

A portrait card for a single person (also available as the "Team – 2/3/4 columns" block for several people side by side).

* Image loading behaviour, image animation.
* **Image** (rendered as a circle).
* **Name**, **role/position**.
* **Text** (short bio), **phone number**, **email address**.
* **Social links** (repeater) – platform + URL per entry.
* Border (on/off + colour), text alignment.

## Text with Read More

A text block that gets clipped at a configurable height and can be expanded via a "Read more" link – useful for long description texts without unnecessarily stretching the page.

* **Title**, **title type**, text alignment.
* **Content** (rich text).
* **Collapsed height (px)** – the button only appears once the text exceeds this height.
* "Read more" / "Show less" texts are freely editable.
* Optional: button styling for the read-more link (style + size) instead of a plain text link.