Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

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

Start / E-Commerce / Wie kann man Dienstleistungen auf einer Seite präsentieren

Wie kann man Dienstleistungen auf einer Seite präsentieren

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

Diese Schritte gelten sowohl für den SiteGround Website Builder als auch für SiteGround E-Commerce.

So präsentieren Sie Ihre Dienstleistungen in einem Abschnitt „Dienstleistungen“

Sie können sorgfältig gestaltete Abschnitt-Layouts verwenden, um Ihre Dienstleistungen bestmöglich zu präsentieren.

  1. Klicken Sie auf „Website bearbeiten“ im Site-Admin > Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor


  2. Öffnen Sie den Tab „Seiten“ in der linken Menüleiste.
  3. Wählen Sie die Seite aus, auf der Sie Ihre Dienstleistungen präsentieren möchten.
    Pages tab in Website Builder with a selected page
  4. Wählen Sie eine Position für den Abschnitt „Dienstleistungen“ und klicken Sie auf die Schaltfläche „Abschnitt hinzufügen“ innerhalb des visuellen Editors der Seite.
    A page in Website Builder displaying the Add Section button for adding a section
  5. Im Pop-up-Fenster öffnen Sie die Kategorie „Dienstleistungen“ und wählen ein passendes Design mit der Schaltfläche „Abschnitt hinzufügen“.
    A pop-up window for adding a section with highlighted Services category and Add Section button for choosing a section layout
  6. Nach dem Hinzufügen des Abschnitts können Sie ihn auf verschiedene Weise anpassen. Klicken Sie auf die Spalte „Showcase“ und tippen Sie dann auf das Symbol „Bearbeiten“ (Bleistift).
  7. Es erscheint rechts das Fenster „Showcase-Spalte bearbeiten“. Hier können Sie Hintergrundfarbe, Anzahl der Zeilen und Spalten, Bildgröße und weitere Einstellungen ändern.
    Selected Showcase Column inside a section displaying editing options
  8. Fahren Sie fort, indem Sie den Platzhaltertext durch Ihre eigenen Inhalte ersetzen.
  9. Um die Bilder zu ersetzen, klicken Sie auf das ausgewählte Bild. Im Pop-up-Fenster rechts klicken Sie auf die Schaltfläche „Aktualisieren“ in der Bildvorschau. Sie können dann: 1. ein neues Bild von Ihrem Gerät hochladen; 2. ein Bild aus Ihrer Mediathek auswählen; 3. ein kostenloses Bild aus der „Unsplash“-Galerie verwenden.
    Selected Showcase Column inside a section with highlighted text and image displaying editing options

So präsentieren Sie Dienstleistungen mit einer Spaltenkomponente

Neben vordefinierten Layouts können Sie Komponenten verwenden, um einen bestehenden Abschnitt neu zu gestalten oder ein einzigartiges Design für einen leeren Abschnitt zu erstellen. Für die Präsentation von Dienstleistungen ist die Spaltenkomponente die geeignetste Wahl.

  1. Klicken Sie auf einen bestehenden Abschnitt oder verwenden Sie die Schaltfläche „Abschnitt hinzufügen“, um ein Layout auszuwählen oder einen neuen leeren Abschnitt zu erstellen.
  2. Klicken Sie innerhalb des Abschnitts oben links auf die Schaltfläche „Hinzufügen“.
    Selected section in Website Builder with highlighted Add button for adding a component
  3. Im Pop-up-Fenster „Komponente hinzufügen“ wählen Sie eine Komponente, die am besten zu Ihren Anforderungen passt. Für die Präsentation von Dienstleistungen wird die Spaltenkomponente empfohlen.
    Add Component menu with a selected Columns componet that you can use to showcase services
  4. Ziehen Sie die Komponente an die beste Position innerhalb des Rasterbereichs des Abschnitts.
    Section grid area on a page in Website Builder where you can drag and drop a component
  5. Klicken Sie auf die Komponente, um die Symbolleiste zu öffnen, und wählen Sie das Symbol „Bearbeiten“ (Bleistift) aus.
  6. Es erscheint rechts das Fenster „Showcase-Spalten bearbeiten“. Hier können Sie: 1. Anzahl der Zeilen und Spalten ändern; 2. Spaltenabstand anpassen; 3. auswählen, welche Elemente angezeigt werden sollen.
    Selected component on a page in Website Builder displaying editing options
  7. Ersetzen Sie den Platzhaltertext durch Ihre eigenen Inhalte.
  8. Um eines der Standardbilder zu ersetzen, klicken Sie darauf. Im Pop-up-Fenster rechts klicken Sie auf „Aktualisieren“ in der Bildvorschau. Danach können Sie: 1. ein neues Bild von Ihrem Gerät hochladen; 2. ein Bild aus Ihrer Mediathek auswählen; 3. ein kostenloses Bild aus der „Unsplash“-Galerie verwenden.
    Selected component on a page in Website Builder with highlighted image and text displaying editing options

Diesen Artikel teilen