Die Anatomie einer Shopify-Produktseite, die Käufe ankurbelt

Veröffentlicht: 2022-07-27
Die Anatomie einer Shopify-Produktseite, die Käufe ankurbelt

Ihre Shopify-Produktseite ist eine große Sache – sie ist einer der wichtigsten Hebel, die Sie für Conversion und Optimierung ziehen können.

Auch wenn Sie Ihre USPs und Verkaufsargumente auf Ihrer gesamten Website verteilen möchten, ist Ihre Produktseite die einzige Seite, die für einen Käufer wichtig ist. Ihre Homepage könnte ein preisgekröntes Design und eine preisgekrönte Kopie haben, und es würde Ihnen trotzdem nicht helfen, einen Verkauf zu tätigen, denn wenn Ihre Produktseite den Verkauf nicht für Sie erledigt, verlassen Kunden Ihre Website.

Hier ist ein kurzes Erklärvideo von Rishi Rawat:

In diesem Beispiel sucht Rishi online nach einem Lockenstab und zeigt die Reise des Käufers.

Lassen Sie uns diesen Test wiederholen, damit wir die Reise mit den Augen des Käufers sehen können.

Suchergebnis für den Ausdruck "Lockenstab"

Auf Anhieb werden Sie mit einer Reihe von Produktinformationen konfrontiert. Die Suchmaschine erstellt eine Liste von Produkten mit Produkttitel, Produktbild, Markenname, Preis und Kundenbewertungen.

Der Haartrockner von Dyson (der auch als Lockenstab dienen kann) steht an erster Stelle auf der Liste. Neben einer Darstellung aller Anhänge können Sie auch die 9.000 Kundenbewertungen sowie den kostenlosen Versand und das 30-tägige Rückgaberecht einsehen.

Ein Klick darauf führt Sie zu dieser Produktseite:

Dyson Supersonic Produktseite

Hier kann Dyson entweder einen Besucher zu einem Kunden machen oder den Käufer verlieren, weil die Produktseite beim Finden von Verkaufswinkeln keine gute Arbeit geleistet hat.

Seien wir ehrlich – Dyson ist eine bekannte Marke und hat bewiesen, dass ihre Produkte diesen Hype und den hohen Preis verdienen. Es kann mit einer weniger als perfekten Produktseite davonkommen.

Ihre Produktseite hat die gewaltige Aufgabe, aus Skeptikern Käufer zu machen.

Was macht eine Stellar Shopify-Produktseite aus?

Gibt es also eine Zauberformel zum Erstellen einer Shopify-Produktseite, die Käufe ankurbelt?

Ähm, nein. Cinderellas gute Fee hat sich zurückgezogen und wir können sie nicht finden.

Aber Sie können nachahmen, was für andere erfolgreiche Shopify-Shops funktioniert hat.

Hinweis : Es gibt keine Situation, die für alle passt. Was für sie funktioniert hat, funktioniert möglicherweise nicht für Sie. Deshalb ist es wichtig, dass Sie Konversionsforschung betreiben, eine starke Hypothese erstellen und A/B-Tests durchführen.

Was sollte auf einer Shopify-Produktseite enthalten sein?

Wir haben mehr als 50 Ladenbesitzer nach den Elementen gefragt, die die Conversions am meisten verbessert haben. Viele erwähnten auf die eine oder andere Weise einen großen und prominenten CTA (mit angemessenem Kontrast). Obwohl diese Stichprobengröße nicht repräsentativ ist, lässt sie einen darüber nachdenken, warum Farbtests für Knöpfe vor einem Jahrzehnt so beliebt waren.

Farbpsychologie ist wichtig. Laut einer von der Seoul International Color Expo durchgeführten Studie gaben mehr als 92 % der Menschen an, dass Farbe beim Kauf eine entscheidende Rolle spielt. Wir nehmen jedoch keine Farben in diese Liste auf, da es sich um eine Branding-Übung handelt. Solange Sie einen Kontrast haben und Ihr Kaufen-Button sichtbar ist, sollten Sie startklar sein. Wenn Sie davon überzeugt sind, dass das Ändern von Farben bei der Konvertierung helfen kann, versuchen Sie, Ihre Hypothese mit A/B zu testen.

Hier ist eine visuelle Darstellung der Seitenelemente, die Experten für wichtig halten:

Konvertieren Sie Recherchen zu wesentlichen Elementen auf Shopify-Produktseiten

Alle Elemente, die Sie auf einer Shopify-Produktseite benötigen (Speichern Sie diese Checkliste )

  • Tolles Bannerangebot
  • Hochwertige Produktbilder, die eine Geschichte erzählen
  • Produktbeschreibung mit USP + Verkaufswinkel
  • Call-to-Action (CTA)-Schaltflächen
  • Ausführliche Produktanleitungen (How-tos, Produktpflegeanleitung)
  • Kundenrezensionen und -bewertungen (+ nutzergenerierte Inhalte)
  • Alle Ihre Zertifizierungen
  • Alle Ihre Vertrauensabzeichen
  • Häufig gestellte Fragen (FAQs)
  • Kundendienstoptionen

Tolles Bannerangebot

Unabhängig davon, ob Sie Rabatte oder kostenlosen Versand anbieten, sollten Sie ein Banner hinzufügen, um dies zu präsentieren und Ihre Conversions zu steigern.

Erin Neumann, Sacred Space Organizing , erklärt, wie Rabattschwellen helfen:

Die Prämisse für diese Schwellenwerte ist einfach: Sie bieten entweder einen Dollarbetrag oder einen Prozentsatz des Gesamtkaufs des Kunden an, wenn er einen bestimmten Betrag in einer einzigen Transaktion ausgibt. Sie könnten beispielsweise 10 % der gesamten Rechnung kürzen, wenn sie einen Betrag über 100 $ ausgeben.

Das Anbieten von Rabattschwellen hilft, negative Kundenängste in Bezug auf ihre Kaufentscheidungen zu verringern. Durch diese Taktik erhöhen Sie auch den durchschnittlichen Bestellwert (AOV). Der eigentliche Trick besteht darin, eine geeignete Schwelle zu entwickeln, die Ihre langfristigen Gewinne steigert.

Praktisch jede erfolgreiche Seite hat ein Bannerangebot im Header. Hier ist ein Beispiel aus Then I Met You:

Beispiel einer großartigen Bannerangebots-Produktseite
Quelle

Das Banner ist auch ein großartiger Ort, um zeitgebundene Angebote vorzustellen.

Zeitlich begrenzte Angebote basieren auf dem psychologischen Prinzip der Verlustaversion, das besagt, dass Menschen Verluste lieber vermeiden als Gewinne zu erzielen.

Raghav, NaturoCure.in

Hochwertige Produktfotos, die eine Geschichte erzählen

Wie wichtig ist es für Sie, in qualitativ hochwertige Produktbilder zu investieren? Wie sich herausstellt, ist es ziemlich wichtig.

Eine Studie von Field Agent vom März 2018 ergab, dass 83 % der US-Verbraucher angaben, dass Produktbilder ihre Kaufentscheidung entweder „sehr“ oder „extrem“ beeinflussten.

Außendienstmitarbeiter untersuchen, wie Elemente von Produktseiten Kaufentscheidungen beeinflussen
Quelle

Die Ergebnisse dieser Studie wurden durch eine Umfrage von Salsify im Februar 2018 untermauert – 60 % der Online-Käufer wollten im Durchschnitt mindestens 3 oder 4 Bilder sehen. Weitere 13 % wollten 5 oder mehr sehen.

Und was das Format der Bilder betrifft, gaben die Befragten der Field Agent-Umfrage an, dass Standard-Produktbilder ausreichen. Nur 29 % bevorzugten ein 360-Grad-Foto, weil es ihnen ermöglichte, das Produkt aus allen erdenklichen Blickwinkeln zu sehen.

Sumit Bansal, ein Excel-Profi und Inhaber der Website TrumpExcel, gibt einige Tipps, mit denen Sie großartige Produktfotos aufnehmen können:

  • Investieren Sie in eine DSLR-Kamera oder ein gutes Smartphone, um Fotos in hoher Auflösung zu schießen
  • Verbessern Sie die Bildqualität, indem Sie den Kontrast und die Beleuchtung anpassen
  • Vermeiden Sie die Verwendung von Filtern, damit Kunden das wahre Aussehen der Waren sehen können
  • Ziehen Sie in Betracht, einen weißen Hintergrund zu verwenden. Dies erleichtert die nachträgliche Bearbeitung.
  • Fotografieren Sie aus allen Blickwinkeln
  • Erwägen Sie, das Produkt so darzustellen, wie es in der realen Welt verwendet wird

DIY-Tutorial-Video: Produktfotografie mit dem Smartphone zu Hause machen

Campbell Walker und Felicity Handley, Eigentümer der Kreativmarke Struthless, beherrschen vielleicht die Kunst großartiger Produktfotos.

Die Produktseite für „Hosen im ignoranten Stil“ zeigt verschiedene Personen, die die Hose tragen, Nahaufnahmen des Stoffes und zeigen das Kleidungsstück in verschiedenen Körperhaltungen und unterschiedlicher Beleuchtung.

Einer der Haftungsausschlüsse der meisten Bekleidungsmarken ist die Farbe des Materials. Da sie künstliche Studiobeleuchtung verwenden, warnen sie davor, dass die Kleidung einen anderen Farbton haben könnte. Hier können Sie sehen, wie die Hose bei natürlichem Licht aussieht, was ein brillanter Schachzug ist, um Käufer zu überzeugen.

Schonungsloses Beispiel für Produktseitenbilder mit natürlichem Licht
Quelle

Der zweite Teil der Gleichung ist, wie Sie diese Bilder verwenden, um eine Geschichte zu erzählen.

Nachdem wir uns Tausende von Benutzersitzungsaufzeichnungen von Produktseiten angesehen haben, ist klar, dass der Großteil des Datenverkehrs NUR mit dem Bereich „above the fold“ interagiert, der normalerweise die Produktbildgalerie ist. Diese Einsicht macht Ihre Produktbildergalerie zum wichtigsten Asset in Ihrem Geschäft, da dies der Bereich ist, der die meisten Blicke auf sich zieht.

  • Nur-Produkt-Bild – Zeigt das Produkt vor einem einfachen und schlichten Hintergrund mit toller Beleuchtung.
  • Highlight-Varianten – Es gibt den Besuchern einen Eindruck von den Produktoptionen, aus denen sie wählen können.
  • Gruppen-/Bündelbild – Wenn es sich um ein Bündel handelt, können Sie es flach legen und verschiedene enthaltene Produkte hervorheben.
  • Infografiken – Heben Sie die USPs des Produkts hervor, indem Sie Text und Bild kombinieren, um Informationen schnell und effizient bereitzustellen.
  • UGC / Lifestyle Shot – Beeinflussen Sie das Nutzerengagement und heben Sie die Markenauthentizität auf die nächste Stufe.
  • GIFs/Produktvideos – Diese sind im Vergleich zu statischen Bildern aufmerksamkeitsstärker. Sie bringen Bewegung in Ihr Produkt und helfen Ihren Besuchern, Ihr Produkt besser zu verstehen, während sie es in Aktion sehen.

Abdul Wahab

Produktbeschreibung mit USP + Verkaufswinkel

Ihre Produktbeschreibung und die Spezifikationen sind genauso wichtig wie die Produktbilder. Hier können Sie Ihren USP demonstrieren und den Kunden davon überzeugen, dass er das Produkt mit einem Verkaufsargument benötigt.

Sehen Sie sich an: So finden Sie die besten Verkaufswinkel für Ihre Shopify Store-Produkte (mit Daten- und A/B-Tests)

Laut der Field Net-Umfrage geben 82 % der US-Verbraucher an, dass Produktbeschreibung und Spezifikationen ihre Kaufentscheidung beeinflussen.

Hier ist ein großartiges Beispiel dafür, wie man das richtig macht: Die Seite mit knusprigen Schokoladenkeksen von Partake Foods taucht in großartige Details über das Produkt, die verwendeten Zutaten und die Nährwertinformationen ein.

Produktseite Anatomie Produktbeschreibung mit Alleinstellungsmerkmalen und Verkaufsargumenten
Quelle

Die Beschreibungen und Spezifikationen sind vollgepackt mit starken Verkaufsargumenten. Diese Kekse sind vegan, allergikerfreundlich und mit gentechnikfreien Zutaten hergestellt.

Wenn die Suche nach einem veganfreundlichen, biologischen und allergiefreien Keks einen Besucher auf diese Produktseite führen würde, wäre er überzeugt, dass er den Jackpot geknackt hat.

Call-to-Action (CTA)-Schaltflächen

Ihr CTA sollte klar, prägnant und sichtbar sein. Es sollte dem Kunden mitteilen, was er tun soll, z. B. „in den Warenkorb“ oder „jetzt kaufen“.

Stephen, Die verbundene Erzählung

Aber sollten Sie nur einen CTA haben oder sie über die ganze Seite streuen?

Sie finden oft einen Call-to-Action-Button in jeder Falte oder einen klebrigen „In den Warenkorb“-Button, der Ihnen folgt, während Sie weiter nach unten scrollen.

Hier ist ein Beispiel von der Kochgeschirr-Produktseite von Made In –

Beispiel einer „Made In“-Produktseite für einen klebrigen CTA

Die Klebeleiste enthält auch Farb- und Größenoptionen.

Möglicherweise möchten Sie verschiedene Texte und Positionen für Ihre CTA-Schaltflächen testen.

Ausführliche Produktanleitungen

Demonstrieren Sie Ihre Produktkompetenz mit detaillierten Leitfäden wie Critter Depot.

Stellen Sie sicher, dass Sie Inhalte auf Ihrer Website haben, die zeigen, dass Sie ein Experte in Ihrer Nische sind. Es kommt sehr häufig vor, dass ein Geschäftsinhaber nicht erkennt, dass er dies tun muss.

Bruce Paulson, Entschlossene Lösungen

Auf ihren Produktseiten können Besucher alles Wissenswerte über das Produkt erfahren, wie es verpackt und versandt wird und was ihre Haustiere neben Lebewesen essen können.

Produktseite Beispiel für detaillierte Produktleitfäden
Quelle

Auf Ihrer Produktseite können Sie einen ähnlichen Ansatz verfolgen, indem Sie potenzielle Käufer darüber aufklären, wie Sie das Produkt am besten verwenden, wie Sie es pflegen und was sie als Erstkäufer beachten sollten.

Für Critter Depot dienen diese Leitfäden auch einem sekundären Zweck – einer Methode, um Kunden zu gewinnen, die nicht wussten, dass sie Critters online kaufen können.

Um unsere Konversionsrate zu steigern, haben wir ergänzende Artikel erstellt, die die von uns verkauften Kakerlaken ergänzen. Diese Pflegeratgeber brachten eine ganz neue Gruppe von Menschen, die nicht wussten, dass sie Grillen online kaufen können. Als sie unsere Inhalte entdeckten, stellten sie fest, dass sie in unserem Shop einkaufen konnten, was zu einer sehr niedrigen Absprungrate von 36 % und einer E-Commerce-Conversion-Rate von satten 10 % führte.

Jeff Neal, Critter-Depot

Hier ist ihr Google Analytics:

Critter Depot Google Analytics

Kundenrezensionen und -bewertungen (+ nutzergenerierte Inhalte)

Eine von Dixa durchgeführte Studie aus dem Jahr 2022 ergab, dass 93 % der Kunden Online-Rezensionen lesen, bevor sie einen Kauf tätigen. Wir wissen jedoch schon seit einiger Zeit, dass Bewertungen wichtig sind, sodass Sie sie wahrscheinlich bereits auf Ihrer Website anzeigen lassen.

Aber wie können Sie diese Kundenrezensionen und -bewertungen am besten nutzen?

  • Platzieren Sie Ihre Rezensionen und Bewertungen ganz oben.

    Machen Sie es Kunden leicht, Ihre Produktseite zu scannen, um zu sehen, wie beliebt Ihr Produkt ist und wie viele Menschen es lieben. Normalerweise befindet sich der prominenteste Ort zum Hinzufügen der Sternebewertung unter dem Produktnamen, und die erfolgreichsten Shopify-Shops folgen dieser Praxis.

    Hier ist ein Beispiel von Package Free, einem Zero-Waste-Lifestyle-Shop:
Beispiel für die Platzierung der Sternebewertung im Shopify-Shop
Quelle

Wir verlassen uns auf soziale Beweise, um unsere beliebten Produkte zu verkaufen. Nahezu alle unsere Kunden berichten, dass sie sich vor dem Kauf Produktbewertungen in unseren Kundenfeedback-Umfragen angeschaut haben.

Indem wir beispielsweise unsere Produktseiten für unsere Day & Night CBD-Gummibonbons testeten, konnten wir die Käufe für dieses Produkt um 12 % steigern, indem wir die Anzeige „Rezensionen“ verschoben. Am Ende stellte das beste Design Bewertungen in den Mittelpunkt, die mehr Kunden zum Kauf überzeugten.

Obwohl wir auch mit unseren Bild-Schiebereglern, dem Layout und der Produktbeschreibung gespielt haben, war der dramatischste Unterschied zu unseren Conversions die prominente Präsentation von Rezensionen.“

Shawn Thomas, Reine Erleichterung
  • Funktionsüberprüfungen, die Ihre Behauptungen untermauern.

    Wenn Sie Ihre besten Bewertungen sortieren, heben Sie diejenigen hervor, die nicht nur positiv sind, sondern eine gründliche Bewertung des Produkts enthalten. 73 % der Verbraucher legen mehr Wert auf die Bewertung als auf Ihre Gesamtbewertung, dh Kunden suchen nach Produktdetails, die ihnen helfen zu verstehen, ob das Produkt gut passt.
  • Verwenden Sie das Bewertungsschema von Google.

    Dieses Markup hilft Ihnen, Ihre Gesamtbewertung und die Anzahl der Rezensionen anzuzeigen, wenn Personen nach Ihrem Produkt suchen.

    So sieht es aus:
wie eine Shopify-Produktseite mit Google-Bewertungsschema in Ergebnissen angezeigt wird

Noch bevor jemand auf Ihrer Seite landet, hat er bereits eine Ahnung, wie gut (oder schlecht) Ihr Produkt ist.

  • Verwenden Sie Kundenfotos in Ihren Bewertungen.

    Ja, Sie haben gerade Ihre Zeit und Ihr Geld ausgegeben, um qualitativ hochwertige Fotos für Ihre Website zu erhalten. Warum also wenig schmeichelhafte Bilder mit niedriger Auflösung verwenden? Denn laut einer Studie von Bazaarvoice aus dem Jahr 2021 wollen 2/3 der Käufer Kundenfotos sehen, bevor sie einen Kauf tätigen.

    Die Fast-Fashion-Marke Shein ist ein gutes Beispiel für die Umsetzung:
Beispiel für Kundenfotos, die auf Produktseiten verwendet werden
Quelle

Hinweis : Beziehen Sie Kundenfotos aus sozialen Medien, wenn Kunden es als mühsam empfinden, Bilder hochzuladen, wenn sie Bewertungen schreiben.

  • Entfernen Sie nicht alle Ihre negativen Bewertungen.

    100 % positive Bewertungen zu haben, ist unrealistisch und kann betrügerisch erscheinen. Während eine große Anzahl negativer Bewertungen schlecht fürs Geschäft ist, sollten Sie erwägen, ein oder zwei negative zu behalten. Dies trägt dazu bei, nachzuweisen, dass Sie ein seriöses Unternehmen sind, und verleiht all Ihren Bewertungen Glaubwürdigkeit.
  • Reagieren Sie auf negative Bewertungen.

    Wie Sie mit Ihren unzufriedenen Kunden umgehen, bleibt nicht unbemerkt. Stellen Sie sicher, dass Sie ihre Probleme ansprechen, damit Erstkäufer wissen, dass Ihr Kundendienst für sie da ist, falls sie Probleme haben.

    Sogar der beliebteste Tisch von IKEA, der Beistelltisch LACK, hat einige Abweichler. Aber IKEA erkennt die Meinung des Kunden an und antwortet mit einer nachdenklichen Anmerkung.
Beispiel einer Produktseite mit einer Vielzahl von Nutzerbewertungen
Quelle

Alle Ihre Zertifizierungen

Sie mögen klimaneutral, vegan, tierversuchsfrei und allergikerfreundlich sein, aber versierte Verbraucher werden Sie nicht beim Wort nehmen – Sie müssen es ihnen zeigen.

Wir fügen Zertifizierungen auf den Seiten ein, auf denen wir unsere Produkte präsentieren. Auf der Seite „In den Warenkorb“ betonen wir, dass unsere Produkte gentechnikfrei sind, was für unsere Verbraucher wichtig ist. Sowohl unsere USPs als auch unsere Zertifizierungen haben dazu beigetragen, dass unsere Seiten konvertieren.

Melanie Bedwell, OLIPOP

So zeigt OLIPOP seine Zertifizierungen an:

Beispiel für die Anzeige des Zertifizierungsabzeichens auf der Produktseite von OLIPOP
Quelle

Hier ist ein weiteres Beispiel von Partake Foods:

Beispiel für die Anzeige des Zertifizierungsabzeichens auf der Produktseite von Partake Foods
Quelle

Alle Ihre Vertrauensabzeichen

Einer der Hauptgründe, warum Käufer ihren Einkaufswagen verlassen, ist ihre Sorge um die Sicherheit der Website. Laut der Untersuchung des Baymard Institute zu Warenkorbabbrüchen verlassen 18 % der Verbraucher Warenkörbe, weil sie der Website ihre Kreditkarteninformationen nicht anvertrauen.

Die Glaubwürdigkeit Ihrer Website wird durch Vertrauensabzeichen gestärkt. Sie wollen Ihnen einen Vorteil bieten, indem sie Ihre Firma an andere bekannte und angesehene Unternehmen binden. Da diese Badges nicht so wichtig sind wie das Produkt selbst, werden sie oft unter dem Call-to-Action platziert.

Wenn Sie möchten, dass sich Benutzer für ein Konto auf Ihrer Website anmelden, möchten Sie möglicherweise ein Abzeichen einfügen, das angibt, dass Sie ein vertrauenswürdiges Zahlungsverarbeitungsunternehmen, den Sicherheitsdienstleister Ihrer Website und Ihre BBB-Bewertung verwenden. Dies ist eine einfache Sache, die Sie tun können, die mit sehr wenig Aufwand oder Zeit eine enorme Wirkung haben wird.

Kim Abrams, Abrams Roofing

Vertrauensabzeichen finden Sie normalerweise in der Fußzeile der Website, wie in diesem Beispiel von HoneyPot:

Beispiel für Vertrauensabzeichen auf der E-Commerce-Website HoneyPot

Sie können diese Vertrauensabzeichen jedoch auf der Seite unter der Schaltfläche „In den Warenkorb“ weiter nach oben verschieben.

Häufig gestellte Fragen (FAQs)

Manchmal brauchen die Leute ein wenig zusätzliche Unterstützung. Bieten Sie auf Ihrer E-Commerce-Produktseite eine Fülle häufig gestellter Fragen an. Dies kann häufig gestellte Themen enthalten, z. B. zur Wartung und Verwendung Ihres Produkts.

Travis Lindemoen, Nexus IT-Gruppe

Hier ist ein großartiges Beispiel von LastObjects Produktseite für LastSwab:

Beispiel für den FAQ-Bereich auf der Shopify-Produktseite
Quelle

Der FAQ-Bereich ist in drei Kategorien unterteilt: Spezifikationen, Versand und Produkt. Wenn Sie darauf klicken, öffnet sich eine ganze Reihe häufig gestellter Fragen und Antworten.

LastSwab-Beispiel für den FAQ-Bereich auf der Shopify-Produktseite
Quelle

PS Wenn Sie nicht wissen, was Sie dem FAQ-Bereich hinzufügen sollen, oder ihn auf dem neuesten Stand halten möchten, fügen Sie einen Bereich hinzu, in dem Kunden Fragen stellen können. Der Bewertungsbereich von LastSwab enthält die Schaltfläche „Frage stellen“.

Beispiel für das Element "Frage stellen" auf der Produktseite
Quelle

Kundendienstoptionen

Manche Leute brauchen mehr Hilfe, um einen Kauf abzuschließen. In der Tat, wenn Sie sich die Gründe ansehen, warum Menschen Einkaufswagen verlassen, können die meisten davon durch einen 24×7-Support gemildert werden.

Gründe für den Warenkorbabbruch während des Bezahlvorgangs
Quelle

Denk darüber nach. Wenn Sie in einem Ladengeschäft Fragen zu einem Produkt haben oder Hilfe beim Self-Checkout benötigen, können Sie jederzeit einen Verkäufer fragen.

Warum replizieren Sie das nicht für Ihren digitalen Shop?

Geben Sie Menschen die Möglichkeit, Sie per Live-Chat, E-Mail, Telefon oder sogar WhatsApp zu erreichen.
Lunchskins bietet eine Live-Chat-Option und die Möglichkeit, in seiner Wissensdatenbank nach Antworten zu suchen.

Shopify-Shop-Beispiel für die Live-Chat-Box LunchSkins
Quelle

Wie lang sollte eine Shopify-Produktseite sein?

Es gibt keine Begrenzung, wie lang Ihre Shopify-Produktseite sein kann, aber Sie sollten die meisten wichtigen Elemente in der ersten Falte haben. Wenn Sie Ihrer Produktseite viele Informationen hinzufügen möchten, stellen Sie Folgendes sicher:

  • Die Schlagzeilen erzählen eine Geschichte
  • Der Inhalt ist überschaubar
  • Sie brechen den Inhalt mit Bildern auf
  • Der Inhalt ist nicht flauschig

Jason Wise empfiehlt die Verwendung von Negativraum, um eine Überlastung der Benutzer zu vermeiden.

Menschen haben eine sehr kurze Aufmerksamkeitsspanne und sind ungeduldig, wenn sie versuchen, die Bedeutung von etwas zu erfassen. Dies hat die Zeit verändert, die eine Person bereit ist, auf einer überwältigenden Webseite zu verbringen.
Was macht eine überwältigende Webseite aus? Viel Unordnung!

Wenn Sie verschiedene Komponenten mit sehr geringem Abstand hinzufügen, erhält das Gehirn gleichzeitig viele verschiedene Informationsreize – und wird überwältigt. Das Verlassen größerer Lücken, die als negativer Raum bezeichnet werden, ermöglicht es dem Gehirn, Informationen in Silos zu empfangen, sodass sich der Kunde auf einen Bereich konzentriert, bevor er zu einem anderen springt, was insgesamt zu einer positiven Erfahrung führt.

Jason Wise, EarthWeb

Eine Möglichkeit, die ideale Länge Ihrer Seite zu testen, besteht darin, sich Besucheraufzeichnungen anzusehen, Heatmaps anzuzeigen und dann A/B-Tests durchzuführen, um zu sehen, wie Ihr Publikum auf unterschiedliche Seitenlängen reagiert.

Shopify einzelne Produktseiten im Vergleich zu mehreren Produktseiten

Aus SEO-Sicht sind einzelne Produktseiten im Allgemeinen besser. Wenn Sie viele Rezensionen haben und diese Rezensionen Bilder oder Videos enthalten, können Sie die besten Rezensionen für die Seite auswählen und den Rest auf eine separate Seite verschieben, damit die Ladezeit nicht verlangsamt wird.

Ein weiteres Dilemma, dem Sie möglicherweise gegenüberstehen, ist, wenn Sie ein Produkt mit einer Vielzahl von Varianten haben. Sollten Sie eine einzelne Seite haben, auf der alle verwandten Produkte gehostet werden, oder mehrere Produktseiten miteinander verknüpfen?

Denken Sie zuerst an die Benutzererfahrung. Wenn es sich bei der Variation um einen Farbunterschied handelt, können Sie die beiden Produkte auf derselben Seite hosten. Wenn das zweite Produkt jedoch mehr Funktionen oder ein völlig anderes Design hat, ist es besser, es unter einer Liste von Produktempfehlungen hinzuzufügen.

So strukturieren Sie eine Shopify-Produktseite von Grund auf neu

Hier ist eine Aufschlüsselung von Darren Litt darüber, was dazu beiträgt, dass die Produktseite von Hiya Health gut abschneidet:

„Erstens beginnt es mit klaren Fotos unseres Produkts, zusammen mit einer Liste seiner wichtigsten Vorteile und einer Beschreibung. Sie sehen auch den Preis, die Nährwerte, die 5-Sterne-Produktbewertung und die Rabattaktion, die wir für Erstbestellungen anbieten. Dies ist eine gute Möglichkeit, Aufmerksamkeit zu erregen, das Interesse der Leute an Ihrem Angebot zu wecken und sie dazu zu bringen, weiter zu scrollen, um mehr zu erfahren. Es ist auch eine Möglichkeit für uns, die soziale Mission unserer Marke zunächst vorzustellen.

Produktseite von Hiya Health
Quelle

Als nächstes haben wir einen Abschnitt für Erfahrungsberichte von zufriedenen Kunden. Dies ist eine großartige Möglichkeit, potenziellen Käufern zu zeigen, dass andere mit dem, was sie gekauft haben, zufrieden waren, und es hilft, ein Gefühl des sozialen Beweises zu schaffen. Sie werden feststellen, dass wir hier zwei Abschnitte haben, von denen einer automatisch die neuesten Erfahrungsberichte von verifizierten Käufern hinzufügt. Erwähnenswert ist auch, dass wir Fotos der Rezensenten beigefügt haben, um sie besser nachvollziehbar zu machen.

Hiya Erfahrungsberichte von zufriedenen Kunden
Quelle

Es folgt ein Abschnitt, der zeigt, was Hiya Multivitamin von normalen Vitamingummis auf dem Markt unterscheidet. Dies ist auch wichtig, weil es den Menschen hilft, das einzigartige Wertversprechen unseres Produkts zu verstehen und warum es sich lohnt, dafür zu bezahlen.

Abschnitt, der zeigt, was Hiya Multivitamin von normalem Vitamin unterscheidet
Hiya gegen Konkurrenz
Quelle

Sie sehen auch einen Abschnitt für häufig gestellte Fragen. Dies ist wichtig, da es hilft, etwaige Bedenken oder Vorbehalte, die jemand gegenüber unserem Produkt haben könnte, vor dem Kauf auszuräumen. Da diese Informationen leicht zugänglich sind, können potenzielle Kunden eine fundierte Entscheidung darüber treffen, ob unser Produkt für sie geeignet ist oder nicht. Dieser Abschnitt zeigt auch, dass wir von dem, was wir verkaufen, überzeugt sind und dass wir unser Produkt und seine Inhaltsstoffe transparent darstellen.

Hiya häufig gestellte Fragen
Quelle

Zu guter Letzt haben wir einen Call-to-Action-Button, der viermal strategisch in unserem Produktseitenlayout platziert ist. Denn wir wollen es potenziellen Kunden so einfach wie möglich machen, den nächsten Schritt zu gehen und unser Produkt zu kaufen.“

Zu guter Letzt haben wir einen strategisch platzierten Call-to-Action-Button

Hinweis : Die Produktseite von Hiya Health trifft genau die richtigen Noten. Es hat auch ein tolles Angebot für Erstkäufer, das prominent im Banner angezeigt wird. Außerdem Zertifizierungs- und Vertrauensabzeichen auf der Produktseite.

Die einzige neue Sache, mit der Sie vielleicht experimentieren möchten, ist eine Vergleichstabelle für Ihre Produktseite. Dies ist völlig optional und etwas, das Sie vielleicht testen möchten, bevor Sie es einführen.

Einweben emotionaler Überzeugung in Shopify-Produktseiten

Emotionales Marketing ist Kunst und Wissenschaft zugleich. Es ist eine Wissenschaft, weil Forschung erforderlich ist, um die Emotionen zu erschließen, die die Gedanken, Gefühle und gewünschten Ergebnisse antreiben, die Ihre Kunden zum Kauf bewegen. Die Kunst besteht darin, Erkenntnisse zu nutzen, um bessere Benutzererfahrungen, Texte und Bilder zu schaffen, die die Conversions steigern.

Talia Wolf, GetUplift

Es mag zwar logisch erscheinen, Ihr Publikum in verschiedene Demografien zu unterteilen, aber verstehen Sie Folgendes: Menschen kaufen keine Produkte, sie kaufen Emotionen.

Der beste Weg, um zu verstehen, wie das funktioniert, ist ein Beispiel von einer Marke, von der sowohl Kinder als auch Erwachsene besessen sind – LEGO.

In GetUplifts AZ Emotional Marketing Guide erklärt Talia, wie LEGO die Kunst gemeistert hat, Emotionen zum Verkaufen einzusetzen.

Wenn Sie ein Elternteil wie ich sind, haben Sie wahrscheinlich wegen der winzigen Lego-Teile, die Ihre Kinder im Haus herumgeworfen haben, ein paar Stöße auf die Füße bekommen. Autsch!

Sie sind jedoch bereit, diesen vorübergehenden Schmerz zu ertragen und Ihren Kindern ein Lego-Set zu kaufen, weil Sie wissen, dass das Spielen mit Legosteinen die Fantasie Ihrer Kinder anregt, sie dazu anregt, neue Dinge auszuprobieren, und letztendlich ihr Selbstvertrauen stärkt.

Das ist die Idee, mit der die Lego-Gruppe verkauft.“

Die meisterhaften Anzeigen von LEGO machen den Trick.

Hier ist ihre ursprüngliche (preisgekrönte) „What it is beautiful“-Werbung aus dem Jahr 1980 und wie sie sie für 2021 neu erstellt haben:

„Was es ist, ist schön“-Werbung aus dem Jahr 1980 und wie sie es für 2021 nachgebaut haben:
Quelle

Diese Anzeigen richten sich direkt an das Herz der Eltern und zeigen ihnen, dass Lego ein wesentlicher Bestandteil des Bauens, Erfindens und Erweckens der Träume ihrer Kinder ist. Lego-Anzeigen konzentrieren sich nicht darauf, was Sie bauen können (z. B. eine Burg, ein Auto, einen Turm oder einen Monstertruck). Sie heben nicht die Anzahl der Teile hervor, die Sie in einer Packung haben, oder die Preise. Stattdessen zeigen sie Ihnen eindrucksvolle Bilder von Kindern, die stolz ihre Kreationen bauen und halten.

Apple-Produktseiten: eine Lektion in Sachen Verkaufskompetenz

Wir können nicht über Produktseiten sprechen und nicht an Apple denken. Außerdem sieht Google die Produktseiten von Apple als eine für Shopify-Produktseiten relevante Entität an.

Apple legt großen Wert darauf, seinen Kunden ein zufriedenstellendes Erlebnis zu bieten, und diese Philosophie erstreckt sich auch auf den Online-Shop des Unternehmens. Ihre Produktseiten umfassen eine unkomplizierte, aber unglaublich effektive Benutzeroberfläche, und sie bieten auch alle wesentlichen Informationen, die zum Abschluss einer Transaktion erforderlich sind.

Der technologische Gigant hat eine einzelne Seite ausgewählt, die sowohl auf die Kapazität als auch auf die Verarbeitung großen Wert legt, obwohl das Produkt in verschiedenen Größen und Farbkombinationen erhältlich ist. Apples Betonung darauf, die Aufmerksamkeit zu nutzen, die Benutzer der Seite schenken, um Aufmerksamkeit auf ein Tauschangebot zu lenken, ist ein weiteres Element, das uns an dem Unternehmen sehr gefällt.

Tanner Arnold, Offenbarungsmaschinen

Apple-Produktseiten folgen einer ähnlichen Struktur:

  • Eine schnelle Produktübersicht + Produktbild
Apple Produktseitenanalyse Produktübersicht
  • Geführte Produkttour Video
Geführte Produkttour zur Apple-Produktseitenanalyse Video
  • Vergleichstabelle verschiedener Modelle
Vergleichstabelle für die Apple-Produktseitenanalyse
  • Verschiedene Kaufmethoden hervorgehoben
Kaufmethoden zur Analyse von Apple-Produktseiten
  • Wichtige Links für Kundenservice, kostenlosen Versand und Zahlungsmöglichkeiten
Apple-Produktseitenanalyse wichtige Links für Kundenservice, Versand, Zahlung

Apple-Produktseiten sind mit hochwertigen Produktfotos und mehreren CTAs übersät und geben den Benutzern alle Informationen, die sie benötigen, ohne sie zu überfordern.

Trennungsgrade: andere Elemente, die sich auf Shopify-Produktseiten auswirken

Auch wenn die Produktseite für einen Käufer am wichtigsten sein mag, wirken sich auch andere Seiten und Elemente auf Ihrer Website auf Ihre Produktseite aus.

  • Kategorieseitendesign und Navigation

    Denken Sie bei der Gestaltung Ihrer Kategorieseite an den Benutzer. Was würde ihnen am meisten Sinn machen?

    Beispielsweise können Sie die Hautpflege basierend auf den Bedenken, dem Hauttyp oder der Produktkategorie eines Benutzers zusammenfassen.

    Sugar Cosmetics leistet hervorragende Arbeit bei der Präsentation seiner verschiedenen Produktkategorien und verwendet ein Dropdown-Menü für jeden Hauptartikel:
Beispiel für das Drop-down-Menü der E-Commerce-Produktseite Sugar Cosmetics
Quelle

Einige dieser Kategorien haben Unterkategorien, die zu einer Produktlistenseite wie dieser führen:

Beispiel für E-Commerce-Produktseitenauflistungen Sugar Cosmetics
Quelle
  • Kontaktieren Sie uns Seite

Das Element, das zur Verbesserung der Konversionsrate unserer Seite beigetragen hat, war der einfache Zugriff auf die Kontaktseite. Bei der Erstellung der Website haben wir darauf geachtet, dass die Kontaktseite nicht zu kompliziert ist. Je weniger Klicks ein Verbraucher zum Beispiel benötigen würde, um die Kontaktseite zu erreichen, würde bedeuten, dass er wahrscheinlich konvertieren würde.

Kontaktseite
Quelle

Die Website unseres Unternehmens ist einfach und prägnant und bietet gerade genug Optionen für das potenzielle Publikum, um uns ohne großen Aufwand zu erreichen. Wir haben unsere Kontaktseite in Google Maps integriert, damit Verbraucher unser Ladengeschäft leicht finden können. Die Vielfalt der Optionen hilft Verbrauchern bei der Entscheidung, welche Kommunikationsmethode für sie am besten geeignet ist.

Jessica Kats, Soxy

  • Pop-ups

    Obwohl Pop-ups nicht auf Produktseiten leben, sind sie ein Teil von ihnen. Ein lästiges Pop-up kann das Kundenerlebnis ruinieren. Aber ein effektives Pop-up zum richtigen Zeitpunkt kann Ihnen dabei helfen, mehr Kunden zu gewinnen.

    Wie können Sie ein Pop-up erstellen, das Ihnen hilft, mehr zu konvertieren? Recherchiere dein Publikum, bilde eine Hypothese und teste sie.

    Lassen Sie uns Ihnen eine Frage stellen: Welches dieser beiden Pop-ups von Sumo ist Ihrer Meinung nach die bessere Version?
Beispiel für ein Coupon-Popup auf der Produktseite
Beispiel für ein Abonnement-Popup auf der Produktseite
Quelle

Lesen Sie unseren vollständigen Leitfaden: A/B-Testen von Pop-ups auf Shopify: Wie man sie effektiv macht, um es herauszufinden!

  • Wunschlisten

Auch wenn es schwer zu hören sein mag, einige Leads sind einfach nicht bereit, einen Kauf zu tätigen. Das kann alles sein: Sie können es sich im Moment nicht leisten, zu kaufen, oder sie warten darauf, dass der Preis fällt. Wunschlisten sind auch beliebt, weil sie potenziellen Käufern ermöglichen, verschiedene Artikel und Preise zu „querverweisen“ und zu bewerten.

Jason, CocoLoan

Außergewöhnliche Ideen zum Ausprobieren auf Shopify-Produktseiten

Abgesehen von all den Elementen, die Ihre Produktseiten haben sollten, sind hier einige interessante Ideen, die Sie ausprobieren können:

1. Gamify Erhalte Belohnungen wie Kettle & Fire

Unten auf der Produktseite hat Kettle & Fire eine Belohnungsleiste
Quelle

Unten auf der Produktseite hat Kettle & Fire eine Belohnungsleiste. Wenn Sie weitere Produkte hinzufügen, nähert sich die Leiste der Fertigstellung, bis Sie ein mysteriöses Geschenk freischalten.

2. Sei lustig und witzig wie Pourri

Pourri, eine Marke für natürliche Geruchsvernichter, verfolgt mit ihrer Marke einen äußerst lustigen und geistreichen Ansatz, der in der Kopie deutlich wird:

Pourri verfolgt einen äußerst lustigen und witzigen Ansatz

3. Entwerfen Sie ein futuristisches Layout wie Sixty-Nine

Sixty-Nine verwendet ein sauberes und minimales Layout für seine Produktseiten
Quelle

Sixty-Nine, eine nicht-demografische Bekleidungsmarke, verwendet ein klares und minimales Layout für seine Produktseiten.

Die Schaltfläche „In den Warenkorb“ blinkt, während unten ein Ticker mit der Aufschrift „Du bist großartig“ vorbeizieht.

Benötigen Sie weitere Ideen? Hier sind einige aus Rishi Rawats Newsletter Quick Bites

  • Probieren Sie das Mixed-Media-Format für Ihre Produktbilder aus
Mixed-Media-Format für Ihre Produktbilder
  • Geben Sie der Benutzeroberfläche Ihrer Kategorieseite eine solche Überarbeitung
Shure-Kategorieseite
  • Begründen Sie Ihre Preise gegenüber Skeptikern
Britely Preise für Skeptiker

Melden Sie sich hier für den Quick Bites-Newsletter von Rishi Rawat an.

Beste Shopify-Produktseitenvorlagen

Brauchen Sie etwas, das sofort einsatzbereit ist? Hier sind 5 der besten Produktseitenvorlagen, die Sie ausprobieren können:

Hinweis : Die Verwendung dieser Vorlagen verändert das Aussehen des gesamten Shops.

Reich

Beste Shopify-Produktseitenvorlagen Empire
Quelle

Dieses Thema von Pixel Union zeichnet sich durch ein klares, minimalistisches Design aus und verfügt über alle notwendigen Elemente, die Sie benötigen, um Ihre Produktseiten hervorzuheben. Empire hat 3 verschiedene Stile zur Auswahl – Supply, Graphic und Industrial.

Von den 277 Bewertungen sind 75 % positiv.

Beste Shopify-Produktseitenvorlagen Empire Bewertungen
Quelle

Frisch

Beste Shopify-Produktseitenvorlagen Frisch
Quelle

Das Shopify-Theme von Eight Theme, Fresh, hat einen großartigen, verspielten Look und behält gleichzeitig alle notwendigen Elemente bei, die Sie benötigen, um Benutzer von einem Kauf zu überzeugen. Fresh hat 3 verschiedene Stile zur Auswahl – Sharp, Sweet und Smooth.

83 % der Bewertungen sind positiv und Entwickler antworten auf jede Bewertung.

Beste Shopify-Produktseitenvorlagen Neue Bewertungen
Quelle

Mojave

Beste Shopify-Produktseitenvorlagen Mojave
Quelle

Das Mojave-Design von DigiFist ist auch eine großartige Option für Produktseiten. Beide Themenstile, Inner und Mojave, haben die passenden Elemente und Reiter für „Versand und Rücksendung“ sowie „Material & Pflege“.

Die Bewertungen für das Thema sind 100% positiv:

Beste Shopify-Produktseitenvorlagen Mojave-Bewertungen
Quelle

Schub

Best Shopify Product Page Templates Boost
Best Shopify Product Page Templates Boost
Quelle

Clean Canvas' Boost theme checks off all the right boxes. Plus, you can add a gift message in the basket when you checkout. You can play around with 4 different theme styles—Bloom, Inspire, Spark and Flourish.

The reviews are 95% positive.

Beste Shopify-Produktseitenvorlagen Steigern Sie die Bewertungen
Quelle

Kaskade

Beste Shopify-Produktseitenvorlagen Cascade
Quelle

Cascade by Switch ist ein ästhetisch ansprechendes Thema, das Sie in 3 verschiedenen Stilen ausprobieren können – Classic, Bright und Modern.

100% der Bewertungen sind positiv.

Beste Shopify-Produktseitenvorlagen Cascade-Bewertungen
Quelle

Die besten Beispiele für Shopify-Produktseiten, die Sie sich ansehen sollten

Erfolgreiche Shopify-Produktseiten basieren auf 4 Säulen:

  • Klarheit
    Ist klar, was verkauft wird? Können Sie, sobald Sie auf der Seite landen, feststellen, was der Laden verkauft? Oder muss man rumsuchen, um das herauszufinden? Aufmerksamkeit ist flüchtig, also stellen Sie sicher, dass Ihre Seite auf einen Blick verstanden werden kann.
  • Relevanz
    Stimmt es mit dem überein, was Käufer suchen? Wenn Sie Ihre Kekse als vegan, tierversuchsfrei und allergikerfreundlich bewerben, stellen Sie sicher, dass Sie diese Behauptungen in den Nährwertinformationen Ihres Produkts belegen und Ihre Zertifizierungen anzeigen.
  • Fachwissen
    Zeigt die Seite Erfahrung und Fachwissen? Haben Sie Erstkunden genügend Informationen zur Verfügung gestellt, um ihre Ängste zu zerstreuen? Beispielsweise sollten Sie über detaillierte Produkthandbücher und Pflegeanleitungen verfügen.
  • Einfache Entscheidungsfindung
    Bietet die Seite genügend Informationen auf optimierte Weise, sodass Erstkäufe ohne Analyselähmung abdrücken können?

    Ben Labay untersucht in diesem Beitrag, wie wichtig dies ist:

Abgesehen von den Produktseiten, die wir durchgehend untersucht haben, sind hier einige weitere Beispiele für Shopify-Produktseiten, die die richtigen Kästchen ankreuzen:

  • Farbpop
Produkt-Website-Beispiel Colorpop
Quelle
  • Gymshark
Beispiel einer Produktwebsite Gymshark
Quelle
  • Bajaoo
Beispiel einer Produktwebsite Bajaoo
Quelle

Erstellen der perfekten Shopify-Produktseite für Ihr Geschäft: Testen Sie alles

Die perfekte Shopify-Produktseite gibt es nicht.

Lassen Sie sich von erfolgreichen Produktseiten inspirieren und drehen Sie sie um. Sie kennen Ihre Kunden am besten.

Ihre Fähigkeit, Ihren E-Commerce-Shop in eine schlanke Konvertierungsmaschine zu verwandeln, läuft auf zwei Dinge hinaus – wie gut Sie Ihre Kunden kennen und wie oft Sie diese Erkenntnisse auf die Probe stellen können.

Schaffen Sie eine Kultur des ständigen Experimentierens mit A/B-Tests und beobachten Sie, wie die Einnahmen steigen!

Lesezeichen: A/B-Tests auf Shopify: The Entrepreneur's Guide (+ 9 reale Beispiele)

Shopify
einkaufen