weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Hinweise und Vorteile einrichten

Hinweise und Vorteile einrichten

Mit diesem Block zeigst du deinen Besuchern in zwei Varianten, was dein Angebot besonders macht: als kurze Stichpunkte mit Symbol und Bild oder als Vorteilsliste mit Foto und Abzeichen. So präsentierst du Unterscheidungsmerkmale übersichtlich und ansprechend.

Voraussetzungen

Du brauchst Zugriff auf die Webseite und kennst bereits, wie du Blöcke auf einer Seite einrichtest.

So gehst du vor

Variante 1: Hinweise mit Stichpunkten

  1. Öffne den Block für die Hinweise. Trage im Feld Überschrift deine Hauptüberschrift ein.

  2. Darunter füllst du den Einleitungssatz aus – das ist der erklärende Text, der deine Hinweise einleitet.

  3. Gehe zu Aufzählungspunkte und baue deine Liste auf:

    • Klicke auf Eintrag hinzufügen, um einen neuen Punkt zu erstellen.
    • Ein neuer Eintrag erscheint. Klicke das Symbol links an, um aus vielen Symbolen das passende für diesen Punkt zu wählen.
    • Trage neben dem Symbol deinen Text ein – zum Beispiel einen Vorteil oder ein Merkmal.
    • Wiederhole das für jeden Punkt, den du hinzufügen möchtest.
    • Nutze die Pfeile neben dem Symbol, um Punkte nach oben oder unten zu verschieben – die Reihenfolge ist wichtig für deine Besucher.
    • Willst du einen Punkt löschen, klicke das Papierkorbsymbol an.
  4. Jetzt kümmern wir uns ums Aussehen. Gehe zu Bild und Eck-Symbol:

    • Wähle ein Bild aus. Dieses wird neben deine Punkte gesetzt.
    • Das Eck-Symbol sitzt oben rechts auf dem Bild – wähle ein Symbol, das zu deinem Thema passt.
  5. Unter Schaltfläche kannst du eine Schaltfläche hinzufügen, die Besucher zu einer anderen Seite führt:

    • Trage den Text ein, den der Besucher auf der Schaltfläche sieht.
    • Wähle den Knopfstil (Farbe und Form).
    • Unter Ziel bestimmst du, wohin die Schaltfläche führt – entweder zu einer Seite deiner Website oder zu einer externen Webadresse.
  6. Im Bereich Aufbau legst du das Layout fest:

    • Bild links oder Bild rechts: Entscheide, auf welcher Seite das Bild stehen soll.
    • Bezeichnung (für Verlinkung): Wenn andere Seiten direkt auf diesen Block verlinken sollen, trage hier eine Bezeichnung ein. Das ist optional.

Variante 2: Vorteile mit Bildergrid

  1. Öffne den Block für die Vorteile. Oben findest du den Bereich Text:

    • Kleine Überschrift: Ein kurzer, optionaler Text über der Hauptüberschrift.
    • Überschrift: Deine Hauptüberschrift.
    • Beschreibung: Ein erklärrender Text, der deine Vorteile einleitet.
  2. Gehe zu Vorteile und baue deine Liste:

    • Klicke Vorteil hinzufügen.
    • Für jeden neuen Vorteil wählst du ein Symbol, trägst einen Titel und eine Beschreibung ein.
    • Nutze die Pfeile, um die Reihenfolge zu ändern.
    • Mit Kopieren duplizierst du einen Vorteil, wenn mehrere ähnlich aussehen sollen.
    • Entfernen löscht einen Vorteil aus der Liste.
  3. Im Bereich Foto und Abzeichen:

    • Wähle ein Bild aus.
    • Unter Bildformat bestimmst du die Form: Hochformat (4:5), Querformat (16:10) oder Quadratisch (1:1).
    • Text im runden Abzeichen: Trage einen kurzen Text ein, der in einem runden Kreis auf dem Bild erscheint. Das ist optional.
    • Drehung in Grad: Wenn das Abzeichen schräg sitzen soll, stelle den Winkel ein (von −20 bis +20 Grad).
  4. Unter Aufbau legst du das Design fest:

    • Bild links oder Bild rechts: Wo soll das Foto stehen?
    • Spalten im Gitter: Wie viele Vorteile sollen nebeneinander angezeigt werden? Wähle 1, 2 oder 3. Auf Handys erscheinen sie immer untereinander.

Aufbau des Blocks

Der Block bietet zwei unabhängige Layouts, die du je nach Bedarf nutzt:

Variante 1 – Hinweise:

  • Überschrift: Deine Hauptüberschrift für diesen Abschnitt.
  • Einleitungssatz: Erklärtext vor den Stichpunkten.
  • Aufzählungspunkte: Eine Liste mit Symbol und kurzer Beschreibung pro Punkt.
  • Bild: Wird neben der Liste platziert.
  • Eck-Symbol: Ein visuelles Akzent-Element oben rechts auf dem Bild.
  • Schaltfläche: Optional – Weiterleitung zu einer internen Seite oder externen Adresse.
  • Bildposition: Bestimmt, ob das Bild links oder rechts der Punkte steht.

Variante 2 – Vorteile:

  • Kleine Überschrift: Optionales Element über der Hauptüberschrift.
  • Überschrift: Deine Hauptüberschrift.
  • Beschreibung: Einleitender Text vor den Vorteilen.
  • Vorteile: Liste mit Symbol, Titel und Beschreibung pro Vorteil.
  • Foto: Wird neben dem Gitter platziert.
  • Abzeichen: Optional – Runder Text-Overlay auf dem Foto mit einstellbarem Winkel.
  • Bildformat: Bestimmt das Seitenverhältnis des Fotos (Hoch-, Quer- oder Quadratformat).
  • Spalten: Definiert, wie viele Vorteile nebeneinander sichtbar sind.
  • Bildposition: Bestimmt, ob das Foto links oder rechts der Vorteile steht.

Was danach passiert

Sobald du fertig bist, werden deine Hinweise oder Vorteile auf deiner Website sichtbar. Besucher sehen die Inhalte mit Symbolen, Bildern und Abzeichen, falls vorhanden. Eine Schaltfläche (nur in Variante 1) leitet sie bei Klick weiter.

Du kannst jederzeit zurückkommen und Texte, Symbole, Bilder oder die Reihenfolge ändern – alles wird automatisch gespeichert.

Tipps und Hinweise

  • Halte deine Stichpunkte kurz und prägnant – lange Texte wirken überladen.
  • Wähle Symbole, die sofort verständlich sind. Ein Haken für Bestätigung, ein Stern für Qualität – deine Besucher sollten nicht überlegen müssen.
  • Das Bild ist dein visuelles Aushängeschild: Nutze ein hochwertiges Foto, das zu deinem Text passt.
  • Bei der Vorteilsliste (Variante 2) sind 2 oder 3 Spalten beliebt – vermeide zu viele nebeneinander.
  • Das Abzeichen ist optional. Nutze es nur, wenn es etwas Wichtiges ausdrückt – sonst wirkt es störend.

Suche