Zum Hauptinhalt springen
Storefront-Widget und Anzeige

Widget in einem Abschnitt für ein hervorgehobenes Produkt anzeigen

Verwende Bundlex Bundles featured, um Angebote in den Theme-Abschnitt Featured product auf deiner Startseite oder in einer Seitenvorlage einzufügen. Kunden können dort ein Angebot auswählen, ohne zuerst die Produktseite zu öffnen.

Wann du diese Option verwenden solltest

Titelbild des Bundlex-App-Block-Tutorials mit dem Bundlex-Bundles-Block unter „Preis“ im Shopify-Bereich „Produktinformationen“.
Die Anleitung zum Abschnitt Featured product beginnt bei 0:52, nach dem Beispiel für eine normale Produktseite. Befolge die Einrichtung des Blocks, die Produktverknüpfung und die Warenkorbprüfung. Englische Untertitel sind verfügbar. Videotutorial öffnen oder Auf YouTube ansehen.

Dies ist ein separater App-Block für hervorgehobene Produkte. Verwende in einer normalen Produktvorlage stattdessen den regulären Bundlex-Block oder das App-Embed. Das Hinzufügen des hervorgehobenen Blocks ändert die Platzierung auf deinen Produktseiten nicht.

Der Abschnitt Featured product deines Themes muss App-Blöcke unterstützen und ein funktionierendes Produktformular sowie einen Kaufen-Button enthalten. Wenn du in diesem Abschnitt keinen App-Block hinzufügen kannst, wende dich mit dem Namen des Themes und der Seiten-URL an den Support. Informationen zu einem benutzerdefinierten Page Builder findest du unter Bundlex mit einem Page Builder verwenden.

So fügst du ihn hinzu

  1. Öffne Online Store und klicke beim Theme, das du konfigurieren möchtest, auf Edit theme. Verwende zunächst ein Entwurfstheme, wenn du vor der Veröffentlichung testen möchtest.
  2. Wähle die Startseite oder Seitenvorlage aus, die deinen Abschnitt Featured product enthält.
  3. Wähle das Produkt in diesem Abschnitt aus.
  4. Wähle innerhalb des Abschnitts Add block, öffne Apps und wähle Bundlex Bundles featured aus.
  5. Verschiebe den Block an die Stelle, an der Kunden die Angebote sehen sollen, normalerweise in die Nähe des Preises und oberhalb der Kaufen-Buttons.
Startseite eines Entwurfsthemes mit einem Abschnitt Featured product, dem Block Bundlex Bundles featured und passenden Creme-Angeboten in der Vorschau.
Der hervorgehobene App-Block befindet sich innerhalb von Featured product. Diese Vorschau des Entwurfsthemes zeigt die Creme und die passenden Angebote.

Produktverknüpfung prüfen

Öffne den App-Block und prüfe Product. Möglicherweise wird automatisch eine Verbindung zum Produkt des Abschnitts hergestellt, angezeigt als Section Product. Behalte diese Verbindung bei, wenn sie auf das richtige Produkt verweist. Wenn du ein Produkt manuell auswählst, muss es mit dem Produkt im Abschnitt Featured product übereinstimmen.

Startseite eines Entwurfsthemes mit dem Block Bundlex Bundles featured, bei dem Product mit Section Product verbunden ist, und Angeboten für Revitalize Face Cream in der Vorschau.
1. Öffne den hervorgehobenen Block. 2. Prüfe die Produktverknüpfung. Hier folgt Section Product der Creme, die im Abschnitt Featured product ausgewählt wurde.

Lasse Show advanced settings deaktiviert, sofern der Support dich nicht auffordert, Selektoren oder benutzerdefiniertes CSS anzupassen. Die Position dieses App-Blocks im Abschnitt bestimmt seine Platzierung. Für die normale Einrichtung mit einem App-Block ist kein Selektor für die Embed-Platzierung erforderlich.

Speichern und die Seite testen

  1. Stelle sicher, dass ein veröffentlichter Bundlex-Rabatt auf das hervorgehobene Produkt angewendet wird und für den von dir getesteten Markt und Kunden verfügbar ist.
  2. Lasse die Kaufen-Buttons des Abschnitts sichtbar und speichere anschließend die Theme-Änderungen.
  3. Öffne die Theme-Vorschau oder die tatsächliche Seite, wähle ein Angebot aus und klicke auf den normalen Add to cart-Button des Abschnitts.
  4. Prüfe die Produkte, Varianten, Mengen und den Rabatt im Warenkorb und im Checkout. Wiederhole den Test auf Mobilgeräten.

Durch das Speichern eines Entwurfsthemes wird es nicht für Kunden veröffentlicht. Teste das Theme, das du verwenden möchtest, bevor du es über Shopify veröffentlichst.

Wenn das Widget nicht angezeigt wird

Prüfe, ob der Abschnitt ein Produkt enthält, das Feld Product des App-Blocks dasselbe Produkt verwendet, der Block sichtbar ist und ein passender Rabatt veröffentlicht und verfügbar ist. Wenn das Widget angezeigt wird, der Kaufen-Button jedoch die falschen Artikel hinzufügt, sende dem Support die Seiten-URL, den Namen des Themes und das ausgewählte Angebot. Seiten mit mehreren Produktformularen oder benutzerdefinierten Kaufen-Buttons können zusätzliche Integrationsarbeiten erfordern.

Weitere Platzierungsmethoden findest du unter Widget in deinem Theme aktivieren.

War dieser Artikel hilfreich?

Dein Feedback hilft uns, unsere Dokumentation zu verbessern.

Danke, wir werden diesen Artikel weiter verbessern.

Möchtest du mit unserem Team chatten? Hast du noch eine Frage?

Brauchst du noch Hilfe?

Unser Team ist nur einen Klick entfernt. Sende uns eine Nachricht, und wir melden uns bei dir.

Wir verwenden einige Cookies, damit diese Website funktioniert, ihre Nutzung messen kann und unser Chat-Widget aktiviert wird, wenn du es öffnest. Siehe unsere Cookie-Richtlinie.