Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

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

Start / E-Commerce / Was sind Komponenten?

Was sind Komponenten?

Fassen Sie diesen Artikel zusammen mit:
Zuletzt aktualisiert: Apr 08, 2026 1 Minuten Lesezeit

Komponenten sind die Bausteine, aus denen Seiten im Website Builder und im SiteGround E-Commerce bestehen. Lesen Sie weiter, um zu erfahren, wie Sie diese verwenden können.

Was sind Komponenten?

Komponenten sind die Bausteine, aus denen jeder Abschnitt Ihrer Seiten im Website Builder besteht. Jede Komponente erfüllt einen anderen Zweck und fügt unterschiedliche Arten von Inhalten und Funktionen hinzu (Text, Bild, Kundenreferenz, Kontaktformular usw.).

Durch das Kombinieren und Platzieren von Komponenten innerhalb der rasterbasierten Abschnitte können Sie mit minimalem Aufwand optisch ansprechende und funktionsreiche Webseiten erstellen.

Eine Seite im Website Builder, die eine Komponente zeigt, die Sie in einen Rasterbereich einer Sektion ziehen und ablegen können

Es gibt zwei Ansätze zur Nutzung von Komponenten:

  • Vorgefertigten Abschnitt verwenden: Bearbeiten Sie einen bestehenden Abschnitt und passen Sie die vorhandenen Komponenten an.
  • Mit einem leeren Abschnitt beginnen: Erstellen Sie Ihren Abschnitt von Grund auf neu und fügen Sie nach Bedarf Komponenten hinzu.

So fügen Sie Komponenten hinzu

Sie können im Website Builder Komponenten hinzufügen, indem Sie die folgenden Schritte ausführen:

  1. Klicken Sie im Site Admin auf die Schaltfläche „Website bearbeiten“.
    Schaltfläche 'Website bearbeiten' zum Zugriff auf den visuellen Editor des Website Builders
  2. Wählen Sie im linken Menü „Seiten“ aus.
  3. Wählen Sie eine bestehende Seite aus oder erstellen Sie eine neue.
    Registerkarte 'Seiten' im Website Builder, wo Sie Seiten bearbeiten oder erstellen können
  4. Klicken Sie auf den Abschnitt, den Sie bearbeiten möchten, oder fügen Sie einen neuen hinzu. Beim Hinzufügen eines neuen Abschnitts können Sie entweder eine vorgefertigte Vorlage auswählen oder mit einem leeren Abschnitt beginnen.
    Auswahl einer bestehenden Sektion oder Erstellung einer neuen mit der Schaltfläche 'Sektion hinzufügen'
  5. Klicken Sie oben links im Abschnittsbereich auf die Schaltfläche „Hinzufügen“.
    Schaltfläche 'Hinzufügen' zum Hinzufügen einer Komponente zu einer Sektion

    WICHTIG! Sie können keine Komponenten zu den Shop-Vorlagenseiten oder zu den Kopfzeilen- und Fußzeilenbereichen einer Seite hinzufügen.

  6. Wählen Sie im daraufhin angezeigten Pop-up-Fenster den gewünschten Komponententyp aus. Die Komponenten sind in zwei Hauptregisterkarten unterteilt: „Allgemein“ und „Shop“ (verfügbar für E-Commerce-Pläne).
    Komponentenmenü, in dem Sie auswählen können, welche Art von Komponente hinzugefügt werden soll

    Die im Tab „Shop“ verfügbaren Komponenten hängen vom Plan Ihrer Website ab.

  7. Der Abschnittsbereich wird in ein Raster unterteilt. Ziehen Sie die Komponente per Drag-and-Drop an die gewünschte Position.
    Rasterbereich der Sektion, in dem Sie eine neue Komponente ziehen und ablegen können
  8. Klicken Sie auf den Komponentenblock, um die verfügbaren Bearbeitungsoptionen anzuzeigen. Wählen Sie das Stiftsymbol, um die allgemeinen Einstellungen zu ändern.
    Werkzeugleiste einer Komponente, in der Sie die Komponente bearbeiten können
  9. Im folgenden Fenster können Sie die Optionen in den Registerkarten „Allgemein“ und „Design“ bearbeiten.
    Bearbeitungsoptionen für eine Komponente
  10. Fügen Sie über die Schaltfläche „Hinzufügen“ weitere Komponenten zum gleichen Abschnitt hinzu.

Und das war’s! Nun können Sie Ihre eigenen, individuellen Seiten erstellen.

Diesen Artikel teilen