Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

Entscheiden Sie sich für Website-Zuverlässigkeit und Kompetenz mit SiteGround!

Start / E-Commerce / Wie kann man einer Seite einen Abschnitt mit Highlights hinzufügen

Wie kann man einer Seite einen Abschnitt mit Highlights hinzufügen

Fassen Sie diesen Artikel zusammen mit:
Zuletzt aktualisiert: May 29, 2026 1 Minuten Lesezeit

Mit den „Highlights“-Abschnitten können Sie wichtige Funktionen, Dienstleistungen oder Vorteile auf einer Seite hervorheben.

Highlights als Abschnitt hinzufügen

So fügen Sie einen „Highlights“-Abschnitt hinzu und bearbeiten ihn:

  1. Gehen Sie zu Site Admin und klicken Sie auf „Website bearbeiten“.
    SiteGround Website Builder dashboard with the Edit Website button highlighted to open the site editor
  2. Öffnen Sie den Tab „Seiten“ und wählen Sie die Seite aus, auf der Sie den Abschnitt einfügen möchten.
    Pages panel with About Us page selected in Website Builder
  3. Scrollen Sie zur gewünschten Stelle und klicken Sie auf „Abschnitt hinzufügen“.
    Add Section modal with layout preview and Add Section button highlighted
  4. Wählen Sie in der Abschnittsbibliothek „Highlights“ aus, wählen Sie ein Layout aus und klicken Sie auf „Abschnitt hinzufügen“.
    Add Section panel showing Highlights section selected in Website Builder
  5. Der Abschnitt wird in die Seite eingefügt. Um ihn zu bearbeiten, bewegen Sie den Mauszeiger über den Abschnitt und klicken Sie auf das Symbol „Abschnitt bearbeiten“.
    General settings panel for editing section layout, grid, and spacing
  6. Passen Sie im Tab „Allgemein“ die Layout-Einstellungen wie das Raster und die Abstände an.
    Section general settings with grid layout, gap, and padding options
  7. Im Tab „Design“ können Sie Farben, Hintergrund und andere visuelle Einstellungen ändern.
    Design settings panel for a section showing palette and background options
  8. Sie können auch den Platzhaltertext und die Bilder direkt im Abschnitt ersetzen. Um die Elemente unter „Highlights“ weiter anzupassen, wählen Sie die Spaltenkomponente innerhalb des Abschnitts und klicken Sie auf das Symbol „Komponente bearbeiten“.
    Highlights section selected with Edit Section option visible
  9. Legen Sie im Tab „Allgemein“ die Anzahl der Spalten und Zeilen fest, passen Sie den Abstand an und wählen Sie aus, ob die Elemente „Bild“, „Titel“, „Beschreibung“ und „Schaltfläche“ angezeigt werden sollen.
    Showcase Columns settings panel showing column count, rows, gap, and display toggles
  10. Passen Sie im Tab „Design“ das Erscheinungsbild an, indem Sie einen Hintergrundcontainer aktivieren und die Bildskalierung anpassen.

Highlights als Komponente hinzufügen

Sie können „Highlights“ nicht nur als eigenständigen Abschnitt hinzufügen, sondern auch als Komponente einfügen.

  1. Klicken Sie auf die Schaltfläche „Komponente hinzufügen“ in der oberen linken Ecke des Abschnitts.
    Add button for inserting a new component in the Website Builder editor

    Hinweis: Sie können einen leeren Abschnitt hinzufügen oder eine Komponente zu einem bestehenden Abschnitt hinzufügen.

  2. Wählen Sie „Spalten“ aus der Komponentenliste.
    Add Component panel with Columns component highlighted in SiteGround Website Builder
  3. Platzieren Sie die Komponente an einer beliebigen Stelle im Seitenraster.
    Showcase Columns component being positioned within the page layout grid
  4. Um sie anzupassen, wählen Sie die Komponente aus und klicken Sie auf das Symbol „Komponente bearbeiten“.
    Toolbar with Edit option for modifying a component in Website Builder
  5. Legen Sie im Tab „Allgemein“ die Anzahl der Spalten und Zeilen fest, passen Sie den Abstand an und wählen Sie aus, ob die Elemente „Bild“, „Titel“, „Beschreibung“ und „Schaltfläche“ angezeigt werden sollen.
    Showcase Columns component settings with columns, rows, and visibility toggles
  6. Passen Sie im Tab „Design“ das Erscheinungsbild an, indem Sie einen Hintergrundcontainer aktivieren und die Bildskalierung anpassen.
    Design tab settings for Showcase Columns component with image scale control

Diesen Artikel teilen