Abschnitte für Supply

Abschnitte sind anpassbare Inhaltsblöcke, die das Layout der verschiedenen Seiten deines Onlineshops bestimmen.

  • Home-Abschnitte enthalten bestimmte Features bzw. Extras, z. B. eine Slideshow oder eine Möglichkeit zur Newsletter-Anmeldung, die du hinzufügen, neu anordnen oder entfernen kannst. du kannst bis zu 25 Abschnitte auf deiner Startseite haben.

  • Jeder Seitentyp hat seine eigenen Abschnitte. So bestimmt beispielsweise der Abschnitt "Produktseite" das Layout jeder Produktseite in deinem Onlineshop.

  • Seitenabschnitte befinden sich immer in bestimmten Bereichen in deinem Onlineshop. Du kannst Anpassungen daran vornehmen, sie aber nicht neu anordnen oder entfernen.

  • Jedes Theme enthält feste Abschnitte wie Header und Fußzeile, die auf jeder Seite deines Onlineshops angezeigt werden.

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

Supply enthält die folgenden statischen Abschnitte:

  • Header
  • Fußzeile
  • Produktseiten
  • Kategorieseiten
  • Listenseite für Kategorien
  • Artikelseiten

Dynamische Abschnitte

Du kannst dynamische Abschnitte hinzufügen, neu anordnen und entfernen, um das Layout deiner Startseite anzupassen. Für jedes Theme steht eine einzigartige Auswahl dynamischer Abschnitte zur Verfügung.

Supply enthält die folgenden dynamischen Abschnitte:

  • Blog-Beiträge
  • Kategorieliste
  • Vorgestellte Kategorie
  • Bild mit Text
  • Slideshow
  • Vorgestelltes Produkt
  • Newsletter
  • Karte
  • Rich Text
  • Video
  • Personalisierter Content

Supply enthält einige einzigartige Einstellungen für den Header Ihres Shops. Sie können ein Menü für die Anzeige in Ihrem Header auswählen, ein Logo hochladen und Ihren Kunden eine Nachricht anzeigen.

So passst du die Kopfzeile an:

  1. Klicke auf den Tab Abschnitte.

  2. Klicke auf Kopfzeile.

  3. Wähle aus der Liste Menü ein Menü zum Anzeigen aus.

Mit Supply kannst du ein Logo in der Überschrift deines Shops platzieren. Wenn du ein benutzerdefiniertes Logo verwendest, ist das beste Format eine .png-Datei mit transparentem Hintergrund.

Supply sieht am besten mit einem Logo aus, das 400 Pixel breit ist. Du kannst die Breite deines Bildes über das Feld Breite benutzerdefiniertes Logo ändern. Erhöhe den Wert nicht über die ursprüngliche Breite des Logos hinaus. Wenn du dies tust, kann es zu Verzerrungen und einem Verlust der Bildqualität kommen.

Nachricht

Mit Supply können Sie eine Nachricht in die Kopfzeile Ihres Shops eingeben, die bis zu 55 Zeichen lang ist. Diese Nachricht wird oberhalb der Suchleiste angezeigt.

Du kannst beispielsweise eine Begrüßungsnachricht eingeben, eine Verkaufsaktion oder eine neue Kategorie ankündigen oder deine Kunden über Lieferverzögerungen informieren.

So fügst du eine Kopfzeilennachricht hinzu:

  1. Gib im Bereich Nachricht deine Kopfzeilennachricht ein.

  2. Wahlweise kannst du einen Teil des Textes fett oder kursiv formatieren.

  3. 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:

  • Social-Media-Symbole
  • Zahlungssymbole
  • horizontales Menü
  • Newsletter-Anmeldung
  • benutzerdefinierter Text
  • Quick-Links

Fußzeilenbereich einer Website, in dem ein Quick-Links-Menü, Kontaktinformationen, eine Newsletter-Anmeldung, ein horizontales Menü, ein Copyright-Text und Zahlungssymbole angezeigt werden.

So passt du den Fußzeilenabschnitt an:

  1. Klicken Sie neben Supplyauf Anpassen.

  2. Klicken Sie auf Abschnitte.

  3. Klicke dann auf Fußzeile.

  4. Zeige in deiner Fußzeile Social-Media-Symbole an, indem du Social-Media-Symbole anzeigen aktivierst. Wähle bei den Social Media-Theme-Einstellungen, mit welchen Konten eine Verknüpfung hergestellt werden soll.

  5. Füge Zahlungssymbole, wie Mastercard oder PayPal, zu deiner Fußzeile hinzu, indem du Zahlungssymbole anzeigen aktivierst.

  6. Füge unten in der Fußzeile ein horizontales Menü über den Bereich Rechtliches Menü hinzu. 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.

  7. Füge deiner Fußzeile im Bereich Inhalt bis zu 9 Inhaltsblöcke hinzu:

- Füge einen Inhaltsblock hinzu, indem du auf Inhalt hinzufügen klickst. Wähle den Blocktyp aus: - Menü - Rich Text - Newsletter-Anmeldung

- Verschiebe einen Inhaltsblock, indem du auf das Symbol ⁞⁞ klickst und den Block an einen anderen Ort ziehst. - Entferne einen Inhaltsblock, indem du auf den Block und dann auf Inhalt entfernen klickst. - Passe einen Inhaltsblock an, indem du auf den Block klickst und die Einstellungen bearbeitest.

  1. Klicke auf Speichern.

Produktseiten

Im Abschnitt Produkt kannst du die folgenden Elemente hinzufügen oder entfernen:

  • Bildzoom
  • Eine Mengenauswahl
  • Informationen zum Lagerbestand
  • Die Produktmarke oder den Produktanbieter
  • Informationen zu Einsparungen
  • Ähnliche Produkte
  • Einen dynamischen Checkout-Button
  • Social-Sharing-Symbole
  • Kundenbewertungen

So bearbeitest du die Einstellungen für Produktseiten:

  1. Wähle im Dropdown-Menü der oberen Leiste den Eintrag Produktseiten aus.

  2. Klicken Sie auf Abschnitte.

  3. Klicke auf Produkt.

  4. Wenn du möchtest, dass Kunden Produktbilder vergrößern können, indem du mit dem Mauszeiger darüber fährst, aktiviere die Option Bildzoom aktivieren.

  5. Um eine Mengenauswahl anzuzeigen, aktiviere die Option Mengenauswahl anzeigen.

  6. Um deinen Restbestand bei niedrigem Lagerbestand anzuzeigen, aktiviere die Option Lagerbestand anzeigen, wenn weniger als 10 Produkte verfügbar sind. Damit diese Nachricht angezeigt wird, musst du für das Produkt die Inventarverfolgung aktivieren.

  7. Wenn du eine Nachricht anzeigen möchtest, die angibt, wann ein ausverkauftes Produkt wieder vorrätig ist, aktiviere die Option Meldung zu eingehender Warenverschiebung bei Ausverkauf anzeigen. Die Meldung, die anzeigt: "Wird nach dem (Datum) vorrätig sein". Damit diese Nachricht angezeigt wird, musst du für das Produkt einen Transfer erstellen.

  8. Um den Produktanbieter oder den Markennamen anzuzeigen, aktiviere Produktanbieter anzeigen. Damit eine Marke oder der Anbieter angezeigt werden können, musst du dem Produkt einen Anbieter hinzufügen.

  9. Um den Betrag anzuzeigen, den der Kunde spart, aktiviere Gesparten Betrag anzeigen. Der gesparte Betrag ist die Differenz zwischen dem regulären Preis und dem durchgestrichenen Vergleichspreis des Produkts. Der gesparte Betrag wird auf den nächsten Dollar abgerundet. Wenn der Preisunterschied beispielsweise $25,51 beträgt, ist der gesparte Betrag "$25". Damit der gesparte Betrag angezeigt wird, musst du einen durchgestrichenen Vergleichspreis für das Produkt festlegen.

  10. Um den durchgestrichenen Vergleichspreis anzuzeigen, aktiviere durchgestrichenen Vergleichspreis anzeigen.

  11. Um eine Auswahl ähnlicher Produkte unten auf der Seite anzuzeigen, aktiviere die Option Ähnliche Produkte anzeigen. Die Kategorie, zu der das Produkt gehört, bestimmt die ähnlichen Produkte, die angezeigt werden. Damit ähnliche Produkte angezeigt werden, musst du für das Produkt eine Kategorie erstellen oder es zu einer vorhandenen Kategorie hinzufügen. Wenn das Produkt nicht Teil einer Kategorie ist, werden keine ähnlichen Produkte angezeigt.

  12. Um einen dynamischen Checkout-Buttonanzuzeigen, aktivieren Sie die Option dynamischen Checkout-Button anzeigen.

  13. Um die Social-Sharing-Symbole anzuzeigen, aktiviere die Option Teilen von Produkten aktivieren.

  14. Um Kundenbewertungen des Produkts anzuzeigen, aktiviere Produktbewertungen aktivieren. Damit die Bewertungen angezeigt werden, musst du die kostenlose Shopify-App Product Reviews installieren und Bewertungen für dein Produkt erhalten.

  15. Um die Größe der Variantenauswahl, der Schaltfläche zum Warenkorb hinzufügen und des dynamischen Checkout-Buttons festzulegen, wählen Sie im Dropdown-Menü Variantenauswahl und Schaltflächengröße eine Größe aus.

  16. Klicke auf Speichern.

Kategorieseiten

Mit Supply kannst du angeben, wie Kategorien im Seitenleistenmenü der Kategorieseite sortiert werden. Du kannst nach Produkt-Tags oder nach Filtergruppen sortieren.

  1. Öffne in der Vorschau des Theme-Editors deines Shops eine Kategorieseite.

  2. Klicke auf den Tab Abschnitte.

  3. Klicke auf Kategorie.

  4. Wähle in der Dropdown-Liste Produkte pro Zeile aus, wie viele Produkte in jeder Zeile angezeigt werden sollen.

  5. Wähle in der Dropdown-Liste Zeilen pro Seite aus, wie viele Zeilen angezeigt werden sollen.

  6. Wähle unter Seitenleisten-Produktfilter aus, ob Sammlungen nach Produkt-Tags oder nach Filtergruppen sortiert werden sollen.

  7. Wenn du einen Vergleichspreis anzeigen möchtest, wenn ein Produkt in der Sammlung vom ursprünglichen Preis reduziert ist, oder um es mit den Preisen eines Mitbewerbers zu vergleichen, aktiviere Vergleichspreis anzeigen.

  8. Um zu zeigen, wie viel Geld Kunden sparen, wenn ein Produkt reduziert ist, aktiviere die Option Gesparten Betrag anzeigen.

  9. Um Produktbewertungen auf deinen Sammlungsseiten zuzulassen, aktiviere die Option Produktbewertungen aktivieren.

Hinweis: Du musst die kostenlose Product Reviews-App installieren, um Produktbewertungen zu aktivieren.

  1. Klicke auf Speichern.

Vorgestellte Kategorien

Verwende den Abschnitt Vorgestellte Kategorien, um bis zu sechs Produktkategorien auszuwählen, die auf deiner Startseite angezeigt werden. Wenn ein Kunde auf eine Vorgestellte Kategorie auf deiner Startseite klickt, wird das vorgestellte Produkt der Kategorie angezeigt. Wenn du kein vorgestelltes Produkt hast, wird das erste Produktbild aus der Kategorie angezeigt.

So zeigst du vorgestellte Kategorien auf deiner Startseite an:

  1. Klicke auf den Tab Abschnitte.

  2. Klicke auf Vorgestellte Kategorien.

  3. Klicke im Bereich Inhalt auf die Schaltfläche Kategorie.

  4. Wähle aus der Dropdown-Liste Kategorie eine Kategorie aus, die angezeigt werden soll.

  5. Fahre mit dem Hinzufügen von Kategorien fort, bis du alle Kategorien ausgewählt hast, die du anzeigen möchtest.

  6. Klicke auf Speichern.

Slideshow

Im Bereich Slideshow kannst die Bilder hochladen, die du für deine Slideshow verwenden möchtest. Du kannst wählen, ob die Bilder in der Slideshow automatisch gewechselt werden sollen. Zudem kannst du die Frequenz in Sekunden festlegen, mit der die Bilder gewechselt werden.

Mit Supply kannst du bis zu 6 Folienbilder für deine Startseite auswählen. Du kannst jeder Folie einen URL-Link hinzufügen, auf den deine Kunden klicken können, um eine Seite in deinem Shop zu öffnen.

Jedes Folienbild sollte 1000 Pixel breit und 500 Pixel hoch sein. Wenn du Slideshow-Bilder mit unterschiedlichen Höhen verwendest, können die Bilder zwischen den Überblendungen möglicherweise springen oder unzusammenhängend erscheinen.

So passt du deine Slideshow an:

  1. Klicke auf den Tab Abschnitte.

  2. Klicke auf Slideshow.

  3. Wenn die Bilder automatisch gewechselt werden sollen, aktiviere im Bereich Einstellungen die Option Folien automatisch wechseln.

  4. Wähle in der Dropdown-Liste Übergangszeit eine Rotationsfrequenz in Sekunden aus.

So fügst du ein Bild für eine Slideshow hinzu:

  1. Klicke im Bereich Inhalt auf Bild.

  2. 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 Bild aus der Bildersammlung von Shopify Burst auszuwählen, klicke auf die Registerkarte 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 die Schaltfläche +.

  1. Führe einen der folgenden Schritte aus, wenn du der Folie einen Link hinzufügen möchtest:

- Wenn du den Text auf deiner Folie mit einer Seite in deinem Shop verlinken möchtest, klicke in das Feld URL verlinken und wähle eine Seite aus. - Wenn du den Text auf deiner Folie mit einer Website verknüpfen möchtest, füge die URL der Website in das Feld Folienlink ein.

  1. Klicke auf Speichern.

Newsletter

Sie können eine Newsletter-Anmeldung zu Ihrer Startseite hinzufügen. Auf diese Weise können Sie e-Mail-Adressen von Kunden für e-Mail-Marketing Kampagnen erfassen. Im Shopify-Blogkönnen Sie mehr über e-Mail-Marketing erfahren.

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

So fügst du eine Newsletter-Anmeldung zu deiner Startseite hinzu:

  1. Klicken Sie neben Supplyauf Anpassen.

  2. Klicken Sie auf Abschnitte.

  3. Klicken Sie auf Abschnitt > Newsletter Hinzufügen.

  4. Gib im Feld Überschrift eine Überschrift für die Newsletter-Anmeldung ein. Die Standardüberschrift ist "Abonniere unseren Newsletter".

  5. Gib im Feld Subtext eine Unterüberschrift für deine Newsletter-Anmeldung ein. Der Standardtext lautet "Werbeaktionen, neue Produkte und Verkäufe. Direkt in deinen Posteingang."

  6. Klicke auf Speichern.

Video

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

So fügst du deiner Startseite ein Video hinzu:

  1. Klicken Sie neben Supplyauf Anpassen.

  2. Klicken Sie auf Abschnitte.

  3. Klicke auf Abschnitt hinzufügen > Video.

  4. Geben Sie im Feld über Schrift eine Überschrift für Ihr Video ein.

  5. Gib den Link zum Teilen des Videos in das Feld Video-Link ein.

    Ein Link zum Teilen auf YouTube sieht folgendermaßen aus: https://youtu.be/OTJXAUZY9t0. In diesem YouTube-Hilfeartikel erfährst du, wie du den Link zum Teilen eines YouTube-Videos kopierst.

    Ein Link zum Teilen auf Vimeo sieht folgendermaßen aus: https://vimeo.com/281332510. In diesem Artikel des Vimeo-Hilfecenters erfahre, wie du den Link zum Teilen eines Vimeo-Videos kopierst.

  6. Klicke auf Speichern.

Personalisierter Content

Im Bereich Benutzerdefinierte Inhalte kannst du HTML-Code verwenden, um benutzerdefinierte Inhalte für deine Homepage zu erstellen. Beispielsweise kannst du mit HTML Textblöcke formatieren, Tabellen erstellen oder Inhalte von einer externen Website einbetten.

So fügst du deiner Startseite benutzerdefinierte Inhalte hinzu:

  1. Klicken Sie neben Supplyauf Anpassen.

  2. Klicke auf Abschnitte.

  3. Klicke auf Abschnitt hinzufügen.

  4. Klicke im Bereich Erweitertes Layout auf Benutzerdefinierte Inhalte > Hinzufügen.

  5. Klicke auf Benutzerdefinierte Inhalte und gib den HTML-Code ein, den du auf deiner Startseite einbetten möchtest.

  6. Klicken auf Speichern.

Bereit, mit Shopify zu verkaufen?

Kostenlos ausprobieren