21 Tipps für das WooCommerce-Website-Design

Die Gestaltung Ihrer WooCommerce-Website trägt zur Kundengewinnung bei. Bedenken Sie, dass Menschen auf Ihrer Website unterschiedlich einkaufen. Sie haben nur wenig Zeit, Besucher davon zu überzeugen, Ihrer Marke zu vertrauen und bei ihr zu kaufen. In diesem Beitrag geben wir Ihnen Tipps, wie Sie die entscheidenden Sekunden optimal nutzen, um Ihre Kunden zu überzeugen – mit diesen 21 Tipps für das WooCommerce-Website-Design.

Tipps zum WooCommerce-Website-Design

1) Benutzerdefiniertes WooCommerce-Suchfeld

Sorgen Sie dafür, dass die Suchleiste immer verfügbar ist. Ihre Besucher möchten schnell und einfach finden, wonach sie suchen, ohne lange suchen zu müssen. Sorgen Sie dafür, dass die Suchfunktion überall gut sichtbar angezeigt wird.

• Vergessen Sie nicht das Handy: Den meisten Menschen ist nicht bewusst, dass die meisten Suchseiten mittlerweile mobil sind. Machen Sie es mobilfreundlich
• Filtern Sie die Ergebnisse: Sorgen Sie für eine intelligente Suche. Wenn Benutzer beispielsweise „Holz“ eingeben, werden alle Produkte mit dem Tag „Holzböden“ angezeigt.
• Werkzeuge: Wir empfehlen die Verwendung der Product Finder-Erweiterung von WooCommerce: https://woocommerce.com/products/product-finder/
• Seien Sie auffällig: Sorgen Sie dafür, dass Ihre Suchleiste hervorsticht. Gestalten Sie sie so, dass sie für das Layout und/oder die Schaltfläche eine andere Akzentfarbe haben kann.

Um Ihre WooCommerce-Suche zu verbessern, probieren Sie dieses Plugin aus: https://docs.woocommerce.com/document/woocommerce-product-search/

2) Organisierte Navigation

Online-Käufer besuchen Ihre Website, um schnell und bequem einkaufen zu können. Gestalten Sie die Navigation so einfach, aber dennoch detailliert wie möglich, um sie ans Ziel zu führen. Platzieren Sie Ihre Navigationsleisten immer dort, wo Besucher sie erwarten. Die Standardpositionen sind vertikal links unten auf der Seite und horizontal oben. Noch besser ist es, wenn die horizontale Navigationsleiste beim Scrollen oben auf dem Bildschirm bleibt. Stellen Sie außerdem sicher, dass Ihre Navigationsmenüs auf allen Bildschirmgrößen und Geräten funktionieren. Da Nutzer über Smartphones, Tablets, Desktops und viele andere Geräte einkaufen, sollte die Website auf allen Plattformen gleich reagieren und die gleiche einfache Navigation bieten.

Bewährte Methoden für die Navigation

• Die Kategorisierung ist entscheidend: Achten Sie bei der Navigation darauf, dass die Kategorisierung für die angebotenen Produkte oder Dienstleistungen verständlich ist. Verwenden Sie spezielle Namen, deren Bedeutung für neue Benutzer nicht verständlich ist. Das kann für sie frustrierend sein, da Sie nur wenige Sekunden Zeit haben, um sie zu einer Reaktion zu bewegen und den Kaufprozess fortzusetzen. Eine klare und hierarchische Struktur ist wichtig.
• Machen Sie die Dinge klebrig: Wir möchten die Hauptnavigation fixieren, damit beim Scrollen die Hauptlinks immer sichtbar sind. Wenn Sie viele Produkte haben, versuchen Sie es mit einer Mega-Navigation mit fixer Navigation.
• Es ist in Ordnung, mehrere Navigationsarten zu haben: Die horizontale Hauptnavigation funktioniert in den meisten Fällen. Je nach Informationsmenge ist sie jedoch manchmal auch sinnvoller. Beachten Sie, dass Sie je nach Bereich der Website verschiedene Navigationsarten verwenden können. Beispielsweise kann eine obere Leiste über dem Logo eher Links und Symbole zu Kundenservice und Shopping enthalten, die Hauptnavigation kann die wichtigsten Dienste und/oder Bereiche der Website darstellen und die Fußzeile kann all dies enthalten.

Navigationsfehler:

• Nicht standardmäßige Navigation: Das Design mag cool wirken, aber für einen erfahrenen, geschulten Benutzer ist es wichtig, die gleichen Muster in der Benutzeroberfläche zu sehen, da er Ihr Produkt kaufen und kennenlernen möchte und nicht davon beeindruckt sein möchte, wie gut Ihr Design ist. Wenn Sie Zweifel haben und etwas anderes ausprobieren möchten, testen und messen Sie mit verschiedenen Stilen.
• Verwenden generischer Links: Wenn Sie auf Ihrer Website Produkte verkaufen und in der Hauptnavigation nur „Produkte“ angezeigt wird, verkaufen Sie sich selbst unter Wert, da der Benutzer finden muss, was Sie verkaufen. Versuchen Sie es mit einer kleinen oberen Navigation über dem Logo und dann mit der Hauptnavigation, die entweder Produktkategorien oder die Produkte selbst enthält.
• Verpassen Sie nicht die Brotkrümelnavigation: Eines der einfachsten und effektivsten Tools für Benutzerfreundlichkeit und SEO sind ausgelassene Sites.

3) Verwandte Produkte, Up-Sells und Cross-Sells

Durch die Personalisierung des Besuchererlebnisses vermitteln Sie Ihren Besuchern das Gefühl, dass Sie auf ihre Bedürfnisse und Wünsche eingehen. Ähnliche Produkte werden auf der Produktseite angezeigt. Sie können Ihren Besuchern auch zeigen, welche Produkte andere im Zusammenhang mit den von ihnen angesehenen Artikeln gekauft haben.

Zusatzverkäufe: Dabei kann es sich um eine große Menge, eine bessere Version oder das gleiche Produkt im Paket mit einem anderen handeln, das im Kauferlebnis angezeigt wird, um einen höheren Umsatz zu erzielen.

Verwandte Produkte : Sie können Produkte auf der Produktinformationsseite anzeigen lassen, es handelt sich dabei jedoch um Produkte, die zusätzlich zu dem Produkt gekauft werden sollen, das der Kunde gerade ansieht.

Cross-Selling: Sie können Artikel auf der Produktseite und im Warenkorb anzeigen lassen, um einen Kaufimpuls auszulösen.

Sehen Sie sich die integrierten Funktionen von WooCommerce an: https://docs.woocommerce.com/document/woocommerce-widgets/

Hier ist eine tolle Erweiterung für Upselling und Cross-Selling:  https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/

Sie können auch kostenpflichtige Plugins verwenden, um bestimmte Funktionen wie YITH zu erreichen

https://yithemes.com/themes/plugins/yith-woocommerce-recently-viewed-products/

4) Machen Sie Einkaufswagen dauerhaft

Speichern des Warenkorbs:

Richten Sie beim Einkaufen Ihrer Besucher ein Langzeit-Cookie ein, damit sie später wiederkommen und dort weitermachen können, wo sie aufgehört haben. Das Leben ist voller Unterbrechungen, und Sie möchten keinen Verkauf verlieren, nur weil Besucher beim letzten Besuch vergessen haben, was in ihrem Einkaufswagen war. Sie können direkt zur Kasse gehen, um die Bestellung abzuschließen, oder mit einer praktischen Suchleiste und Bildern anderer potenzieller Interessenten entscheiden sie sich vielleicht, noch etwas länger zu bleiben und einzukaufen.

Kasse: https://codecanyon.net/item/save-share-cart-for-woocommerce/5568059

WooCommerce Cookies

WooCommerce erstellt drei verschiedene Arten von Cookies und hat diese bereits integriert. Die ersten beiden Cookies enthalten Informationen über den gesamten Warenkorb und helfen WooCommerce zu erkennen, wann sich die Warenkorbdaten ändern. Das letzte Cookie (wp_woocommerce_session_) enthält einen eindeutigen Code für jeden Kunden, sodass WooCommerce weiß, wo die Warenkorbdaten in der Datenbank für jeden Kunden zu finden sind.

• woocommerce_cart_hash
• woocommerce_items_in_cart
• wp_woocommerce_session_

Wunschlisten:

Sie können auch Wunschlisten zum Menü hinzufügen. Wunschlisten speichern einen Artikel für den Käufer, ohne ihn aus dem Bestand Ihrer Website zu entfernen. Die Verwendung des Warenkorbs als langfristige Wunschliste kann zu Problemen mit Ihrem Bestand führen. Die Bereitstellung einer Alternative kann einige dieser Probleme lindern.

Probieren Sie das WooCommerce-Wunschlisten-Plugin aus: https://woocommerce.com/products/woocommerce-wishlists/

5) Zeigen Sie Ihre Kundenservice-Links und Telefonnummer deutlich an

Alle Online-Käufer möchten sich auf Ihrer Website sicher und geborgen fühlen. Ihre Referenzen mögen überzeugend sein, doch ein Käufer, der Ihre Website zum ersten Mal besucht, sucht nach Anzeichen dafür, dass Sie tatsächlich glaubwürdig sind. Der beste Weg, sich neuen Kunden vorzustellen, ist die Transparenz Ihrer Kontaktinformationen. Die Anzeige Ihrer Telefonnummer und Kundenservice-Links an prominenter Stelle auf der Website trägt dazu bei, dass sich Ihre Kunden wohlfühlen und die Gewissheit haben, dass ihre Kreditkarteninformationen bei Ihnen sicher sind.

6) Nennen Sie prominente Partner und Mitarbeiter

Um Ihre Glaubwürdigkeit zu etablieren, sind keine Grenzen gesetzt. Wenn Sie Partner oder Mitarbeiter haben, die Ihre Gäste kennen, nennen Sie diese Namen. Wenn Sie nachweisen können, dass Sie mit etablierten und erfolgreichen Unternehmen verbunden sind, fühlen sich Ihre Gäste beim Einkaufen auf Ihrer Website eher sicher. Wir sind zertifizierte WooCommerce-Experten und stolz darauf!

7) Rotierende Karussells sind out

Karussells haben zwar ihre Vorteile, sind aber nicht SEO-freundlich. Sie helfen Ihnen zwar, mehr Produkte und Aktionen zu präsentieren, verlangsamen aber Ihre Website und werden von Nutzern als störend empfunden. Sie bewegen sich zu schnell, um den Inhalt wirklich zu verarbeiten. Wenn Sie unbedingt ein Karussell verwenden müssen, integrieren Sie eines, das die automatische Rotation stoppt, sobald der Cursor darüber schwebt. So kann der Kunde den Artikel sehen, ohne die Seite mit der vollständigen Beschreibung aufrufen zu müssen. Am besten verwenden Sie nur statische Bilder. Ihre Besucher sind nicht an Schnickschnack interessiert. Sie wollen tolle Produkte zum bestmöglichen Preis.

8) Machen Sie Ihren Verkaufsbereich zum Hingucker

Machen Sie Appetit. Die meisten Online-Käufer kaufen ein Produkt erst, wenn es im Angebot ist. Platzieren Sie einen gut sichtbaren Link zu Ihren reduzierten Produkten, damit diese Käufer direkt zu den gewünschten Artikeln gelangen. Verwenden Sie eine andere Farbe für den Link oder einen auffälligen Schriftzug. Schnäppchenjäger sind eine tolle Zielgruppe, da sie gerne anderen erzählen, was sie zu einem tollen Preis gefunden haben. Das ist kostenlose Werbung nach dem Verkauf.

Spezieller Bereich in der Hauptnavigation:

Site-weiter Verkauf:

Zu Produktlisten:

9) Kostenloser Versand

Wenn Sie Ihren kostenlosen Versand an prominenter Stelle auf der Homepage ankündigen, reduzieren Sie die Anzahl abgebrochener Warenkörbe deutlich. Viele Käufer füllen ihren Warenkorb, verlassen ihn aber wieder, wenn sie die extrem hohen Versandkosten sehen. Manche informieren sich vor der Bestellung über Ihre Versandbedingungen. Stellen Sie daher sicher, dass diese an einer gut sichtbaren Stelle auf Ihrer Seite platziert sind. Bieten Sie Kunden, die eine schnellere Lieferung wünschen, auch andere Versandoptionen an.

Einzelhandelsstudie: 9 von 10 Verbrauchern sagen, dass kostenloser Versand der wichtigste Anreiz zum Online-Shopping ist.

10) Bringen Sie Sparmöglichkeiten auf einer Verkaufsseite zusammen

Verlinken Sie von Ihrer Homepage zu einem Bereich, der sich dem Sparen widmet. Hier finden Sie Informationen zu kostenlosem Versand, Gutscheincodes, Treuepunkten, Rabatten und weiteren Werbegeschenken. Möglicherweise ist dies der meistbesuchte Bereich Ihrer Website. Die Schnäppchenjäger werden Sie wahrscheinlich schon allein deshalb als Lesezeichen speichern.

Fügen Sie eine dedizierte Verkaufsseite hinzu: Beliebte Ideen könnten das Angebot des Monats/der Woche/des Tages oder einfach die Erstellung einer Seite für ein einmaliges Feiertags-Special sein.

11) Verwenden Sie eine Modalbox

Vermeiden Sie Unordnung auf Ihrer WooCommerce-Startseite, indem Sie ein modales Fenster verwenden. Präsentieren Sie wichtige Nachrichten, ohne sie zu einem Teil der Startseite zu machen. So schaffen Sie Platz in Ihrem Shop für weitere Produkte. Diese Boxen sind nur dann hilfreich, wenn sie richtig eingesetzt werden. Sie haben den schlechten Ruf, Werbung zu enthalten, die nichts weiter als störend ist. Achten Sie darauf, sie nicht zu häufig zu verwenden und den Button zum Schließen der Box leicht zugänglich zu machen. Setzen Sie ein Cookie ein, damit ein Benutzer nicht mehr als eine Box pro Besuch und nicht bei jedem Besuch eine Box sieht.

12) Live-Chat-Support

Live-Chat ist eine hervorragende Möglichkeit, Fragen, Bedenken oder allgemeine Zweifel eines Kunden in Ihrem WooCommerce-Shop sofort zu klären. Nur wenige Käufer rufen tatsächlich den Kundendienst an, und viele verlassen ihn frustriert. Live-Chat-Software ist eine lohnende Investition, um Kundenzweifel im Keim zu ersticken. Kunden erhalten das Gefühl einer persönlichen Betreuung. Live-Chat kann einen effizienten Kundenservice bieten und Umsatzeinbußen vermeiden.

13) Übermäßige Vertrauensabzeichen werfen rote Fahnen

Vertrauensabzeichen sind eine gute Sache, aber übermäßiger Einsatz kann ein falsches Sicherheitsgefühl hervorrufen. Begrenzen Sie die Anzahl der Abzeichen und stellen Sie sicher, dass sie weithin anerkannt sind. Ein übermäßiger Einsatz kann das Vertrauen, das sie vermitteln sollen, untergraben.

14) Testen Sie Ihre WooCommerce-Produkt- und Kategorieseite

A/B-Tests sind eine hervorragende Möglichkeit, die effektivste Art der Produktpräsentation zu ermitteln. So erhalten Sie zwei verschiedene Darstellungsformen für Ihre Kunden und erhalten im Laufe der Zeit Statistiken darüber, welche für Ihre Website am besten geeignet ist. Experimente mit A/B-Tests können das Besuchererlebnis und Ihr Geschäftsergebnis deutlich verbessern.

Einige Tools, die wir bei unseren Kunden verwenden: Visueller Web-Optimierer Und Heißes Glas.

Sehen Sie sich hier einige Fallstudien an: https://vwo.com/blog/10-kickass-ab-testing-case-studies/

15) Besucher durch Knappheit fesseln

Eine Möglichkeit, Besucher zum Kauf zu bewegen, besteht darin, Botschaften anzuzeigen, die Dringlichkeit vermitteln. Zeigen Sie ihnen, dass ein Artikel nur noch in begrenzter Menge verfügbar ist oder geben Sie ihnen das Gefühl, dass die gewünschte Größe bald ausverkauft sein könnte. Dadurch steigen die Chancen, dass sie den Artikel kaufen, bevor es zu spät ist. Der Trick besteht darin, diese Botschaften subtil zu gestalten, sodass sie das Gefühl haben, ihnen einen Gefallen zu tun, während Sie sie letztendlich zum sofortigen Kauf drängen, anstatt später oder gar nicht.

Hier ist ein kostenloses Plugin zum Ausprobieren: https://wordpress.org/plugins/woo-custom-stock-status/

16) Scrollen ist ok

Kunden erwähnen manchmal, dass sie Artikel oberhalb des Falzes wünschen. Wir antworten mit der Frage: „Welchen Falz meinen Sie?“ Bei so vielen Monitoren unterschiedlicher Größe ist Scrollen irrelevant geworden. Auch Mobilgeräte haben die Situation völlig verändert, da sie die Statistiken dominieren und Desktops daher einen sehr kleinen Prozentsatz ausmachen, wenn es darum geht, einen Falz anzusprechen. Tony Haile von Chartbeat hat zahlreiche Daten veröffentlicht, die dies belegen. Verkaufen Sie sich nicht unter Wert, bieten Sie Ihren Besuchern mehr auf der Homepage, um SEO, Benutzerfreundlichkeit und Merchandising Ihrer Produkte zu unterstützen

Weitere Statistiken finden Sie hier auf Time.com:  http://time.com/12933/what-you-think-you-know-about-the-web-is-wrong/

17) Ermutigen Sie sie zum Teilen

Geben Sie Käufern zahlreiche Möglichkeiten, Ihre Produkte mit Freunden und Familie zu teilen. Stellen Sie Teilen-Buttons zur Verfügung und bitten Sie sie direkt zum Teilen. So wird nicht nur Ihr Produkt mehr Menschen präsentiert, sondern auch Ihre Marke und ein Link zu Ihrer Website. Durch die Bereitstellung von Teilen-Möglichkeiten steigern Sie den Traffic und die Conversions Ihrer Website erheblich.

18) Installieren Sie eine Heatmap auf Ihrer WooCommerce-Homepage

Verlassen Sie sich nicht auf unser Wort. Analysieren Sie Ihre Homepage, bevor Sie Änderungen vornehmen, um zu verstehen, wie hoch Ihre Klicksättigung, das Scrollverhalten der Besucher und das Interesse pro Kanal (Bing, Google, Facebook usw.) sind. Bedenken Sie, dass Ihr Kanal mit der besten Konvertierung ganz anders sein kann als Ihr Kanal mit der schlechtesten Konvertierung. Stellen Sie sicher, dass Sie zunächst verstehen, was auf Ihrer Website vor sich geht, bevor Sie Änderungen vornehmen.

19) Häufig gestellte Fragen

Es gibt eingefleischte FAQ-Nutzer, die nach Ihren häufig gestellten Fragen suchen. Geben Sie einen Link an und beantworten Sie die Fragen, als würden Sie sie einem Fünfjährigen erklären. Informationen zu Versand, Garantie und Rücksendungen sollten enthalten sein. Fügen Sie außerdem regelmäßig gestellte Fragen und Antworten hinzu, um Ihre FAQs aktuell zu halten. So müssen Sie nicht immer wieder dieselben Fragen beantworten.

Ein tolles Beispiel gibt es bei Weber:  https://consumer-care.weber.com/hc/en-us/categories/360001489471-FAQs

20) Kündigen Sie Ihre Presseberichterstattung an

Wenn Sie in den Nachrichten erwähnt wurden oder Pressemitteilungen verfügbar sind, binden Sie diese in Ihre Website ein. Zeigen Sie die Logos der Medien, damit Besucher sie leicht erkennen können. Die meisten werden die Pressemitteilung nie lesen, aber ihre Präsenz verleiht Glaubwürdigkeit und stärkt das Vertrauen in Ihre Website. Wenn Sie in den Medien erwähnt werden, verlinken Sie die Logos mit Artikeln über Ihr Unternehmen.

Schauen Sie sich die FLYTE-Homepage an:  https://flyte.se/

21) Integrieren Sie Benutzerfeedback

Nutzerfeedback kann ein nützliches Instrument sein, um die Glaubwürdigkeit Ihrer Kunden zu stärken. Produktbewertungen, kurze Zitate, Dankesschreiben oder Bilder von Kunden mit Ihrem Produkt können Ihren Umsatz deutlich steigern. Sie können diese Feedbacks in Ihre Produktbeschreibungen oder in Seitenleisten auf der gesamten Website einfügen.

So zeigen Sie Bewertungen zu Ihrem Unternehmen an:

Wir verwenden gerne umfangreiche Plugins für Unternehmenseinträge - https://richplugins.com

So erhalten Sie Bewertungen:

Wir empfehlen, Folgendes auszuprobieren: WooCommerce Product Review Pro

Mit diesen WooCommerce-Webdesign-Tipps für Ihre Homepage verbessern Sie die Benutzerfreundlichkeit Ihrer Kunden, stärken Ihre Glaubwürdigkeit und steigern Ihre Umsätze. Die Platzierung aller wichtigen Informationen an der richtigen Stelle und die Anzeige der richtigen Produkte können Ihre Conversions deutlich steigern. Social-Media-Shares und gute Produktbewertungen verbessern die SEO und steigern den Traffic. Bright Vessel ist ein zertifizierter WooCommerce-Experte die Ihnen beim Aufbau, der Werbung und der Verbesserung Ihres Schaufensters helfen können. Kontaktieren Sie uns noch heute.