Appearance
Zeilen und Bausteine
Den Inhalt einer Seite bauen Sie aus Zeilen und Bausteinen zusammen (Feld „Inhaltsbausteine“).
Zeilen
Eine Zeile ist ein Raster aus Spalten. In jede Spalte setzen Sie einen oder mehrere Bausteine. Zur Wahl stehen diese Raster:
| Raster | Beispiel |
|---|---|
| 1/1 | Volle Breite, üblich für die Bühne ganz oben |
| 1/2 + 1/2 | Zwei gleich breite Spalten |
| 1/3 + 1/3 + 1/3 | Drei Spalten |
| 1/4 × 4 | Vier Spalten |
| 1/3 + 2/3, 2/3 + 1/3 | Schmal und breit |
| 1/4 + 3/4, 3/4 + 1/4 | Sehr schmal und breit |
| 1/2 + 1/4 + 1/4, 1/4 + 1/2 + 1/4 | Gemischt |
| 1/1 + 1/2 + 1/2, 1/1 + 1/3 × 3, 1/2 + 1/2 + 1/1 | Mehrzeilige Raster |
Auf dem Handy stehen die Spalten untereinander.
Bausteine der Gruppe „Bühne und Einstieg“ (Bühne, Produktbereiche, Produktfinder, Teaser-Reihe, Aktionsband, Marken, Aufruf-Band) laufen auf der Website immer über die volle Breite. Setzen Sie sie in eine 1/1-Zeile.
Ein Baustein öffnet sich zum Bearbeiten in einer Seitenleiste mit eigenen Reitern. In der Liste zeigt eine Skizze, wie der Baustein ungefähr aussieht.
Bausteine für normale Seiten
Bühne und Einstieg
| Baustein | Wofür | Wichtige Felder |
|---|---|---|
| Bühne (Hero) | Großes Bild oder Video oben auf der Seite | Reiter Inhalt: Kategorie (Vorschläge aus der PIM-Taxonomie), Headline (Pflicht, die einzige H1 der Seite), Text, bis zu 3 Schaltflächen. Motiv: Bild, Video. Gestaltung: Variante (classic, split, full-bleed, minimal), Ausrichtung, Bildausschnitt, Farben, „Headline als Kontur“. Folien: Sobald Sie eine weitere Folie anlegen, wird die Bühne zum Slider |
| Produktbereiche (Kacheln) | Kacheln mit den Produktwelten | Überschrift; Karten mit Anwendungsgebiet, Ziel, Motiv, Links auf der Rückseite; Spaltenzahl |
| Produktfinder | Einstieg in die Produktsuche | Überschrift, Unterzeile, Beschriftungen |
| Teaser-Reihe | Reihe von Karten mit Bild und Link | Überschrift, Karten (Vorzeile, Titel, Text, Bild, Ziel) |
| Aktionsband | Auffälliges Band mit Aktion | Überschrift, Text, Knopf |
| Marken der Trägerfahrzeuge | Logoreihe | Überschrift, Marken (Name, Ziel, Logo) |
| Aufruf-Band | Handlungsaufforderung | Überschrift, Text, Knopf, „In neuem Fenster öffnen“ |
Inhalt
| Baustein | Wofür |
|---|---|
| Text | Fließtext mit Überschrift, Unterzeile, optionalem Bild, Breite, Ausrichtung, Hintergrund, Abständen und Sprunganker |
| Bild oder Video mit Text | Medium neben Text |
| Spalten | Mehrere Textspalten in einem Baustein |
| Teaser-Liste | Liste von Verweisen |
| Infokachel | Kurze Info mit Farbe |
| Hinweisbox | Hervorgehobener Hinweis |
| Akkordeon | Aufklappbare Abschnitte, z. B. FAQ |
| Zitat | Zitat mit Person, Rolle/Firma, Bild |
| Begriffsliste | Begriff und Erklärung |
| Zeitstrahl | Ereignisse auf einer Zeitachse |
| Bilder-Slider | Bilder zum Durchblättern |
| Bildergalerie | Bilder im Raster |
| Medien-Viewer (3D / 360°) | 3D- oder Rundum-Ansicht |
| Karte mit Markern | Karte mit Standorten |
| Trennlinie / Abstand | Optische Trennung |
| Wiederverwendbarer Abschnitt | Bindet einen Abschnitt einer anderen Seite ein („Snippet-Seite“). Ändern Sie dort, ändert es sich überall |
| HTML-Code | Eigener HTML-Code. Nur, wenn es anders nicht geht |
Listen und Formulare
| Baustein | Wofür |
|---|---|
| News-Beiträge, Magazin-Beiträge, Pressemitteilungen, Termine | Listen von Beiträgen |
| Ansprechpartner | Kontaktpersonen |
| One-Stop-Shopping | Leistungsübersicht |
| Formular | Formular (Formular-Slug, Felder) |
| Newsletter-Anmeldung | Anmeldung mit Liste und Double-Opt-In |
| Spezialformulare | Besondere Formulare |
| Suche | Suchfeld mit Suchbereichen |
Gliederung
| Baustein | Wofür |
|---|---|
| Subgrid | Verschachtelte Zeilen und Spalten innerhalb eines Bausteins |
Bausteine für Produktseiten
Auf den Seitentypen Produkte, Produktkategorie und Produktseite gibt es statt „Bühne und Einstieg“ die Gruppe Produkt:
„Produkt: Bühne“ (PIM-Slug, Überschrift überschreibt den PIM-Namen, Hero-Bild), „Produkt: Beschreibung“, „Produkt: Vorteile“, „Produkt: Anwendungsbild“, „Produkt: Bild oder Video mit Text“, „Produkt: Text“ (kann den Text aus dem PIM ziehen), „Produkt: Downloads“, „Produkt: 3D / 360°-Ansicht“, „Produkt: Slider“, „Produkt: Grundausstattung“.
Bausteine für das Händlerportal
Auf Portalseiten gibt es die Gruppe Händlerportal: „Händlersuche“ und „Händlerportal: …“ (Übersicht, Produktfinder, Konfigurator, Merkliste, Angebot, Grundausstattung, Erstanmeldung, Konto, Firmendaten, Profil, Formulare). Typische Felder: Überschrift, Intro, benötigte Rolle, „Backend-Endpoint“, „Optionen (JSON)“. Diese Bausteine stellt das Händlerportal dar, nicht die Website.
Wie die Website die Bausteine zeigt
Noch nicht alle Bausteine haben ein eigenes Design
Die Website hat eigene Darstellungen für: Bühne, Produktbereiche, Produktfinder, Teaser-Reihe, Aktionsband, Marken, Aufruf-Band, Infokachel, Wiederverwendbarer Abschnitt, Zitat, HTML-Code, Akkordeon und Subgrid.
Alle anderen Bausteine (zum Beispiel Text, Bild oder Video mit Text, die Produkt-Bausteine und die Listen) zeigt sie derzeit mit einer einfachen Ersatzdarstellung: Überschrift, Text, Bild und gegebenenfalls Karten, ohne das endgültige Design. Prüfen Sie solche Seiten in der Vorschau.
Ausgeblendete Bausteine erscheinen auf der Website nicht.