Erscheinungsbild
CTA-Leiste & Trust-Strip (Einkaufswelten)
Zwei eigenständige Bausteine für Erlebniswelten: die Boutique CTA-Leiste (Text + ein oder zwei Buttons) und das Boutique Trust-Strip-Element (eine Zeile mit Vertrauensmerkmalen als Text). Beide liegen als eigener Block + Element vor und werden wie jeder andere Block per Drag & Drop platziert.
Suchmaschinen und Screenreader für blinde und sehbehinderte Besucher orientieren sich an der Reihenfolge der Überschriften auf einer Seite, nicht an ihrer optischen Größe. Deshalb lässt sich bei manchen Elementen die Überschriften-Ebene gezielt einstellen.
Trust-Strip gibt es zweimal
Dieses Kapitel beschreibt das Trust-Strip-Element aus dem Page-Builder — frei platzierbar, beliebig oft einsetzbar. Der Footer hat zusätzlich einen eigenen, globalen Trust-Strip (Theme-Einstellungen → Tab „Footer" → Vier feste Punkte mit Icon/Titel/Untertitel, siehe Footer einrichten). Beide sind technisch unabhängig — Änderungen am einen wirken sich nicht auf den anderen aus.
Boutique CTA-Leiste
Zweispaltige Leiste: Text (Eyebrow/Headline/Beschreibung) links, ein primärer und optional ein sekundärer Button rechts. Auf Mobilgeräten stapeln sich beide Spalten.
Element einfügen
- In der Erlebniswelt eine Section anlegen und den Block „Boutique CTA-Leiste" hinzufügen (Kategorie „Boutique Theme").
- Im Block sitzt das Element „Boutique CTA-Leiste" — rechts öffnet sich seine Konfiguration mit den Reitern „Inhalt" und „Layout".
Einstellungen
| Bereich | Feld | Wirkung |
|---|---|---|
| Inhalt | Kleine Überschrift | Optionaler Eyebrow-Text über der Headline. |
| Inhalt | Überschrift | Haupttext der Leiste. |
| Inhalt | Überschriften-Ebene | Legt fest, als welche Überschrift der Text im Seitenaufbau zählt (h1 bis h3). Die Schriftgröße ändert sich dadurch nicht. Faustregel: pro Seite genau eine h1 — auf Produktseiten ist das der Produktname, auf allen anderen die wichtigste Überschrift der Seite. |
| Inhalt | Beschreibungstext (optional) | Fließtext unter der Überschrift. |
| Primärer CTA | Button-Text (primär) / Button-Ziel (primär) | Beschriftung und Link des ersten Buttons. Ziel akzeptiert auch tel:... und mailto:.... |
| Sekundärer CTA (optional) | Button-Text (sekundär) / Button-Ziel (sekundär) | Leeres Textfeld = zweiter Button wird komplett ausgeblendet. |
| Sekundärer CTA (optional) | Stil sekundärer Button | Ghost (Rahmen-Button) oder Underline-Link (reiner Text-Link mit Pfeil). |
| Layout | Farbschema | Dunkel = dunkler Hintergrund + helle Schrift, Hell = Flächen-Hintergrund + dunkle Schrift. |
| Layout | Verhältnis Text zu Buttons | Spaltenbreite auf Desktop: 7/5 (Text dominant), 6/6 (gleich), 8/4 (Text sehr breit). |
Sekundären Button ausblenden
Der sekundäre Button erscheint nur, wenn „Button-Text (sekundär)" befüllt ist — leer lassen genügt, um ihn ganz wegzulassen.
Was im Frontend passiert
- Primärer Button trägt immer einen kleinen Pfeil (
→); der sekundäre Button nur im Stil Underline-Link. - Fehlt die Überschrift/der Beschreibungstext, wird das jeweilige Element gar nicht erst gerendert (kein leerer Absatz).
- Farbschema und Spaltenverhältnis wirken nur auf Desktop-Breiten spürbar aus — mobil ist die Leiste immer einspaltig.
Boutique Trust-Strip (Element)
Eine schmale Zeile mit kurzen Vertrauensmerkmalen als reiner Text (kein Icon), durch ein wählbares Trennzeichen getrennt — z. B. „Sichere Zahlung · Schneller Versand · 14 Tage Rückgabe".
Element einfügen
- In der Erlebniswelt eine Section anlegen und den Block „Boutique Trust-Strip" hinzufügen (Kategorie „Boutique Theme").
- Im Block sitzt das Element „Boutique Trust-Strip" — rechts öffnet sich seine Konfiguration.
Einstellungen
| Feld | Wirkung |
|---|---|
| Trennzeichen | Punkt (·), Schrägstrich (/) oder Kein Trennzeichen. |
| Items (Text je Eintrag) | Mindestens 2, höchstens 8 Einträge. Jeder Eintrag hat ein einziges Textfeld. Reihenfolge über die Item-Tabs steuerbar. |
Startbelegung
Neu eingefügt kommt das Element mit vier Beispiel-Einträgen („Sichere Zahlung", „Schneller Versand", „Persönlicher Service", „14 Tage Rückgabe") — diese wie gewohnt überschreiben oder entfernen.
Was im Frontend passiert
- Alle befüllten Items erscheinen als einfache Liste mit dem gewählten Trennzeichen zwischen den Einträgen — ohne Icons.
- Leere Items werden nicht ausgegeben.
- Anders als der Footer-Trust-Strip gibt es hier keine Icon-Spalte und keinen globalen Ein/Aus-Schalter — das Element ist einfach vorhanden oder nicht, je nachdem, ob es in der Erlebniswelt platziert wurde.