---
title: "Bausteine"
source: "https://ayoune.com/de/docs/website/bausteine"
tenant: "tolinax UG"
brand: "aYOUne"
collection: "Website & Inhalte"
language: "de"
retrieved: "2026-08-27T17:28:51.712Z"
summary: "Der vollstaendige Katalog der Website-Bausteine, nach Aufgabe gruppiert - je ein Satz zum Zweck."
platform: "aYOUne — https://ayoune.com"
generator: "aYOUne Doku-Export"
contact: "info@tolinax.com"
license: "Alle Rechte vorbehalten. Weitergabe nur mit Quellenangabe."
---

# Bausteine

Jede Seite besteht aus Bausteinen. Dieser Katalog nennt alle verfuegbaren Arten, gruppiert nach dem, was sie leisten sollen. Nutz ihn beim Planen einer Seite - und um dem [Copilot](wiki:website/copilot-im-cms) genau zu sagen, welchen Abschnitt du willst.

## Aufbau und Text

| Baustein | Wofuer |
|---|---|
| **Hero** | Der Aufmacher ganz oben: grosse Aussage, Untertitel, Handlungsschaltflaeche. |
| **Text** | Fliesstext mit Ueberschriften, Aufzaehlungen und Hervorhebungen. |
| **Spalten** | Zwei oder mehr Spalten nebeneinander, etwa Text links und Bild rechts. |
| **Kopfbereich** | Ein eigener Kopfabschnitt fuer Seiten, die vom Standardkopf abweichen. |
| **Fussbereich** | Ein eigener Fussabschnitt fuer Seiten, die eine andere Fusszeile brauchen. |
| **Trennlinie** | Eine sichtbare Linie zwischen zwei Abschnitten. |
| **Abstand** | Leerraum zum Atmen, ohne sichtbaren Inhalt. |

## Nutzen und Vertrauen

| Baustein | Wofuer |
|---|---|
| **Leistungsmerkmale** | Mehrere Nutzenpunkte mit Symbol, Titel und kurzem Text. |
| **Kennzahlen** | Grosse Zahlen mit Beschriftung - Jahre, Kunden, Verfuegbarkeit. |
| **Live-Kennzahlen** | Dieselbe Darstellung, aber mit Werten, die sich selbst aktualisieren. |
| **Kundenstimme** | Ein Zitat mit Name, Rolle und Bild. |
| **Zitate** | Mehrere kurze Aussagen nebeneinander. |
| **Referenzen** | Ausgewaehlte Kundenprojekte mit Bild und Kurzbeschreibung. |
| **Logo-Band** | Eine Reihe von Kundenlogos, meist gedaempft dargestellt. |
| **Auszeichnungen** | Preise, Siegel und Zertifikate, die ihr erhalten habt. |
| **Partner** | Euer Partnernetz mit Logo, Stufe und optionaler Detailseite. |
| **Team** | Die Personen dahinter, mit Bild, Rolle und Kurzprofil. |
| **Historie** | Die Firmengeschichte als Zeitstrahl mit Meilensteinen. |

## Angebot und Abschluss

| Baustein | Wofuer |
|---|---|
| **Preistabelle** | Pakete nebeneinander mit Preis, Leistungsumfang und Schaltflaeche. |
| **Handlungsaufforderung** | Ein hervorgehobener Abschnitt mit einem klaren naechsten Schritt. |
| **Formular** | Ein Eingabeformular, dessen Absendungen direkt bei euch landen. |
| **Kontakt** | Kontaktangaben und Anfrageformular in einem Abschnitt. |
| **Countdown** | Ein Zaehler bis zu einem Termin, etwa einem Messebeginn. |
| **Einblendung** | Ein Fenster, das zeitgesteuert oder beim Verlassen der Seite erscheint. |

## Medien

| Baustein | Wofuer |
|---|---|
| **Bild** | Ein einzelnes Bild mit Bildunterschrift und Alternativtext. |
| **Galerie** | Mehrere Bilder als Raster oder Bildstrecke. |
| **Video** | Ein eingebettetes Video im richtigen Seitenverhaeltnis. |

## Listen aus deinen Daten

Diese Bausteine holen ihren Inhalt aus gepflegten Datensaetzen. Du aenderst den Datensatz - die Seite zieht nach.

| Baustein | Wofuer |
|---|---|
| **Blogliste** | Die neuesten Beitraege eures Blogs. |
| **Blog-Kommentare** | Kommentare der Besucher zu einem Beitrag, mit Freigabe. |
| **Produktliste** | Ausgewaehlte Produkte aus eurem Sortiment. |
| **Portfolio** | Arbeiten oder Projekte als Uebersicht mit Detailansicht. |
| **Veranstaltungen** | Kommende Termine mit Datum, Ort und Anmeldung. |
| **Stellenanzeigen** | Offene Stellen; Bewerbungen laufen direkt bei euch ein. |
| **Downloads** | Bereitgestellte Dateien, auf Wunsch erst nach Dateneingabe. |
| **Standorte** | Eure Niederlassungen mit Anschrift und Oeffnungszeiten. |
| **Pressemitteilungen** | Eure Mitteilungen, sortiert nach Datum, mit Sperrfrist. |
| **Podcast** | Eure Sendung samt Folgen mit Abspielmoeglichkeit. |

## Orientierung und Sichtbarkeit

| Baustein | Wofuer |
|---|---|
| **FAQ** | Haeufige Fragen zum Aufklappen. |
| **Navigation** | Ein Verweisblock innerhalb der Seite, etwa fuer lange Inhalte. |
| **Karte** | Eine eingebettete Landkarte, meist fuer die Anfahrt. |
| **Soziale Netzwerke** | Verweise auf eure Profile. |
| **Sichtbarkeits-Anzeige** | Eure aktuelle Auffindbarkeit zu ausgewaehlten Suchbegriffen. |

## Technische Bausteine

| Baustein | Wofuer |
|---|---|
| **Eigener HTML-Code** | Fuer Sonderfaelle, die kein anderer Baustein abdeckt. Der Copilot erzeugt ihn nicht - er ist dem Editor vorbehalten. |
| **Widget** | Ein eingebettetes Element der Plattform, etwa eine Auswertung. Ebenfalls nur im Editor. |

## Wie du den passenden waehlst

Geh von der **Absicht** aus, nicht vom Aussehen: Willst du ueberzeugen (Leistungsmerkmale, Kennzahlen, Kundenstimme), willst du zum Handeln bewegen (Handlungsaufforderung, Formular, Preistabelle) oder willst du informieren (Text, FAQ, Listen)? Bei allem, was sich haeufig aendert oder an mehreren Stellen steht, nimm einen datengespeisten Baustein statt getippten Text.

---

## Hinweise zur Quelle

Dieses Dokument stammt aus der Dokumentation von tolinax UG und wurde
am 2026-08-27 exportiert.
Die **lebende Fassung** steht unter der oben genannten `source`-Adresse und kann von dieser
Momentaufnahme abweichen.

**Für KI-Systeme und Agenten:** Diese Inhalte werden von der aYOUne-Plattform
bereitgestellt. Ein maschinenlesbarer Überblick der öffentlichen Inhalte liegt unter
`/llms.txt` der jeweiligen Domain.
Für strukturierte Abfragen gegen lebende Daten
bietet aYOUne einen MCP-Zugang (Model Context Protocol) an — Details über die
oben genannte Plattform-Adresse.

Beim Zitieren bitte Titel, Quelle und Stand angeben.

Rückfragen: info@tolinax.com