So funktioniert Ihre Website

Im Fließtext stehen Ihnen die üblichen Auszeichnungen zur Verfügung: fett, kursiv, ^hochgestellt (zum Beispiel m²) und _tiefgestellt (zum Beispiel H₂O).

Auch Verlinkungen sind möglich – sowohl interne Links auf andere Seiten dieser Website (öffnen im selben Fenster) als auch externe Links auf fremde Websites (öffnen automatisch in einem neuen Tab und sind mit einem kleinen Pfeil-Symbol gekennzeichnet).

Aufzählungen gibt es als unsortierte Liste:

• Elektroinstallation in Neubau und Sanierung
• Photovoltaik und Speicherlösungen
• Smart-Home und Gebäudetechnik
• Reparatur- und Notdienst

… oder als nummerierte Reihenfolge:

1. Beratung vor Ort
2. Angebot und Planung
3. Ausführung durch unser Team
4. Übergabe und Nachbetreuung

Im Bereich „Seiten" pflegen Sie die einzelnen Unterseiten Ihrer Website. Jede Seite hat eine Bezeichnung, einen Titel und eine URL:

• Die Bezeichnung sehen ausschließlich Sie im Redaktionssystem. Sie hilft, eine Seite schnell wiederzufinden – und darf bewusst kürzer oder anders formuliert sein als der Titel. Beispiel: Bezeichnung „Geschichte", Titel „Unsere Geschichte".
• Der Titel ist die offizielle Bezeichnung der Seite für die Außenwelt. Er erscheint im Browser-Tab und in Suchmaschinen-Treffern. Auf der Seite selbst wird er nicht ausgegeben – die große Überschrift kommt immer aus dem ersten Baustein (Hero oder erste Headline).
• Die URL ist die Adresse der Seite im Browser. Sie sollte sich an der Struktur Ihrer Hauptnavigation orientieren – also zum Beispiel /leistungen/sonnenstrom/ für eine Seite, die in der Navigation unter „Leistungen → Sonnenstrom" hängt. So bleibt die Website auch für Suchmaschinen logisch aufgebaut.

Zusätzlich gibt es Felder für Beschreibung und Schlüsselwörter (für Suchmaschinen) sowie eine interne Notiz, die nur im Redaktionssystem sichtbar ist – ideal für Hinweise an Kolleginnen und Kollegen.

Ihre Website hat zwei getrennt pflegbare Navigationen: die Hauptnavigation im Kopfbereich und die Footer-Navigation – die beiden Link-Spalten im dunklen Seitenfuß. Beide finden Sie im Redaktionssystem im Bereich „Navigation".

Bei der Footer-Navigation wird jeder Eintrag der obersten Ebene zur Spaltenüberschrift, seine Untereinträge werden zu den Links darunter. Der Seitenfuß zeigt maximal zwei Spalten. Solange die Footer-Navigation leer ist, erscheinen dort automatisch die ersten beiden Punkte der Hauptnavigation.

Der allererste Textbaustein einer Seite wird automatisch zentriert dargestellt – wie eine kurze Einleitung. Genau das sehen Sie ganz oben auf dieser Seite beim Abschnitt „So funktioniert Ihre Website".

Alle weiteren Textbausteine sind linksbündig – egal ob sie allein oder in einer Gruppe stehen. So sticht nur der Einstieg ins Auge, und längere Lesetexte bleiben angenehm lesbar.

Sie müssen dafür nichts einstellen. Ausnahme: Sobald ein Textbaustein ein Bild enthält, ist er immer linksbündig – auch wenn er ganz oben steht.

Die Hero-Box ist das große Titelbild ganz oben auf einer Seite. Sie besteht aus einem Hintergrundbild und einer Überschrift und sorgt für den ersten Eindruck.

Hinweis zur Überschrift: Die Hero-Headline zählt nicht als Hauptüberschrift der Seite. Die erste normale Überschrift darunter wird automatisch zur Hauptüberschrift, alle weiteren werden zu Zwischenüberschriften.

Felder: Überschrift und Bild

Der Standard-Textbaustein für längere Inhalte. Unterstützt Fettung, Kursivierung, Verlinkungen, hoch- und tiefgestellte Zeichen sowie Aufzählungen.

Ausrichtung: Der erste Textbaustein einer Seite steht zentriert (Einleitung), alle weiteren linksbündig – siehe oben. In jeden Textbaustein lässt sich außerdem ein Bild einfügen (siehe Abschnitt „Bild im Textbaustein").

Wozu das Link-Feld? Beim Standard-Textbaustein hat das Link-Feld eine einzige Spezialaufgabe: Steht dort ein YouTube-Link, wird der Baustein als Video mit Vorschaubild und Abspielknopf ausgegeben. Ansonsten bleibt das Feld leer – normale Verlinkungen gehören direkt in den Text, auffällige Link-Buttons bieten Teaser-Karten, Akkordeon und Zahlen & Fakten.

Felder: Überschrift, Text und optionale Bilder

Wenn mehrere Textbausteine direkt aufeinander folgen, bilden sie eine Gruppe. In dieser Gruppe wird der Text linksbündig ausgerichtet – ideal für längere redaktionelle Inhalte mit mehreren Zwischenüberschriften.

So sieht der zweite Abschnitt einer Text-Gruppe aus. Die Abstände zwischen den Bausteinen werden automatisch gesetzt, sodass ein einheitlicher Lesefluss entsteht.

Jeder Textbaustein kann ein Bild aufnehmen – mit zwei unterschiedlichen Verhaltensweisen:

• Normales Bild: Es erscheint unter dem Text in großer Breite, immer im Original-Seitenverhältnis (kein Beschnitt). Sehr hohe Hochformate werden so begrenzt, dass sie nie höher als der Bildschirm werden. Ein Klick öffnet das Bild groß. Optional lässt sich eine Bildunterschrift eintragen, die unter dem Bild erscheint.
• Logo: Ist ein Bild als Logo markiert (oder handelt es sich um eine SVG-Grafik), wird es klein rechts in den Text eingebettet, der Text fließt darum herum. Ideal, um z. B. eine Partner- oder Herstellermarke neben dem passenden Absatz zu zeigen.

Felder: Überschrift, Text und Bild

Mit dem Stil „Logo" präsentieren Sie Marken-, Hersteller- oder Partner-Logos nebeneinander in einer Reihe – zum Beispiel unter der Überschrift „Autorisierter Partner führender Marken". Jeder Baustein enthält genau ein Logo; mehrere Logo-Bausteine direkt hintereinander (ab dem zweiten mit „gehört zur vorherigen Box") erscheinen gemeinsam als eine Reihe.

Optional bekommt jedes Logo einen Link – dann ist das ganze Logo anklickbar, externe Ziele öffnen in einem neuen Tab. Und über die Überschrift lässt sich eine kurze Beschriftung eintragen, die unter dem Logo steht.

Felder: Bild (das Logo), optional Überschrift (Beschriftung) und Link

Ein eigener Baustein für eine kleinere Zwischenüberschrift mit kurzem Fließtext darunter. Eignet sich, um längere Inhalte zusätzlich zu strukturieren – ohne dass eine neue Hauptsektion beginnt.

Felder: Überschrift und Text

Die Highlight-Box kombiniert Text und Bild in einem zweispaltigen Layout. Auf dem Smartphone wird das Bild über dem Text gestapelt. Ideal, um ein einzelnes Thema visuell hervorzuheben – etwa ein Angebot, eine Leistung oder ein Projekt.

Praktischer Tipp: Zeilen, die komplett in Fettung stehen, werden automatisch zu kleinen Zwischenüberschriften innerhalb des Textes. Einzelne fette Wörter bleiben normale Fettung.

Felder: Überschrift, Text, Bild und Link

Die Teaser-Karte ist die auffälligste Möglichkeit, auf andere Seiten zu verlinken. Sie besteht aus einem Bild mit rotem Textbalken am unteren Rand. Mehrere Teaser werden automatisch nebeneinander als Kacheln dargestellt.

Felder: Überschrift, Bild und Link

Aufklappbare Frage-Antwort-Blöcke. Ideal für häufig gestellte Fragen. Mehrere Einträge werden automatisch zu einer Gruppe zusammengefasst. Optional kann pro Eintrag ein „Mehr erfahren"-Link hinterlegt werden.

Felder pro Eintrag: Frage (Überschrift), Antwort (Text) und optionaler Link

Große Kennzahlen mit kurzem Beschriftungstext und optionalem Button. Mehrere Einträge werden automatisch nebeneinander angeordnet. Ideal für Unternehmensdaten, Statistiken oder Highlights.

Felder pro Eintrag: Zahl (Überschrift), Label (Text) und optionaler Link

Die Bildergalerie zeigt mehrere Fotos in einem randabfallenden Raster mit großen und kleinen Kacheln im Wechsel. Ein Klick öffnet das Bild groß in einer Lightbox.

Zu jedem Bild lässt sich optional eine Bildunterschrift eintragen. Sie erscheint dezent am unteren Bildrand und ebenso in der Großansicht – ideal für Namen, Jahreszahlen oder kurze Erläuterungen, zum Beispiel bei historischen Fotos auf der Geschichtsseite.

Ideal für Projektfotos, Referenzbilder oder Eindrücke aus dem Arbeitsalltag.

Felder: Überschrift, beliebig viele Bilder und je Bild eine optionale Unterschrift

Der Download-Baustein stellt Dateien (PDF, ZIP, Office-Dokumente) als Button zum Herunterladen bereit. Bei größeren Dateien wird die Dateigröße neben dem Button mit eingeblendet.

Felder: Überschrift, Button-Text und Datei

Neben den klassischen Seiten gibt es den Bereich Aktuelles für kurze Meldungen – etwa Aktionen, Neuigkeiten oder Termine. Die Meldungen pflegen Sie zentral im Redaktionssystem; auf der Website erscheinen sie automatisch als Übersicht mit Vorschau-Karten, jede Meldung zusätzlich als eigene Detailseite.

Jede Meldung hat eine Überschrift, einen Text, ein Bild und ein Datum. Liegt das Datum nur wenige Tage zurück, wird es als „vor 3 Tagen" angezeigt; ältere Meldungen erscheinen als „Meldung vom …" mit Datum. Optional sind eine Bildergalerie, Dateien zum Download, eine Kategorie und ein weiterführender Link möglich. Die Beschriftung des Links wählen Sie frei – ohne eigene Beschriftung heißt der Knopf schlicht „Mehr erfahren".

Auf jede beliebige Seite holen Sie sich die neuesten Meldungen mit dem Baustein Vordefiniert → Aktuelle Meldungen. Wählen Sie dabei optional eine Kategorie, erscheinen nur Meldungen dieser Kategorie – so zeigt etwa die Karriere-Seite ausschließlich Stellenangebote.

So sehen die aktuellsten Meldungen als Vorschau aus:

Das Kontaktformular wird als eigener Baustein eingebunden. Die Felder (Name, E-Mail, Telefon, Nachricht etc.) werden automatisch erzeugt. Eingaben werden gespeichert und zusätzlich per E-Mail an Sie weitergeleitet.

Über Zusatzfelder lässt sich jedes Formular erweitern – etwa um Auswahllisten, Ankreuzfelder oder ein Feld für Datei-Anhänge. So können Interessenten zum Beispiel Fotos vom Zählerschrank oder Bewerbungsunterlagen direkt mitschicken. Felder, die nicht ausgefüllt werden müssen, sind im Formular als „(optional)“ gekennzeichnet.