Abschnitte für Narrative

Theme-Inhalte werden über Abschnitte erstellt. Abschnitte sind anpassbare Inhaltsblöcke, die das Layout und Erscheinungsbild verschiedener Seiten in deinem Onlineshop bestimmen.

Statische Abschnitte sind Abschnitte, die an vordefinierten Standorten in deinem Onlineshop angezeigt werden. Diese Abschnitte können nicht entfernt oder neu angeordnet werden. Statische Abschnitte können Kopfzeilen, Fußzeilen, Navigations Abschnitte oder Inhaltsabschnitte auf Seiten wie Produktseiten und Kategorieseiten enthalten. So bestimmt beispielsweise der Abschnitt Produkt das Erscheinungsbild jeder Produktseite in deinem Onlineshop.

Dynamische Abschnitte sind optionale Abschnitte, die du verwenden kannst, um das Layout deiner Startseite anzupassen. Auf der Startseite deines Shops kannst du dynamische Abschnitte Hinzufügen, Neu anordnen und Entfernen, um das Seitenlayout zu erstellen. Du kannst bis zu 25 dynamische Abschnitte auf deiner Startseite haben.

Erfahren Si mehr über die einzigartige Auswahl an Abschnitten von Narrative und wie du diese optimale an dein Geschäft anpasst.

Statische Abschnitte

Narrative enthält die folgenden statischen Abschnitte:

  • Header
  • Slideshow
  • Fußzeile
  • Produktseiten
  • Produktempfehlungen
  • Kategorie
  • Listenseite für Kategorien
  • Blog
  • Beiträge
  • Warenkorbseite

Dynamische Abschnitte

Narrative enthält die folgenden dynamischen Abschnitte:

  • Blog-Beiträge
  • Kategorieliste
  • Vorgestellte Kategorie
  • Galerie
  • Markieren
  • Bild mit Text
  • Bild mit Textüberlagerung
  • Vorgestelltes Produkt
  • Newsletter
  • Karte
  • Rich Text
  • Testimonials
  • Video
  • Benutzerdefinierte Inhalte
  • Dargestellter Slider

Der Header-Abschnitt deines Shops enthält den Inhalt, der oben auf jeder Seite deines Shops angezeigt wird. Mit Narrative kannst du zwei Navigationsmenüs auswählen, auf die Kunden zugreifen können, indem sie auf ein Navigationssymbol klicken:

Du kannst auch das Aussehen des Headers deines Shops ändern, indem du ihn transparent machst.

Header anpassen

  1. Klicke auf den Abschnitt Header.

    1. Klicke im Bereich Logo-Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus: - Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf den Tab Bibliothek.
    2. Um ein Stock-Foto aus Burst auszuwählen, klicke auf Kostenlose Bilder. Von hier aus kannst du einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
    3. Um ein Bild von deinem Computer auszuwählen, klicke auf den Tab Bibliothek und dann auf Hochladen.
    4. Gib in das Feld benutzerdefinierte Logo Höhe (in Pixel) die Pixelhöhe deines Logos ein.
    5. Wähle in der Warenkorb-Symbolliste aus, ob du in deinem Header ein Taschen- oder Warenkorblogo anzeigen möchtest.
    6. Wenn du den Header deines Geschäfts transparent machen möchtest, gehe folgendermaßen vor:
      1. Klicke auf Transparenten Header auf der Startseite aktivieren.
      2. Wähle ein Bild, das über dem transparenten Hintergrund angezeigt werden soll. Möglicherweise musst du ein anderes Logo auswählen als das, das du für die Anzeige auf deiner Header-Seite ausgewählt hast. Beispielsweise benötigst du möglicherweise ein weißes Logo, das vor einem dunkleren Hintergrund angezeigt wird.
      3. Klicke auf die Palette Farbe der Symbole auf transparentem Header, um eine Farbe für das Logo sowie Navigations- und Warenkorbsymbole auszuwählen.
    7. Wähle in der Liste Primäre Navigation das primäre Menü aus, das angezeigt wird, wenn ein Kunde auf das Navigationssymbol klickt.
    8. Wähle in der Liste Sekundäre Navigation das sekundäre Menü aus.
    9. Klicke auf Speichern.

Hinzufügen einer Ankündigungsleiste

Du kannst im Header auch eine Ankündigungsleiste hinzufügen, um Kunden eine Nachricht anzuzeigen. Deine Nachricht lässt sich benutzerdefiniert anpassen und kann Kontaktdaten, Informationen zu Events oder Sales-Aktionen in deinem Shop oder den Slogan deines Shops enthalten.

  1. Klicke auf Header. 5. Aktiviere im Bereich Ankündigung die Option Ankündigung anzeigen. 6. Gib den Text für deine Ankündigung ein. 7. Optional: Gib eine URL ein, um einen Link zu deiner Ankündigung hinzuzufügen. 8. Optional: Wähle im Symbol-Menü ein Symbol aus, das in der Ankündigungsleiste angezeigt werden soll. Das Symbol verwendet dieselbe Farbe wie dein Ankündigungstext. 9. Um die Farbe des Hintergrunds der Ankündigungsleiste zu ändern, klicke auf das Farbfeld für die Leiste und wähle eine Farbe aus. 10. Um die Farbe des Ankündigungstexts zu ändern, klicke auf das Farbfeld für den Text und wähle eine Farbe aus. 11. Klicke auf Speichern.

Slideshow

Du kannst eine Slideshow auf der Startseite erstellen, in der bis zu fünf Bild- oder Videofolien abwechselnd angezeigt werden.

Es ist am besten, hochauflösende Bilder für deine Folien zu verwenden. Verwende Bilder mit einer Größe von 4000 x 2200 px oder größer, aber überschreite nicht die Upload-Begrenzungen von Shopify.

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 abgeschnitten. Verwende Bilder mit einem Fokuspunkt in der Mitte, damit der wichtige Teil jedes Bildes immer sichtbar ist.

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

Der Abschnitt Slideshow enthält die folgenden Einstellungen:

  • Slide Height – Lege die Höhe der Slideshow fest. Wähle Folienhöhe für erstes Bild anpassen aus, um die Höhe deiner Slideshow auf der Höhe deines ersten Bildes zu stützen.
  • Schaltflächen zentrieren – Lege die Position der Schaltflächen auf deinen Folien fest.
  • Overlay Anzeigen – Füge eine Farbschicht über den Folien hinzu. Eine Überlagerung kann Slideshow-Text einfacher lesbar machen.
  • Überlagerungsfarbe – Lege die Farbe des Overlays fest.
  • Opazität – Lege die Deckkraft deiner Überlagerung fest.
  • Bild – Füge ein Bild hinzu, das in deiner Slideshow angezeigt werden soll.
  • Bildausrichtung – Wähle den wichtigsten Bereich des Bildes aus, auf den sich die Slideshow konzentrieren soll.
  • Video-Link – fügen Sie den YouTube-Link für Ihr Video hinzu.
  • Titelbild – Füge ein Titelbild für deine Videofolie hinzu. Das Titelbild ist nur zu sehen, wenn das Video nicht wiedergegeben wird.
  • Überschrift – Füge eine Überschrift zu deiner Folie hinzu.
  • Folientitel – Füge einen Titel für deine Folie hinzu. Dieser wird unten in der Slideshow angezeigt, wenn du mehr als eine Folie hast.
  • Schaltflächenbeschriftung – Füge eine Schaltfläche mit einer Beschriftung zu deiner Folie hinzu.
  • Schaltflächenlink – Die URL oder Seite, zu der die Schaltfläche verlinken soll. Füge die URL ein oder wähle eine Seite aus dem Menü aus. Wenn du keine Schaltfläche in den Abschnitt aufnehmen möchtest, lasse dieses Feld leer.

Eine Slideshow zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 2. Klicke auf Slideshow und dann auf Auswählen. 3. Verwende die Einstellungen, um deine Slideshow anzupassen.

    1. Klicke auf Speichern.

Fußzeile

Im Fußzeilenabschnitt kannst du den Inhalt bearbeiten, der oben auf jeder Seite deines Shops angezeigt wird. Du kannst die folgenden Funktionen zu deiner Fußzeile hinzufügen:

Fußzeile anpassen

  1. Klicke auf Fußzeile. 2. Füge deiner Fußzeile Social-Media-Symbole hinzu, indem du Social-Media-Symbole anzeigen aktivierst. Du kannst die Symbole mit deinen Social Media-Konten über die Social Media-Einstellungen verknüpfen. 3. Füge Zahlungssymbole, wie MasterCard oder PayPal, zu deiner Fußzeile hinzu, indem du die Option Zahlungssymbole anzeigen aktivierst. In diesem Bereich werden die Symbole angezeigt, die mit dem Zahlungsanbieter verknüpft sind, den du im Abschnitt Zahlungseinstellungen in deinem Adminbereich aktiviert hast. 4. So fügst du eine Newsletter-Anmeldung zu deiner Fußzeile hinzu:
1. Check **Show newsletter signup**.

2. Enter a heading for your newsletter signup in the **Heading** field. The default heading is "Sign up for updates".

3. Enter a subheading for your newsletter signup in the **Subheading** field. The default subheading is "Promotions, new products and sales. Directly to your inbox.".
  1. Führen Sie die folgenden Schritte aus, um ein Menü zu ihrer Fußzeile hinzuzufügen:

    1. Klicke unter Inhalt auf Menü hinzufügen.
    2. Um das Standardmenü zu bearbeiten, klicke auf Menü Bearbeiten. Um zu einem anderen Menü zu wechseln, klicke auf ändern und wähle ein vorhandenes Menü oder klicke auf Menü Erstellen.
  2. Klicke auf Speichern.

Produktseiten

Der Abschnitt Produktseiten ist der anpassbare Hauptabschnitt für Produktseiten. Du kannst diesen Abschnitt mit den folgenden Optionen anpassen:

  • Mengenauswahl anzeigen – Lasse von Benutzern eine Menge angeben, die ihrem Warenkorb hinzugefügt werden soll.
  • Variantenbezeichnungen anzeigen – Zeige Variantenbezeichnungen wie "Größe" und "Farbe" über den Dropdown-Menüs für Varianten an. Die angezeigten Variantenbezeichnungen basieren auf den Namen der Optionen der Varianten für das Produkt.
  • Produktanbieter anzeigen – Zeige die Marke oder den Anbieter eines Produkts an. Damit eine Marke oder ein Produktanbieter angezeigt werden kann, musst du dem Produkt einen Anbieter hinzufügen.
  • Dynamische Checkout-Buttons anzeigen – Kunden können den Warenkorb überspringen und von dem Abschnitt „Vorgestellte Produkte“ direkt zum Checkout gehen.
  • Social-Sharing-Schaltflächen anzeigen – Zeige Schaltflächen an, mit denen Kunden Produkte in Social Media teilen können. Die angezeigten Optionen zum Teilen werden in deinen Theme-Einstellungen festgelegt.

Medien

  • Videoschleife aktivieren – Spiele Produktvideos in einer Schleife ab. Wenn diese Option deaktiviert ist, erscheint am Ende auf den Videos eine Play-Schaltfläche.
  • Variantenmedien in der Galerie ausblenden – Wähle diese Option aus, um zu verhindern, dass Variantenmedien in der Galerie unten auf der Seite angezeigt werden. Wenn diese Option aktiviert ist, werden nur die Medien angezeigt, die keiner Variante zugeordnet sind.

Einstellungen für Produktseiten bearbeiten

  1. Wähle Produktseiten aus. 2. Klicke auf den Abschnitt Produktseiten. 3. Verwende die Einstellungen, um deinen Produktseitenabschnitt anzupassen. 4. Klicke auf Speichern.

Produktempfehlungen

Du kannst Produktempfehlungen auf Produktseiten anzeigen, um Kunden das Entdecken anderer Produkte zu erleichtern, die sie interessieren könnten.

Produktempfehlungen aktivieren

  1. Wähle Produktseiten aus.

  2. Klicke auf den Abschnitt Produktempfehlungen.

  3. Aktiviere die Option Dynamische Empfehlungen anzeigen, um Produktempfehlungen auf deinen Produktseiten anzuzeigen.

  4. Optional: Um den Titel zu ändern, der über den Produktempfehlungen angezeigt wird, gib einen neuen Titel in das Feld Überschrift ein.

    1. Optional: Um Anbieter in den Produktbeschreibungen ein- oder auszublenden, verwende das Kontrollkästchen Anbieter anzeigen.
    2. Optional: Füge mit der Option Bildabstand aktivieren einen Abstand zwischen Produktbildern hinzu.
  5. Klicke auf Speichern.

Kategorie

Der Abschnitt Kategorie ist der anpassbare Hauptabschnitt für die Bearbeitung von Kategorieseiten.

Der Kategorieabschnitt umfasst die folgenden Einstellungen:

  • Tag-Filter erlauben – Füge einen Filter hinzu, den Kunden verwenden können, um Produkte in einer Kategorie mit einem bestimmten Tag anzuzeigen. Damit der Filter auf einer Kategorieseite angezeigt werden kann, musst du den Produkten in dieser Kategorie Tags hinzufügen.
  • Kategoriesortierung aktivieren – Füge ein Menü hinzu, mit dem Kunden eine Kategorie auf verschiedene Arten sortieren können, z. B. alphabetisch oder nach Preis.
  • Rasterstil – Lege das Layout deiner Produkte auf der Seite fest.
  • Kategoriebild anzeigen – Zeige das Kategoriebild oben auf der Kategorieseite an.
  • Bildabstand aktivieren – Wähle diese Option aus, um den Abstand zwischen Bildern zu vergrößern.
  • Produktanbieter anzeigen – Zeige die Produktmarke oder den Anbieter des Produkts an.

Deine Kategorieseiten anpassen

  1. Wähle Kategorieseiten aus. 2. Klicke auf den Abschnitt Kategorieseiten. 3. Verwende die Einstellungen, um deinen Kategorieseitenabschnitt anzupassen. 4. Klicke auf Speichern.

Warenkorbseite

Der Abschnitt Warenkorbseite ist der anpassbare Hauptabschnitt des Warenkorbs in deinem Onlineshop. Auf der Warenkorbseite kannst du Warenkorbanmerkungen aktivieren, um deinen Kunden die Möglichkeit zu geben, spezielle Anweisungen zu ihren Bestellungen hinzuzufügen.

Bestellhinweis aktivieren

  1. Wähle Warenkorb. 2. Klicke auf den Abschnitt Warenkorbseite. 3. Wähle Warenkorbanmerkungen aktivieren aus. 4. Klicke auf Speichern.

Vorgestellte Kategorie

Du kannst eine Kategorie auf deiner Startseite vorstellen. Vorgestellte Kategorien können dir dabei helfen, Angebote und neue Kategorien vorzustellen und bekanntzumachen.

Der Abschnitt Vorgestellte Kategorie umfasst die folgenden Einstellungen:

  • Kategorie – Wähle eine Kategorie aus, die im Abschnitt angezeigt werden soll.
  • Bildabstand aktivieren – Wähle diese Option aus, um den Abstand zwischen Bildern zu vergrößern.
  • Überschrift – Füge den Text hinzu, der über den Produkten in der Kategorie angezeigt wird. Der Standardtext ist Vorgestellte Kategorie.
  • Produktanbieter anzeigen – Zeige den Anbieter für jedes Produkt unter dem Produkttitel an.
  • Schaltfläche "Alle anzeigen" anzeigen – Wähle diese Option aus, um in der letzten Zeile des Abschnitts eine Schaltfläche Alle anzeigen hinzuzufügen. Kunden können diese Schaltfläche anklicken, um die gesamte Kategorie zu sehen.
  • Stil für sekundäre Schaltflächen verwenden – Die Schaltfläche wird als durchsichtige Schaltfläche mit einem einfarbigen Rand angezeigt.
  • Rasterstil – Lege das Layout deiner Produkte auf der Seite fest.
  • Produkte pro Zeile – Lege fest, wie viele Produkte in jeder Zeile im Abschnitt angezeigt werden sollen.
  • Zeilen – Lege fest, wie viele Zeilen mit Produkten im Abschnitt angezeigt werden sollen.

Eine Vorgestellte Kategorie zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 2. Klicke auf Vorgestellte Kategorien und dann auf Auswählen. 3. Klicke auf Kategorie auswählen und wähle dann eine Kategorie aus der Kategorieliste aus. 4. Verwende die Einstellungen, um deinen Abschnitt „Vorgestellte Kategorie“ anzupassen. 5. Klicke auf Speichern.

Galerie

Der Galerieabschnitt besteht aus einer Serie von bis zu drei Bildern. Du kannst ein Symbol aus einer Liste mit 13 benutzerdefinierten Symbolen auswählen, um diese über jedem Bild anzuzeigen. Wahlweise kannst du jedes Bild mit einer URL oder einer Seite in deinem Shop verlinken.

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

Inhalt

  • Bild – Füge ein Bild hinzu, das im Abschnitt angezeigt werden soll.
  • Bildausrichtung – Wähle aus, wie das Bild im Abschnitt ausgerichtet werden soll. Wenn kein Symbol angezeigt werden soll, wähle in der Symbol-Liste "Kein" aus.
  • Symbol – Füge ein Symbol hinzu, das auf dem Bild angezeigt werden soll.
  • Beschriftung – Gib Text ein, der auf dem Bild angezeigt werden soll.
  • Link – Füge einen Link zu einer URL ein oder klicke in das Feld, um eine Seite aus deinem Shop auszuwählen.

Einstellungen

  • Abschnittshöhe – Wähle aus, wie groß dieser Abschnitt sein soll.
  • Überlagerung anzeigen – Füge eine Farbebene über deinem Bild hinzu. Eine Überlagerung kann die Lesbarkeit eines Texts verbessern.
  • Überlagerungsfarbe – Lege die Farbe der Überlagerung fest.
  • Textfarbe – Lege die Farbe deiner Überschrift und deines Texts fest. Wenn das Hintergrundbild dunkel ist, wird der Text durch die Auswahl einer hellen Textfarbe besser lesbar.
  • Opazität – Lege die Deckkraft deiner Überlagerung fest.

Eine Galerie zur Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 2. Klicke auf Galerie und dann auf Auswählen. 3. Um das Bild hinzuzufügen, klicke im Bereich Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus: - Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf den Tab Bibliothek.
    • Um ein Stock-Foto aus Burst auszuwählen, klicke auf Kostenlose Bilder. Von hier aus kannst du einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
    • Um ein Bild von deinem Computer auszuwählen, klicke auf den Tab Bibliothek und dann auf Hochladen.
  2. Verwende die Einstellungen, um den Abschnitt "Galerie" anzupassen. 5. Klicke auf Speichern.

Bild mit Text

Zu Narrative gehört ein Abschnitt Bild mit Text, mit dem du deinen Kunden ein Bild mit einer benutzerdefinierten Nachricht anzeigen kannst.

Du kannst eine Bildausrichtung auswählen, um sicherzustellen, dass wichtige Teile des Bildes nicht abgeschnitten werden, wenn sie auf mobilen Geräten betrachtet werden. Wenn du beispielsweise nie möchtest, dass der untere Teil deines Bildes abgeschnitten wird, weil das Produkt, das du verkaufst, dort angezeigt wird, kannst du eine Ausrichtung unten in der Mitte auswählen, um sicherzustellen, dass dieser Teil des Bildes nicht abgeschnitten wird.

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

Einstellungen

  • Abschnittshöhe – Wähle aus, wie groß dieser Abschnitt sein soll.
  • Hintergrundfarbe – Lege eine Hintergrundfarbe für den Abschnitt fest.

Bild

  • Bild – Füge ein Bild hinzu, das im Abschnitt angezeigt werden soll.
  • Bildstil – Wähle aus, wie das Bild zugeschnitten werden soll. Wähle Kein aus, damit das Bild nicht zugeschnitten wird.
  • Bildposition – Wähle die Ausrichtung des Bildes innerhalb des Rahmens aus.

Text

  • Überschrift – Füge eine Überschrift zum Abschnitt hinzu.
  • Text – Füge Text zum Abschnitt hinzu.
  • Stil für sekundäre Schaltflächen verwenden – Die Schaltfläche wird als durchsichtige Schaltfläche mit einem einfarbigen Rand angezeigt.
  • Schaltflächenbeschriftung – Füge eine Schaltfläche mit einer Beschriftung zum Abschnitt hinzu.
  • Schaltflächenlink – Die URL oder Seite, zu der die Schaltfläche verlinken soll. Füge die URL ein oder wähle eine Seite aus dem Menü aus. Wenn du keine Schaltfläche in den Abschnitt aufnehmen möchtest, lasse dieses Feld leer.

Bildausrichtung

  • Desktop – Wähle aus, ob das Bild im Abschnitt auf dem Desktop links oder rechts angezeigt werden soll.
  • Mobil – Wähle aus, ob das Bild in dem Abschnitt als erstes oder zweites angezeigt wird, wenn sie von einem Mobilgerät aus angesehen werden.

Deiner Homepage ein Bild mit Text hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 2. Klicke auf Bild mit Text und dann auf Auswählen. 3. Klicke im Bereich Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus: - Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf den Tab Bibliothek.
    • Um ein Stock-Foto aus Burst auszuwählen, klicke auf Kostenlose Bilder. Von hier aus kannst du einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
    • Um ein Bild von deinem Computer auszuwählen, klicke auf den Tab Bibliothek und dann auf Hochladen.
  2. Verwende die Einstellungen, um deinen Abschnitt „Bild mit Text“ anzupassen. 5. Klicke auf Speichern.

Bild mit Textüberlagerung

Du kannst auf deiner Startseite eine benutzerdefinierte Nachricht für deine Kunden anzeigen, indem du den Abschnitt "Bild mit Textüberlagerung" verwendest. Beispielsweise kannst du in deiner Nachricht ein Produkt beschreiben, eine Ankündigung veröffentlichen oder Kunden in deinem Shop willkommen heißen.

Der Abschnitt „Bild mit Textüberlagerung“ umfasst die folgenden Einstellungen:

Einstellungen

  • Abschnittsabstand – Wähle aus, wie groß dieser Abstand sein soll, entweder Klein, Mittel, Groß oder Extra groß.
  • Bild – Füge ein Bild hinzu, das im Abschnitt angezeigt werden soll.
  • Bildausrichtung – Wähle aus, wie das Bild im Abschnitt ausgerichtet werden soll.

Text

  • Überschrift – Füge einen Titel für deinen Abschnitt hinzu.
  • Text – Füge Text zu deinem Abschnitt hinzu.
  • Textgröße – Lege die Größe der Überschrift und des Textes fest.
  • Stil für sekundäre Schaltflächen verwenden – Die Schaltfläche wird als durchsichtige Schaltfläche mit einem einfarbigen Rand angezeigt.
  • Schaltflächenbeschriftung – Füge eine Schaltfläche mit einer Beschriftung zum Abschnitt hinzu.
  • Schaltflächenlink – Die URL oder Seite, zu der die Schaltfläche verlinken soll. Füge die URL ein oder wähle eine Seite aus dem Menü aus. Wenn du keine Schaltfläche in den Abschnitt aufnehmen möchtest, lasse dieses Feld leer.

Überlagerung

  • Überlagerung anzeigen – Füge eine Farbebene über deinem Bild hinzu. Eine Überlagerung kann die Lesbarkeit eines Texts verbessern.
  • Überlagerungsfarbe – Lege die Farbe der Überlagerung fest.
  • Textfarbe – Lege die Farbe deiner Überschrift und deines Texts fest. Wenn das Hintergrundbild dunkel ist, wird der Text durch die Auswahl einer hellen Textfarbe besser lesbar.
  • Opazität – Lege die Deckkraft deiner Überlagerung fest.

Deiner Startseite ein Bild mit Textüberlagerung hinzufügen

  1. Klicke auf Abschnitt hinzufügen.
  2. Klicke auf Bild mit Textüberlagerung und klicke dann auf Auswählen. 3. Klicke im Bereich Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus: - Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf den Tab Bibliothek.
    • Um ein Stock-Foto aus Burst auszuwählen, klicke auf Kostenlose Bilder. Von hier aus kannst du einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
    • Um ein Bild von deinem Computer auszuwählen, klicke auf den Tab Bibliothek und dann auf Hochladen.
  3. Verwende die Einstellungen, um den Abschnitt anzupassen. 5. Klicke auf Speichern.

Newsletter

Du kannst eine Newsletter-Anmeldung zu deiner Startseite hinzufügen. Auf diese Weise kannst du E-Mail-Adressen von Kunden für E-Mail-Marketingkampagnen sammeln. Auf dem Shopify Blog kannst du mehr über E-Mail-Marketing erfahren.

Newsletter-Anmeldung zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 3. Klicke auf Newsletter und dann auf Auswählen. 4. Gib im Feld Überschrift eine Überschrift für deine Newsletter-Anmeldung ein. 5. Gib im Feld Unterüberschrift eine Unterüberschrift für deine Newsletter-Anmeldung ein. 6. Gib eine Erfolgsmeldung in das Feld Erfolgsmeldung ein. Kunden sehen die Erfolgsmeldung, nachdem sie ihre E-Mail-Adresse gesendet haben. Die Standarderfolgsmeldung lautet „Danke fürs Abonnieren“. 7. Lege die Textfarbe für die Newsletter-Anmeldung fest, indem du auf das Farbfeld Textfarbe klickst und eine Farbe auswählst. 8. Lege die Hintergrundfarbe für die Newsletter-Anmeldung fest, indem du auf das Farbfeld Hintergrundfarbe klickst und eine Farbe auswählst. 9. 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üge eine Schaltfläche hinzu, die auf deinen 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 auf Abschnitt hinzufügen. 2. Klicke auf Karte und dann auf Auswählen. 3. Verwende die Einstellungen, um deinen Kartenabschnitt 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:

Einstellungen

  • Überschrift – Füge den Text hinzu, der über der Play-Schaltfläche angezeigt werden soll.
  • Videolink – Füge den Link zum Teilen für dein Video hinzu.

Cover

  • Bild – Füge ein Bild hinzu, das im Videoabschnitt angezeigt wird, wenn das Video nicht abgespielt wird.
  • Bildposition – Wähle die Platzierung des Bildes innerhalb des Videoabschnitts aus.

Überlagerung

  • Überlagerung anzeigen – Füge eine Farbebene zwischen deinem Platzhalterbild und der Schaltflächenbeschriftung hinzu. Eine Überlagerung erleichtert das Lesen von Text über einem Video und wird angezeigt, bevor auf die Play-Schaltfläche geklickt wird.
  • Überlagerung – Lege die Farbe der Überlagerung fest.
  • Text – Lege die Farbe für den Überschriftentext und die Play-Schaltfläche fest.
  • Opazität – Lege die Deckkraft deiner Überlagerung fest.

Ein Video zu deiner Startseite hinzufügen

  1. Klicke auf Abschnitt hinzufügen. 3. Klicke auf Video und dann auf Auswählen. 4. Füge den Freigabelink deines Videos in das Feld Video-Link ein. 5. Verwende die Einstellungen, um deinen Videoabschnitt anzupassen. 6. Klicke auf Speichern.

Dargestellter Slider

Mit dem Feature-Slider kannst du mehr Produktinformationen auf der Startseite anzeigen.

Du kannst Produkteigenschaften, eine neue Kollektion oder Varianten eines Produkts anzeigen. Die Slideshow funktioniert am besten mit einer kleinen Anzahl von Folien, da das Scrollen von Seiten während des Surfens auf dem Desktop gesperrt ist.

Wenn der dargestellte Slider auf mobilen Geräten angezeigt wird, lässt er sich entweder durch Tippen oder mit dem sogenannten „Pinzettengriff“ öffnen und anzeigen. Um deine mobilen Kunden dazu zu verleiten, den dargestellten Slider zu öffnen, verwende ein attraktives Titelbild und Text mit einem Aufruf zum Handeln.

Sie können bis zu 5 Folien zu einem Feature-Slider hinzufügen.

Feature-Slider anpassen

  1. Klicke auf Abschnitt hinzufügen. 3. Klicke auf Feature-Slider und dann auf Auswählen. 4. Verwende die Einstellungen, um deinen Abschnitt für den Feature-Slider anzupassen. 5. Klicke auf Speichern.

Bildfolie hinzufügen

  1. Klicke im Bereich Inhalt auf die Schaltfläche Folie.
  2. Klicke auf den Musterabschnitt Hintergrundfarbe, um eine Hintergrundfarbe aus der Palette auszuwählen.
  3. Klicke im Bereich Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus: - Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf den Tab Bibliothek.
  4. Um ein Stock-Foto aus Burst auszuwählen, klicke auf Kostenlose Bilder. Von hier aus kannst du einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
  5. Um ein Bild von deinem Computer auszuwählen, klicke auf den Tab Bibliothek und dann auf Hochladen.

  6. Gib im Feld Überschrift den Text ein, der auf der Folie angezeigt werden soll.

  7. Gib im Feld Button-Beschriftung den Text ein, der auf der Schaltfläche angezeigt werden soll.

  8. Gib im Feld Schaltflächenlink eine URL ein oder wähle eine Seite in deinem Shop aus, zu der die Schaltfläche verlinken soll. Füge die URL ein oder wähle eine Seite aus dem Menü aus. Wenn du keine Schaltfläche in den Abschnitt aufnehmen möchtest, lasse dieses Feld leer.

Einstellungen für den Feature-Slider anpassen

  1. Wenn du die Folienschaltflächen als transparente Schaltfläche mit durchgezogenem Umriss anzeigen möchtest, aktiviere die Option Sekundären Schaltflächenstil verwenden.
  2. Wenn du die Textfarbe ändern möchtest, klicke auf den Musterabschnitt Farbe der Folienüberschrift, um eine Farbe aus einer Palette auszuwählen.
  3. Wähle im Bereich Cover-Einstellungen ein Cover-Bild für den Abschnitt "Featured-Slider" aus, indem du auf Bild auswählen klickst und dann eine der folgenden Aktionen ausführst: - Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, klicke auf den Tab Bibliothek.
  4. Um ein Stock-Foto aus Burst auszuwählen, klicke auf Kostenlose Bilder. Von hier aus kannst du einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
  5. Um ein Bild von deinem Computer auszuwählen, klicke auf den Tab Bibliothek und dann auf Hochladen.

  6. Geben Sie in der Liste Header den Text ein, der auf dem Titelbild angezeigt werden soll.

  7. Wähle in der Liste Überschriftposition aus, ob die Überschrift links oder in der Mitte des Cover-Bilds angezeigt werden soll. Diese Einstellung gilt nur für Desktop-Ansichten.

  8. Aktiviere im Bereich Überlagerung die Option Überlagerung anzeigen.

  9. Klicke auf den Musterabschnitt Überlagerungsfarbe, um eine Farbe für die Bildüberlagerung auszuwählen.

  10. Klicke auf den Musterabschnitt Textfarbe, um eine Farbe für den Text auszuwählen.

<aside class="note note-information">
<h4>Tipp</h4>
<p>If the background image is dark, picking a light text color makes the text easier to read.</p>
</aside>
  1. Wähle aus der Liste Opazität eine Transparenzstufe für die Bildüberlagerung aus.

  2. Klicke auf Speichern.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren