Erfolgreich
Kauf-Buttons
Passen Sie den Produkt-Kaufbereich mit Checkout-Optionen, Kaufdetails und Sticky-Kaufverhalten an.
Verwenden Sie diesen Block, um die wichtigsten Kaufaktionen auf einer Produktseite zu steuern. Einen breiteren Überblick darüber, wie Theme-Inhalte organisiert sind, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken. Zusammen mit der In-den-Warenkorb-Schaltfläche können Sie schnellere Checkout-Optionen, Fulfillment-Details, Zahlungshinweise und eine Sticky-Kaufleiste anzeigen, die wichtige Aktionen sichtbar hält, während Käuferinnen und Käufer scrollen.
Grundeinstellungen
Abschnitt betitelt „Grundeinstellungen“Diese Einstellungen bestimmen, wie viel Kaufunterstützung rund um die primäre Schaltfläche angezeigt wird. Ein schlankes Setup eignet sich gut, wenn Produkte einfach sind und Entscheidungen leicht fallen, während ein detaillierteres Setup die Unsicherheit bei Produkten mit zusätzlichem Kontext verringern kann.
Das Schaltflächensymbol ist eine kleine visuelle Ergänzung für die Hauptaktion. Es kann dazu beitragen, dass sich die In-den-Warenkorb-Schaltfläche stärker abhebt, insbesondere wenn das Produktformular mehrere nahe beieinanderliegende Steuerelemente enthält.
Zusätzliche Checkout-Schaltflächen sind nützlich, wenn Sie den Weg zum Kauf für kaufbereite Kundinnen und Kunden verkürzen möchten. Wenn auf Ihrer Seite rund um das Produktformular bereits viel passiert, kann das Deaktivieren dieser Schaltflächen die Aufmerksamkeit auf die Hauptaktion In den Warenkorb lenken.
Informationen zum kostenlosen Versand, Optionen zur lokalen Abholung und Zahlungssymbole helfen, häufige Fragen vor dem Kauf in der Nähe der Schaltfläche zu beantworten. Verwenden Sie sie, wenn sie für mehr Klarheit sorgen, aber vermeiden Sie zu viele unterstützende Elemente, wenn der Kaufbereich überladen wirkt.
Die Sticky-Leiste beim Scrollen ist vor allem auf längeren Produktseiten hilfreich. Sie hält Kaufaktionen in Reichweite, wenn Käuferinnen und Käufer über den ersten Kaufbereich hinausgehen, um Details zu lesen, Medien anzusehen oder Informationen zu vergleichen.
Die Option für den Empfänger der Geschenkkarte gilt nur für Geschenkkartenprodukte. Wenn sie aktiviert ist, wird die Option hinzugefügt, die Geschenkkarte per E-Mail an eine andere Person zu senden.
Halten Sie diesen Block auf Entscheidungsfindung und Kaufaktionen fokussiert. Wenn Sie jede verfügbare Option aktivieren, kann der Kaufbereich unruhig wirken und die Hauptschaltfläche in den Hintergrund treten.
Informationen zu Ratenzahlungen sind vor allem für höherpreisige Produkte nützlich, bei denen flexible Zahlungsoptionen das Vertrauen stärken können. Wenn diese Nachricht für Ihren Katalog oder Ihr Setup nicht relevant ist, bleibt der Block übersichtlicher, wenn Sie sie deaktiviert lassen.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Farbeinstellungen
Abschnitt betitelt „Farbeinstellungen“Dieser Block verwendet das primäre Schaltflächen-Styling Ihres Themes, sofern Sie es hier nicht überschreiben. Verwenden Sie die Farbsteuerelemente, wenn die Kaufschaltfläche stärkeren Kontrast, eine bessere visuelle Abstimmung mit dem umliegenden Layout oder einen benutzerdefinierten Hover-Zustand für diesen speziellen Produktbereich benötigt.
Halten Sie die Standard- und Hover-Zustände visuell miteinander verbunden, damit die Schaltfläche weiterhin wie eine konsistente Aktion wirkt. Prüfen Sie Text-, Rahmen- und Hintergrundkombinationen sorgfältig, um Lesbarkeit und Sichtbarkeit zu erhalten.
Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Verwenden Sie die Sichtbarkeitssteuerung, um diesen Block auf dem Desktop oder auf Mobilgeräten ein- oder auszublenden. Das ist hilfreich, wenn Sie unterschiedliche Produktseiten-Layouts für kleinere und größere Bildschirme erstellen.
Wenn Sie den Block auf einer Gerätegröße ausblenden, stellen Sie sicher, dass der Kaufweg an anderer Stelle in diesem Layout weiterhin klar erscheint.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Halten Sie den Kaufbereich einfach. Zeigen Sie die unterstützenden Details, die Kundinnen und Kunden bei der Entscheidung helfen, und entfernen Sie die, die für Unruhe sorgen.
- Verwenden Sie Sticky Buy auf langen Seiten. Aktivieren Sie die Sticky-Leiste, wenn davon auszugehen ist, dass Käuferinnen und Käufer weit über das Haupt-Produktformular hinaus scrollen.
- Passen Sie Funktionen an den Produkttyp an. Optionen für den Empfänger von Geschenkkarten eignen sich für Geschenkkartenprodukte, während Ratenzahlungshinweise bei höherpreisigen Artikeln wertvoller sind.
- Prüfen Sie den Kontrast der Schaltfläche. Wenn Sie Farben überschreiben, stellen Sie sicher, dass die Schaltfläche in Standard- und Hover-Zuständen gut sichtbar und gut lesbar bleibt.
- Planen Sie Mobilgeräte und Desktop separat. Überprüfen Sie beide Viewport-Größen, wenn Sie Sichtbarkeitssteuerungen verwenden, da der Kaufbereich je nach Layout unterschiedlich dargestellt werden kann.
- Halten Sie Formularzustände lesbar. Wenn Ihr Kaufbereich Kundeneingaben enthält, stellen Sie sicher, dass leere, Validierungs- und gesendete Zustände leicht zu erfassen bleiben, insbesondere wenn mehrere Kaufoptionen angezeigt werden.