Häufige Fehler beim Betrieb einer E-Commerce-Website: Wie man sie vermeidet

Nutzer von Joomla und der E-Commerce-Erweiterung Phoca Cart tauschen sich oft über ihre Websites aus und/oder stellen Fragen im Phoca-Forum. Dieses wertvolle Feedback zeigt häufig verbreitete Fehler auf, die beim Betrieb eines Online-Shops gemacht werden.

Wir haben die folgenden Fehler auf den Websites von Benutzern beobachtet, die auf ihre Websites verwiesen haben, während sie im Forum Fragen zu Phoca Cart stellten. Dies sind nur einige Beispiele. Wenn Sie auf andere Probleme gestoßen sind, lassen Sie es uns bitte wissen, damit wir diesen Artikel aktualisieren können.

Diese Fehler reichen von visuellen Designmängeln bis hin zu inhaltlichen Problemen. Gehen wir auf einige von ihnen ein.

Designbezogene Themen

1. Schlechte Produktfotografie

Einer der größten Fehler ist es, Zeit in den Aufbau eines E-Commerce-Shops zu investieren, aber es zu versäumen, hochwertige Produktfotos zu erstellen. Es ist wichtig, daran zu denken, dass Ihre Produktfotos oft das wichtigste Verkaufsargument für Ihren E-Shop sind. Sie sind das, was das Produkt wirklich verkauft.

Im heutigen digitalen Zeitalter, in dem Desktop- und Online-Tools für Aufgaben wie das Entfernen von Hintergründen leicht verfügbar sind, ist es eine große verpasste Chance, diese nicht zu nutzen. Ihre Fotos müssen ansprechend sein, und Sie sollten analysieren, ob der Hintergrund Teil des Produktbildes sein sollte oder nicht. Wenn Sie beispielsweise Möbel verkaufen, kann es von Vorteil sein, das Produkt in einem Raum zu zeigen, um den Kontext zu verdeutlichen. Bei kleineren Artikeln ist es jedoch in der Regel besser, den Hintergrund zu entfernen und das Produkt selbst hervorzuheben.

Oft ist es wünschenswert, den Hintergrund zu entfernen und das Produkt so detailliert wie möglich darzustellen. Ein ablenkender oder unattraktiver Hintergrund kann die Aufmerksamkeit vom Produkt ablenken. Sie können den Unterschied im Bild sehen, wo das linke Bild, das das Produkt im Detail zeigt, viel interessanter ist als das unscharfe Bild mit einem ablenkenden Hintergrund.

2. Inkonsistente Bildformate und -größen

Bemühen Sie sich immer darum, dass alle Ihre Produktbilder die gleiche Größe und das gleiche Format haben (Quer- oder Hochformat). Wenn jedes Bild eine andere Größe hat, sieht das unprofessionell und unattraktiv aus. Es ist wichtig, dass Sie für die Vorbereitung Ihrer E-Commerce-Bilder zusätzliche Zeit aufwenden.

Inkonsistente Bildformate und -größen lassen Ihre Produktlisten unübersichtlich erscheinen.

Wenn Sie über grundlegende Kenntnisse in der Grafikbearbeitung verfügen, muss dies nicht kompliziert sein. Hier ist ein Beispiel mit Inkscape:

• Erstellen Sie ein Canvas Bild in Inkscape, z.B. ein 512x512px Dokument.
• Entfernen Sie den Hintergrund aus Ihren Produktfotos mit einem Online-Dienst.
• Fügen Sie das Produktfoto in Ihr Canvas ein und ändern Sie die Größe nach Bedarf, um sicherzustellen, dass alle Produkte in der gleichen Größe erscheinen.
• Exportieren Sie das Bild mit einem transparenten Hintergrund (PNG, WEBP) und laden Sie es dann auf Ihr System hoch.

Wenn Sie diese Schritte befolgen, erhalten Sie konsistente, einheitliche Bilder ohne ablenkende Hintergründe, die Ihre Produktlisten übersichtlich erscheinen lassen und Ihre Chancen erhöhen, Kunden zu gewinnen.

3. Fehlendes Warenkorb-Modul

Uns ist aufgefallen, dass auf einigen Websites ein sichtbares Warenkorb-Modul fehlt. Die Nutzer fügen ihrem Warenkorb Artikel hinzu, haben aber keine visuelle Bestätigung oder Liste der Artikel in ihrem Warenkorb. Es wird empfohlen, zumindest ein Warenkorb-Icon anzuzeigen, typischerweise in der oberen rechten Ecke, das sowohl auf mobilen Geräten als auch auf dem Desktop sichtbar ist. Es empfiehlt sich auch, eine Benachrichtigung anzuzeigen, dass ein Artikel in den Warenkorb gelegt wurde, was Phoca Cart über ein modales Popup-Fenster erledigen kann.

Ein häufiges Problem ist das Fehlen einer Rückmeldung nach dem Hinzufügen eines Artikels zum Warenkorb - keine Bestätigung, kein sichtbarer Warenkorbinhalt. Phoca Cart bietet hierfür Module an, die Sie unbedingt nutzen sollten.

Sobald ein Benutzer etwas in den Warenkorb legt, sollte ein modales Feld mit einer Bestätigung erscheinen, und er sollte dann auf das Warenkorbsymbol klicken können, um den Inhalt seines Warenkorbs zu sehen (z. B. in einer Off-Canvas-Anzeige).

4. Unzureichend hervorgehobener Button „In den Warenkorb“

Manchmal sind wichtige Button, wie der „In den Warenkorb“ Button, aufgrund eines schlecht gewählten Templates nicht deutlich genug hervorgehoben und sehen eher wie hervorgehobener Text aus. Solche Button können Nutzer verwirren und den Kaufprozess behindern.

Achten Sie immer darauf, dass Ihr „In den Warenkorb“ Button eindeutig wie ein Button aussieht und funktioniert.

5. Überlange Button-Label

In einigen Sprachen können Button-Texte übermäßig lang sein, so dass sich die Button überlappen. Dies ist besonders häufig im Deutschen der Fall, wo Sie möglicherweise zwei Schaltflächen wie „Produkt Anzeigen“ und „In den Warenkorb“ nebeneinander haben.

Wenn diese Button aufgrund ihrer Länge miteinander kollidieren, muss etwas unternommen werden. Hierfür gibt es mehrere Lösungen:

• Verwenden Sie die neueste Version von Phoca Cart, bei der die Schaltflächen mit Flexbox ausgerichtet sind.
• Blenden Sie den Text aus und zeigen Sie nur ein Icon für die weniger wichtige Button an (Phoca Cart verfügt über eine entsprechende Einstellung).

Designherausforderungen können manchmal unüberwindbar erscheinen und erfordern einen individuellen Ansatz, um die beste Lösung zu finden. Zum Beispiel, wenn Sie zwei Button an den Seiten ausrichten möchten, wenn sie in eine Zeile passen, aber zentriert und gestapelt, wenn sie nicht passen. CSS Flexbox kann zwei Button in einer Reihe anzeigen und sie in eine neue Zeile umbrechen, wenn sie nicht in eine Zeile passen. Was es jedoch nicht kann, ist die dynamische Änderung der Ausrichtung (z. B. Zwischenraum, wenn zwei Button in einer Zeile stehen, und Zentrierung, wenn nur eine vorhanden ist). Hierfür gibt es keine CSS-Regel, so dass für jede Website ein individueller Kompromiss gefunden werden muss.

Das folgende Bild zeigt die mittige Ausrichtung, wenn zwei Schaltflächen nicht in eine einzige Zeile passen.

6. Fehlende Icons auf Button

Dies ist in der Regel auf ein schlecht gewähltes Template zurückzuführen, das mit den Standard-Symbolschriften in Konflikt steht. Aktuelle Versionen von Phoca Cart verwenden standardmäßig SVG-Symbole, so dass dieses Problem im Idealfall nicht mehr auftreten sollte.

Bei einigen Websites tritt dieses Problem jedoch immer noch auf. Dies kann leicht behoben werden. Installieren Sie die neueste Version von Phoca Cart und wählen Sie SVG als Icon-Typ in den Einstellungen.

7. Unglücklich gewähltes Farbschema

Jede Branche profitiert oft von einem bestimmten Farbschema. Es gibt zwar Ausnahmen, in denen ein Verkäufer eine einzigartige Farbpalette verwendet, aber im Allgemeinen ist es ratsam, für Ihre Website, Ihr Logo und Ihre Marketingmaterialien ein Farbschema zu verwenden, das typisch für Ihre Branche ist. Wenn Sie sich unsicher sind, fragen Sie uns im Phoca Forum; wir helfen Ihnen gerne.

8. Doppelte Modal-Popups

Wenn ein Kunde einen Artikel in den Warenkorb legt, sollte ein modales Popup-Fenster erscheinen. Bei einigen Templates werden bestimmte JavaScript- und CSS-Bibliotheken möglicherweise zweimal geladen, was zu einem doppelten Modal führt.

Sie müssen dies überwachen und entweder im Template deaktivieren oder das Template vollständig durch ein moderneres und standardisiertes ersetzen.

9. Nicht Handy-freundlich

Obwohl die meisten Templates heute responsive sind, werden die Produkte auf mobilen Geräten nicht immer korrekt angezeigt. Es ist wichtig, das von Ihnen gewählte Template zu testen, um sicherzustellen, dass alles auf mobilen Geräten korrekt angezeigt wird. Phoca Cart bietet verschiedene Einstellungen, wie z. B. die Anzahl der Spalten für die Produktanzeige auf mobilen Geräten. Phoca-Templates nutzen ebenfalls mobilfreundliche Techniken für die Anzeige von Menüs, Filtern, Warenkörben und mehr.

Inhaltliche Themen

1. Unzureichende Produktbeschreibungen

Produktbeschreibungen sind ein wichtiger Bestandteil Ihres E-Shops und dienen sowohl Ihren Kunden als auch den Suchmaschinen. Bitte denken Sie daran, alle Produkte gründlich zu beschreiben. Wenn einige Produkte ähnlich sind, ist es gut, sie anhand von Spezifikationen zu unterscheiden, damit die Kunden sie leichter vergleichen können. Detaillierte Beschreibungen sind entscheidend für die Entscheidungsfindung der Kunden und helfen ihnen, das richtige Produkt zu wählen.

2. Fehlende Bestandsinformationen

Die Kunden müssen wissen, ob ein Produkt vorrätig ist oder nicht, bevor sie einen Kauf tätigen können. Zeigen Sie für jeden Artikel deutlich die Verfügbarkeit an.

3. Schlechte Website-Navigation

Eine komplizierte oder verwirrende Navigation macht es den Nutzern schwer, das zu finden, was sie suchen. Versuchen Sie, Ihre Navigation zu vereinfachen und nur die wichtigsten Links in Ihr Menü aufzunehmen, damit die Kunden nicht verwirrt werden und schnell zu ihrem Ziel gelangen. Achten Sie immer darauf, dass auf jeder Seite, auf der sich der Nutzer befindet, eine Schaltfläche für den E-Shop vorhanden ist.

4. Keine klare Rückgabe-/Rückerstattungsrichtlinie

Kunden können zögern, etwas zu kaufen, wenn sie sich über die Rückgabe und das Erstattungsverfahren unsicher sind. Bieten Sie klare, leicht zu findende Rückgabe- und Rückerstattungsrichtlinien an, die den Kunden Sicherheit für ihren Kauf geben.

5. Nicht auf das Kundenfeedback eingehen

Das Ignorieren von Kundenrezensionen, -fragen und -feedback kann das Vertrauen und das Wiederholungsgeschäft beeinträchtigen. Überwachen Sie regelmäßig die Bewertungen, beantworten Sie Kundenfragen und nehmen Sie Anpassungen aufgrund des Feedbacks vor. Stellen Sie immer sichtbare Bereiche auf der Seite ein, in denen Kunden Sie kontaktieren oder Fragen zu einem bestimmten Produkt stellen können.

6. Weitere Informationen zu Lieferung und Zahlungsmodalitäten

Auch wenn die Kunden die korrekten Liefer- und Zahlungsarten in der Kasse sehen, ist es sicher gut einen Bereich zu haben, in dem Sie diese Methoden umfassend beschreiben. So hat der Kunde die Möglichkeit, sich vor dem Kauf über diese zu informieren.

Wenn Sie Ihre Produkte erfolgreich online verkaufen wollen, sollte Ihr E-Shop auf jeden Fall gestalterische und inhaltliche Fehler vermeiden. Sie sollten Ihren Produktfotos große Aufmerksamkeit widmen, um sicherzustellen, dass sie Ihre potenziellen Kunden ansprechen.

Wenn Sie Joomla und Phoca Cart verwenden und auf Ihrer Website auf Design- oder andere Probleme stoßen, zögern Sie nicht, im Phoca Forum nachzufragen. Die meisten Probleme können mit ein wenig Anleitung gelöst werden. Das Gleiche gilt, wenn Ihnen jetzt noch weitere Fehler einfallen, lassen Sie es uns bitte wissen und wir werden den Artikel aktualisieren. Wir danken Ihnen.