Home-Abschnitte für Brooklyn

Brooklyn enthält eine einzigartige Auswahl an Abschnitten für die Startseite. Du kannst diese Abschnitte hinzufügen, neu anordnen und entfernen, um das Layout deiner Startseite anzupassen.

Slideshow

Du kannst 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 verwendest du hochauflösende Bilder für deine Folien. Deine Bilder sollten mindestens eine Größe von 3840 x 2160 Pixel haben. Aber achte 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 deine Slideshow-Bilder auf einigen Bildschirmen und Displays abgeschnitten. Verwende 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 findest du unter Hochladen von Bildern.

Der Slideshow-Abschnitt umfasst die folgenden Einstellungen:

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

Slideshow anpassen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Slideshow.

  3. Verwende die Einstellungen, um deine Slideshow anzupassen.

  4. Klicke auf Speichern.

Blog-Beiträge

Du kannst bis zu drei Blog-Beiträge auf deiner Startseite präsentieren.

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

  • Überschrift – Füge eine Überschrift zu deinem Abschnitt Blog-Beiträge hinzu.
  • Blog – Lege fest, von welchem Blog Beiträge vorgestellt werden.
  • Beiträge – Wähle die Anzahl der vorgestellten Blog-Beiträge aus.
  • Datum anzeigen – Zeige das Datum an, an dem deine Blog-Beiträge veröffentlicht wurden.
  • Verfasser anzeigen – Zeige den Verfasser deiner Blog-Beiträge an.
  • Titelbild anzeigen – Zeige das Titelbild deiner Blog-Beiträge an.
  • Auszug anzeigen – Zeige eine kurze Zusammenfassung deiner Blog-Beiträge an.
  • Schaltfläche "Alle anzeigen" anzeigen – Füge eine Schaltfläche hinzu, die zur Blog-Seite deines Onlineshops verlinkt.

Blog-Beiträge zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

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

  3. Verwende die Einstellungen, um deinen Blog-Abschnitt auf deiner Startseite anzupassen.

  4. Klicke auf Speichern.

Kategorieliste

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

Der Abschnitt Kategorieliste umfasst die folgenden Einstellungen:

  • Überschrift – Füge eine Überschrift zu deiner Kategorieliste hinzu.
  • Kategorie – Lege die Kategorien fest, die du vorstellen möchtest.

Eine Kategorieliste zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Kategorieliste.

  3. Verwende die Einstellungen, um deinen Abschnitt Kategorieliste anzupassen.

  4. Klicke auf Speichern.

Vorgestellte Kategorie

Du kannst die Produkte aus einer deiner Kategorien auf deiner Startseite vorstellen.

Der Abschnitt "Vorgestellte Kategorie" umfasst die folgenden Einstellungen:

  • Überschrift – Gib eine Überschrift für deine Vorgestellte Kategorie ein.
  • Kategorie – Lege fest, aus welcher Kategorie Produkte verwendet werden sollen.
  • Rasterstil – Lege das Layout für deine vorgestellten Produkte fest.

Eine Vorgestellte Kategorie zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Vorgestellte Kategorie.

  3. Verwende die Einstellungen, um deinen Abschnitt "Vorgestellte Kategorie" anzupassen.

  4. Klicke auf Speichern.

Bild mit Text

Du kannst ein Bild und benutzerdefinierten Text auf deiner 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ähle ein Bild aus, das zum Abschnitt hinzugefügt werden soll.
  • Bildausrichtung – Lege fest, wie das Bild auf der Seite ausgerichtet werden soll.
  • Überschrift – Füge eine Überschrift zum Abschnitt hinzu.
  • Text – Füge Text zum Abschnitt hinzu.
  • Schaltflächenbeschriftung – Füge eine Schaltfläche mit einer Beschriftung zum Abschnitt hinzu.
  • Schaltflächenlink – Verlinke deine Schaltfläche auf eine andere Seite oder Website.

Deiner Homepage ein Bild mit Text hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

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

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

  4. Klicke auf Speichern.

Vorgestelltes Produkt

Du kannst ein Produkt auf deiner 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ähle ein Produkt aus, das auf der Startseite vorgestellt werden soll.
  • Variantenbezeichnungen anzeigen – Zeige 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 – Zeige die Produktmarke oder den Anbieter des Produkts an.
  • Text – Füge Text zu deinem empfohlenen Produkt hinzu.
  • Schaltflächenbezeichnung – Füge eine Schaltfläche mit einer Beschriftung zu deinem vorgestellten Produkt hinzu.
  • Schaltflächenlink – Verlinke deine Schaltfläche auf eine andere Seite oder Website.

Ein vorgestelltes Produkt zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Abschnitt hinzufügen > Vorgestelltes Produkt > Hinzufügen.

  3. Verwende die Einstellungen, um deinen Abschnitt "Vorgestelltes Produkt" anzupassen.

  4. Klicke auf Speichern.

Newsletter

Du kannst eine Newsletter-Anmeldung zu deiner Startseite hinzufügen. Mit einer Newsletter-Anmeldung kannst du E-Mail-Adressen von Kunden für E-Mail-Marketingkampagnen sammeln. Auf dem Shopify Blog erfährst du 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üge eine Überschrift zu deiner Newsletter-Anmeldung hinzu.
  • Untertitel – Gib einen Untertitel für deine Newsletter-Anmeldung ein.

Newsletter-Anmeldung zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Abschnitt hinzufügen > Newsletter > Hinzufügen.

  3. Verwende die Einstellungen, um deinen Abschnitt "Newsletter-Anmeldung" anzupassen.

  4. Klicke auf Speichern.

Karte

Du kannst eine Google-Karte zu deiner Startseite hinzufügen, um Kunden zu zeigen, wo sich dein Geschäft befindet.

Der Kartenabschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Füge eine Überschrift zu deinem Kartenabschnitt hinzu.
  • Adresse und Öffnungszeiten – Füge die Adresse und die Öffnungszeiten deines Shops zu deinem Kartenabschnitt hinzu.
  • Kartenadresse – Lege fest, dass auf der Karte der Standort deines 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üge einen Pin hinzu, der den genauen Standort deines Shops auf der Karte anzeigt.
  • API-Schlüssel für Google Maps – Füge den API-Schlüssel deiner Karte zum Kartenabschnitt hinzu.
  • Bild – Füge ein Bild hinzu, das angezeigt werden soll, wenn die Karte nicht geladen wird.
  • Bildposition – Lege die Position des Bildes fest.

Eine Karte zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

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

  3. Verwende die Einstellungen, um deinen Kartenabschnitt anzupassen.

  4. Klicke auf Speichern.

Rich Text

Du kannst benutzerdefinierten Text zu deiner Startseite hinzufügen.

Der Rich Text-Abschnitt umfasst die folgenden Einstellungen:

  • Breites Display – Verkleinere die Ränder auf beiden Seiten deines Texts.
  • Überschrift – Füge eine Überschrift zu deinem Rich Text-Abschnitt hinzu.
  • Text – Gib benutzerdefinierten Text ein und formatiere ihn.
  • Größe – Legen Sie die Größe Ihres Textes fest.

Benutzerdefinierten Text zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Rich Text.

  3. Verwende die Einstellungen, um deinen Rich Text-Abschnitt anzupassen.

  4. Klicke auf Speichern.

Video

Du kannst ein YouTube- oder Vimeo-Video zu deiner Startseite hinzufügen. Videos können Kunden gewinnen und Interesse an deinem Geschäft wecken.

Um ein Video hinzuzufügen, musst du 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 erfährst du, wie du einen Link zum Teilen für ein YouTube-Video kopierst.
  • Vimeo – Ein Vimeo-Link zum Teilen sieht so aus: https://vimeo.com/123456789. In diesem Artikel des Vimeo-Hilfecenters erfahren Sie, wie du den Link zum Teilen eines Vimeo-Videos kopierst.

Der Videoabschnitt umfasst die folgenden Einstellungen:

  • Überschrift – Füge eine Überschrift zu deinem Videoabschnitt hinzu.
  • Videolink – Füge den Link zum Teilen für dein Video hinzu.

Ein Video zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Abschnitt hinzufügen > Video > Hinzufügen.

  3. Verwende die Einstellungen, um deinen Videoabschnitt anzupassen.

  4. Klicke auf Speichern.

Benutzerdefiniertes HTML

Du kannst benutzerdefinierte Inhalte für deine Startseite erstellen. Beispielsweise kannst du 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 – Lege die Breite deines Abschnitts "Benutzerdefiniertes HTML" fest.
  • Vertikale Ausrichtung – Lege die vertikale Ausrichtung der Inhalte im Abschnitt fest.

Benutzerdefiniertes HTML zu deiner Startseite hinzufügen

  1. Klicke neben Brooklyn auf Anpassen.

  2. Klicke auf Abschnitt hinzufügen > Benutzerdefiniertes HTML > Hinzufügen.

  3. Verwende die Einstellungen, um deinen Abschnitt "Benutzerdefiniertes HTML" anzupassen.

  4. Klicke auf Speichern.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren