Hero-Bausteine einrichten
Mit den Hero-Blöcken stellst du eindrucksvolle Eröffnungsabschnitte auf deiner Website zusammen: große Überschriften, Beschreibungstexte, Schaltflächen und je nach Variante Kennzahlen, Merkmale oder ein Bild. Es gibt zwei Layouts – eins zentriert mit Tablet-Attrappe, eins mit Text und Bild nebeneinander.
Voraussetzungen
Du hast bereits einen Hero-Block auf deiner Seite eingefügt (siehe Block auf einer Seite einrichten (Blockkatalog)).
So gehst du vor
Texte und Überschriften eintragen
Trage im Feld Kleine Überschrift einen optionalen Vortext ein – dieser erscheint über der Hauptüberschrift. (Bei der geteilten Variante kannst du hier auch ein Symbol auswählen.)
Trage im Feld Überschrift deine Hauptüberschrift ein. Du kannst Text kursiv setzen, indem du ihn mit Sternchen umschließt (
*kursiv*) – dieser erscheint dann in einer Sekundärschrift.Trage im Feld Beschreibung einen längeren Erklärtext ein – etwa ein bis zwei Sätze, die dein Angebot zusammenfassen.
Schaltflächen einrichten
Gib im Feld Text der ersten Schaltfläche den Text ein, den die Schaltfläche anzeigen soll.
Wähle aus dem Auswahlfeld Farbe der ersten Schaltfläche (zentrierte Variante) oder Text / Stil (geteilte Variante) deine Einstellung – die Farbe oder der Stil bestimmt, wie prominent die Schaltfläche wirkt.
Klicke auf Ziel der ersten Schaltfläche, um zu wählen, wohin der Klick führen soll: zu einer anderen Seite deiner Website, zu einer externen URL oder zu einem Ankerpunkt auf dieser Seite.
Gib optional im Feld Text der zweiten Schaltfläche einen weiteren Text ein und wähle sein Ziel genauso wie bei der ersten Schaltfläche.
Merkmale hinzufügen (zentrierte Variante)
- Um Vertrauenspunkte einzufügen (z. B. Zertifizierungen oder Besonderheiten deines Angebots), klicke auf Eintrag hinzufügen. Trage den Text ein und wiederhole das für weitere Einträge. Um einen Eintrag zu entfernen, klicke auf das Papierkorb-Symbol neben ihm.
Kennzahlen einrichten (zentrierte Variante)
- Klicke auf Kennzahl hinzufügen, um eine Kennzahl mit Symbol, Titel und Untertitel einzufügen. Du kannst mehrere Kennzahlen hinzufügen, diese mit den Pfeilen sortieren oder mit dem Papierkorb löschen. Für jede Kennzahl wählst du aus dem Icon-Picker ein Symbol aus, das sofort klar macht, worum es geht.
Bild in der Tablet-Attrappe einbinden (zentrierte Variante)
- Im Abschnitt Bild in der Tablet-Attrappe wählst du ein Bild, das auf einem Tablet angezeigt wird – etwa eine Ansicht deines Angebots oder eines wichtigen Inhalts.
Merkmale einrichten (geteilte Variante)
- Um Merkmale einzufügen, klicke auf Eintrag hinzufügen. Wähle für jeden Eintrag ein Symbol aus und trage eine Bezeichnung ein. Du kannst diese mit den Pfeilen sortieren oder mit dem Papierkorb löschen.
Schwebenden Hinweis einrichten (geteilte Variante)
- Im Abschnitt Schwebender Hinweis wählst du ein Icon, trägst Titel und Untertitel ein. Mit dem Schieberegler Drehung in Grad lässt du den Hinweis leicht rotieren, mit dem Schalter Schweben animieren setzt du eine sanfte Bewegungsanimation.
Bild oder Kalender einbinden (geteilte Variante)
- Brauchst du eine Kalenderansicht (Datumsanzeige), fügst du im Abschnitt Inhalt der Kalender-Attrappe Einträge ein. Möchtest du stattdessen ein normales Bild zeigen, lädst du es im Abschnitt Bild hoch und stellst optional das Seitenverhältnis ein.
Layout anpassen
- Im Abschnitt Aufbau nimmst du optionale Einstellungen vor:
- Zentrierte Variante: Mit dem Schalter Tablet-Attrappe zeigen entscheidest du, ob die Attrappe sichtbar ist.
- Geteilte Variante: Mit Bild links oder Bild rechts spiegelst du die Anordnung – das Bild oder der schwebende Hinweis erscheint dann auf der gewünschten Seite.
- In beiden Varianten: Im Feld Bezeichnung (für Verlinkung) kannst du einen Namen eingeben, wenn andere Verweise direkt auf diesen Block zeigen sollen.
Aufbau des Fensters
Das Fenster ist in Abschnitte unterteilt, die du oben auswählst:
Text: Kleine Überschrift, Hauptüberschrift und Beschreibung. In der geteilten Variante kannst du hier auch ein Symbol neben der kleinen Überschrift setzen.
Schaltflächen: Text, Farbe (zentriert) oder Stil (geteilt) und Ziel für bis zu zwei Schaltflächen.
Merkmale (nur zentriert): Liste von Vertrauenspunkten, die dein Angebot unterstreichen.
Schwebende Kennzahlen (zentriert): Statistiken oder Highlights mit Symbol, Titel und Untertitel – etwa Kundenzahl, Erfolgsquote. Du kannst sie mit Pfeilen sortieren oder löschen.
Schwebender Hinweis (geteilt): Ein einzelnes Symbol mit Titel und Untertitel, das seitlich schwebt und rotiert.
Merkmale (geteilt): Liste von Besonderheiten, jede mit Symbol und Bezeichnung. Du kannst sie mit Pfeilen sortieren oder löschen.
Bild in der Tablet-Attrappe (zentriert): Bildauswahl für die Tablet-Attrappe.
Inhalt der Kalender-Attrappe oder Bild (geteilt): Je nachdem, welches Seitenelement du zeigen möchtest.
Aufbau: Sichtbarkeit der Attrappe, Ausrichtung (geteilt) und Bezeichnung für Verlinkung.
Was danach passiert
Sobald du einen Wert änderst oder hinzufügst, speichert weboffice deine Änderungen automatisch. Die Vorschau auf der Website zeigt deine Texte, Bilder und Schaltflächen in Echtzeit. Wenn Besucher auf eine Schaltfläche klicken, gelangen sie zum eingestellten Ziel – sei es eine andere Seite, eine externe Website oder ein bestimmter Ankerpunkt.
Tipps und Hinweise
Markdown-Formatierung: In den Feldern für Überschrift und Beschreibung kannst du
*kursiv*und**fett**nutzen – experimentiere damit, um die Texte hervorzuheben.Zielauswahl bei Schaltflächen: Du kannst auf Seiten deiner Website verlinken, auf externe Webseiten oder auf einen Ankerpunkt (Bezeichnung) auf der gleichen Seite.
Icon-Auswahl: Bei Kennzahlen und Merkmalen öffnet sich ein Icon-Picker – wähle ein aussagekräftiges Symbol, das sofort klar macht, worum es geht.
Sortieren: Nutze die Pfeil-Schaltflächen, um Kennzahlen oder Merkmale umzuordnen – die oberste ist die wichtigste.
Anker für Verlinkung: Wenn ein anderer Block oder eine Navigation auf diesen Hero-Block verlinken soll, trage eine Bezeichnung ein (z. B. „Seitenanfang") und verwende diese Bezeichnung als Ankerziel.