Home-Abschnitte für Brooklyn

Brooklyn enthält eine einzigartige Auswahl an Abschnitten für die Startseite. Sie können diese Abschnitte hinzufügen, neu anordnen und entfernen, um das Layout Ihrer Startseite anzupassen.

Slideshow

Sie können eine Slideshow auf der Startseite erstellen, die entweder in voller Breite dargestellt oder an die Höhe des ersten Bildes in der Reihe angepasst wird:

Die Startseite eines Onlineshops namens John's Apparel, auf der ein Slideshow-Bild im Vollbildmodus angezeigt wird. Die Header-Navigation wird auf dem Bild angezeigt.

Am besten verwenden Sie hochauflösende Bilder für Ihre Folien. Ihre Bilder sollten mindestens eine Größe von 3840 x 2160 Pixel haben. Aber achten Sie darauf, die Upload-Begrenzungen von Shopify nicht zu überschreiten.

Da Größe und Form der Slideshow von der Größe und Form des Kundengeräts abhängen, werden Ihre Slideshow-Bilder auf einigen Bildschirmen und Displays abgeschnitten. Verwenden Sie Bilder mit einem Fokuspunkt in der Mitte, damit der wichtige Bereich eines Bildes immer sichtbar ist.

Weitere Informationen zu den Best Practices für Slideshow-Bilder finden Sie unter Hochladen von Bildern.

Der Slideshow-Abschnitt umfasst die folgenden Einstellungen:

  • Automatisch zwischen Folien rotieren – Legen Sie fest, dass die Slideshow automatisch abgespielt wird.
  • Anzeige der nächsten Folie alle – Wählen Sie aus, wie oft Folien geändert werden.
  • Bild – Fügen Sie eine Bildfolie für Ihre Slideshow hinzu.
  • Overlay – Fügen Sie eine Farbebene zu Ihrer Bildfolie hinzu. Durch ein Overlay wird der Text der Slideshow besser lesbar.
  • Opazität – Legen Sie die Deckkraft Ihres Overlays fest.
  • Untertiteltext – Geben Sie einen Untertitel für Ihr Folie ein. Dieser Untertitel wird vor der Überschrift angezeigt.
  • Überschriftentext – Fügen Sie eine Überschrift zu Ihrer Folie hinzu.
  • Schaltflächentext – Fügen Sie eine Schaltfläche mit einer Beschriftung zu Ihrer Folie hinzu.
  • Folienlink – Verlinken Sie Ihre Folie mit einem anderen Teil Ihres Onlineshops.
  • An erstes Bild anpassen – Stellen Sie ein, dass die Höhe der Slideshow an die Höhe des ersten Bildes angepasst wird.
  • Bildposition – Wählen Sie den wichtigsten Bereich des Bildes aus, auf den in der Slideshow der Schwerpunkt gesetzt werden soll.
  • Textausrichtung – Richten Sie den Text in Relation zu den Folien aus.
  • Farbauswahl für die Slideshow-Schaltflächen und -Texte.

Slideshow anpassen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Slideshow.

  3. Verwenden Sie die Einstellungen, um Ihre Slideshow anzupassen.

  4. Klicken Sie auf Speichern.

Blog-Beiträge

Sie können bis zu drei Blog-Beiträge auf Ihrer Startseite präsentieren.

Der Abschnitt Blog-Beiträge umfasst die folgenden Einstellungen:

  • Überschrift – Fügen Sie eine Überschrift zu Ihrem Abschnitt Blog-Beiträge hinzu.
  • Blog – Legen Sie fest, von welchem Blog Beiträge vorgestellt werden.
  • Beiträge – Wählen Sie die Anzahl der vorgestellten Blog-Beiträge aus.
  • Datum anzeigen – Zeigen Sie das Datum an, an dem Ihre Blog-Beiträge veröffentlicht wurden.
  • Verfasser anzeigen – Zeigen Sie den Verfasser Ihrer Blog-Beiträge an.
  • Titelbild anzeigen – Zeigen Sie das Titelbild Ihrer Blog-Beiträge an.
  • Auszug anzeigen – Zeigen Sie eine kurze Zusammenfassung Ihrer Blog-Beiträge an.
  • Schaltfläche "Alle anzeigen" anzeigen – Fügen Sie eine Schaltfläche hinzu, die zur Blog-Seite Ihres Onlineshops verlinkt.

Blog-Beiträge zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Abschnitt hinzufügen > Blog-Beiträge > Hinzufügen.

  3. Verwenden Sie die Einstellungen, um Ihren Blog-Abschnitt auf Ihrer Startseite anzupassen.

  4. Klicken Sie auf Speichern.

Kategorieliste

Sie können auf Ihrer Startseite bis zu neun Kategorien vorstellen.

Der Abschnitt Kategorieliste umfasst die folgenden Einstellungen:

  • Überschrift – Fügen Sie eine Überschrift zu Ihrer Kategorieliste hinzu.
  • Kategorie – Legen Sie die Kategorien fest, die Sie vorstellen möchten.

Eine Kategorieliste zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Kategorieliste.

  3. Verwenden Sie die Einstellungen, um Ihren Abschnitt Kategorieliste anzupassen.

  4. Klicken Sie auf Speichern.

Vorgestellte Kategorie

Sie können die Produkte aus einer Ihrer Kategorien auf Ihrer Startseite vorstellen.

Der Abschnitt "Vorgestellte Kategorie" umfasst die folgenden Einstellungen:

  • Überschrift – Geben Sie eine Überschrift für Ihre vorgestellte Kategorie ein.
  • Kategorie – Legen Sie fest, aus welcher Kategorie Produkte verwendet werden sollen.
  • Rasterstil – Legen Sie das Layout für Ihre vorgestellten Produkte fest.

Eine vorgestellte Kollektion zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Vorgestellte Kategorie.

  3. Verwenden Sie die Einstellungen, um Ihren Abschnitt "Vorgestellte Kategorie" anzupassen.

  4. Klicken Sie auf Speichern.

Bild mit Text

Sie können ein Bild und benutzerdefinierten Text auf Ihrer Startseite anzeigen.

Der Bild- und Textabschnitt in einem Onlineshop. Die linke Hälfte des Abschnitts zeigt ein Bild und die rechte Hälfte des Abschnitts zeigt Text und eine Schaltfläche.

Der Abschnitt "Bild mit Text" umfasst die folgenden Einstellungen:

  • Bild – Wählen Sie ein Bild aus, das zum Abschnitt hinzugefügt werden soll.
  • Bildausrichtung – Legen Sie fest, wie das Bild auf der Seite ausgerichtet werden soll.
  • Überschrift – Fügen Sie eine Überschrift zum Abschnitt hinzu.
  • Text – Fügen Sie Text zum Abschnitt hinzu.
  • Schaltflächenbeschriftung – Fügen Sie eine Schaltfläche mit einer Beschriftung zum Abschnitt hinzu.
  • Schaltflächenlink – Verlinken Sie Ihre Schaltfläche auf eine andere Seite oder Website.

Ihrer Homepage ein Bild mit Text hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Abschnitt hinzufügen > Bild mit Text > Hinzufügen.

  3. Verwenden Sie die Einstellungen, um Ihren Abschnitt "Bild mit Text" anzupassen.

  4. Klicken Sie auf Speichern.

Vorgestelltes Produkt

Sie können ein Produkt auf Ihrer Startseite vorstellen. Die Vorstellung eines Produkts ist eine großartige Möglichkeit, Werbung für ein neues Produkt oder ein Produkt im Angebot zu machen.

Der Abschnitt "Vorgestelltes Produkt" umfasst die folgenden Einstellungen:

  • Produkt – Wählen Sie ein Produkt aus, das auf der Startseite vorgestellt werden soll.
  • Variantenbezeichnungen anzeigen – Zeigen Sie Variantenbezeichnungen für das Produkt an, z. B. "Größe" und "Farbe".
    Ein Produkt-Listing für ein Hemd mit der Option, verschiedene Farbvarianten auszuwählen. Die Bezeichnung
  • Anbieter anzeigen – Zeigen Sie die Produktmarke oder den Anbieter des Produkts an.
  • Text – Fügen Sie Text zu Ihrem empfohlenen Produkt hinzu.
  • Schaltflächenbezeichnung – Fügen Sie eine Schaltfläche mit einer Beschriftung zu Ihrem vorgestellten Produkt hinzu.
  • Schaltflächenlink – Verlinken Sie Ihre Schaltfläche auf eine andere Seite oder Website.

Ein vorgestelltes Produkt zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Abschnitt hinzufügen > Vorgestelltes Produkt > Hinzufügen.

  3. Verwenden Sie die Einstellungen, um Ihren Abschnitt "Vorgestelltes Produkt" anzupassen.

  4. Klicken Sie auf Speichern.

Newsletter

Sie können eine Newsletter-Anmeldung zu Ihrer Startseite hinzufügen. Mit einer Newsletter-Anmeldung können Sie E-Mail-Adressen von Kunden für E-Mail-Marketingkampagnen sammeln. Auf dem Shopify-Blog erfahren Sie mehr über E-Mail-Marketing.

Newsletter-Bereich auf einer Website. Es ist ein Feld vorhanden, in dem Kunden eine E-Mail-Adresse eingeben können, und die Schaltfläche

Der Newsletter-Abschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Fügen Sie eine Überschrift zu Ihrer Newsletter-Anmeldung hinzu.
  • Untertitel – Geben Sie einen Untertitel für Ihre Newsletter-Anmeldung ein.

Newsletter-Anmeldung zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Abschnitt hinzufügen > Newsletter > Hinzufügen.

  3. Verwenden Sie die Einstellungen, um Ihren Abschnitt "Newsletter-Anmeldung" anzupassen.

  4. Klicken Sie auf Speichern.

Karte

Sie können eine Google-Karte zu Ihrer Startseite hinzufügen, um Kunden zu zeigen, wo sich Ihr Geschäft befindet.

Der Kartenabschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Fügen Sie eine Überschrift zu Ihrem Kartenabschnitt hinzu.
  • Adresse und Öffnungszeiten – Fügen Sie die Adresse und die Öffnungszeiten Ihres Shops zu Ihrem Kartenabschnitt hinzu.
  • Kartenadresse – Legen Sie fest, dass auf der Karte der Standort Ihres Shops angezeigt wird.
  • Bezeichnung für Kartenlink – Fügen Sie eine Schaltfläche hinzu, die auf Ihren Standort in Google Maps verlinkt.
  • Pin anzeigen – Fügen Sie einen Pin hinzu, der den genauen Standort Ihres Shops auf der Karte anzeigt.
  • API-Schlüssel für Google Maps – Fügen Sie den API-Schlüssel Ihrer Karte zum Kartenabschnitt hinzu.
  • Bild – Fügen Sie ein Bild hinzu, das angezeigt werden soll, wenn die Karte nicht geladen wird.
  • Bildposition – Legen Sie die Position des Bildes fest.

Eine Karte zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Abschnitt hinzufügen > Karte > Hinzufügen.

  3. Verwenden Sie die Einstellungen, um Ihren Kartenabschnitt anzupassen.

  4. Klicken Sie auf Speichern.

Rich Text

Sie können benutzerdefinierten Text zu Ihrer Startseite hinzufügen.

Der Rich Text-Abschnitt umfasst die folgenden Einstellungen:

  • Breites Display – Verkleinern Sie die Ränder auf beiden Seiten Ihres Texts.
  • Überschrift – Fügen Sie eine Überschrift zu Ihrem Rich Text-Abschnitt hinzu.
  • Text – Geben Sie benutzerdefinierten Text ein und formatieren Sie ihn.
  • Größe – Legen Sie die Größe Ihres Textes fest.

Benutzerdefinierten Text zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Rich Text.

  3. Verwenden Sie die Einstellungen, um Ihren Rich Text-Abschnitt anzupassen.

  4. Klicken Sie auf Speichern.

Video

Sie können ein YouTube- oder Vimeo-Video zu Ihrer Startseite hinzufügen. Videos können Kunden gewinnen und Interesse an Ihrem Geschäft wecken.

Um ein Video hinzuzufügen, müssen Sie den Link zum Teilen des Videos finden:

  • YouTube – Ein YouTube-Link zum Teilen sieht so aus: https://youtu.be/Oc5v_ToKP7c. In diesem Hilfeartikel von YouTube erfahren Sie, wie Sie einen Link zum Teilen für ein YouTube-Video kopieren.
  • Vimeo – Ein Vimeo-Link zum Teilen sieht so aus: https://vimeo.com/123456789. In diesem Artikel des Vimeo-Hilfecenters erfahren Sie, wie Sie den Link zum Teilen eines Vimeo-Videos kopieren.

Der Videoabschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Fügen Sie eine Überschrift zu Ihrem Videoabschnitt hinzu.
  • Videolink – Fügen Sie den Link zum Teilen für Ihr Video hinzu.

Ein Video zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Abschnitt hinzufügen > Video > Hinzufügen.

  3. Verwenden Sie die Einstellungen, um Ihren Videoabschnitt anzupassen.

  4. Klicken Sie auf Speichern.

Benutzerdefiniertes HTML

Sie können benutzerdefinierte Inhalte für Ihre Startseite erstellen. Beispielsweise können Sie mit HTML Textblöcke formatieren, Tabellen erstellen oder Inhalte von einer anderen Website einbetten.

Der Abschnitt "Benutzerdefiniertes HTML" umfasst die folgenden Einstellungen:

  • HTML – Geben Sie den HTML-Code ein, den Sie auf Ihrer Startseite anzeigen möchten.
  • Containerbreite – Legen Sie die Breite Ihres Abschnitts "Benutzerdefiniertes HTML" fest.
  • Vertikale Ausrichtung – Legen Sie die vertikale Ausrichtung der Inhalte im Abschnitt fest.

Benutzerdefiniertes HTML zu Ihrer Startseite hinzufügen

  1. Klicken Sie neben Brooklyn auf Anpassen.

  2. Klicken Sie auf Abschnitt hinzufügen > Benutzerdefiniertes HTML > Hinzufügen.

  3. Verwenden Sie die Einstellungen, um Ihren Abschnitt "Benutzerdefiniertes HTML" anzupassen.

  4. Klicken Sie auf Speichern.

Sind Sie bereit, mit Shopify zu verkaufen?

Probieren Sie es kostenlos aus