Wie man kürzlich angesehene Produkte in Shopify hinzufügt: Verbessern Sie Ihren Shop für ein besseres Kundenerlebnis

Inhaltsverzeichnis

  1. Einleitung
  2. Warum eine Sektion 'Kürzlich angesehene Produkte' hinzufügen?
  3. Wie man kürzlich angesehene Produkte in Shopify implementiert
  4. Getestet und zuverlässig: Umsetzung mit Vertrauen
  5. FAQ Sektion

Einleitung

Stellen Sie sich vor: Sie sind beim Online-Shopping, stöbern durch eine Vielzahl von Produkten, und dann werden Sie plötzlich abgelenkt. Später kehren Sie zurück, um jenes eine Element zu finden, das Ihnen ins Auge gefallen ist, aber leider ist es im endlosen Scrollen verloren gegangen. Frustrierend, nicht wahr? Dieses Szenario ist häufiger als Sie denken und genau deshalb kann das Hinzufügen einer Sektion 'Kürzlich angesehene Produkte' in Ihrem Shopify-Shop das Kundenerlebnis erheblich verbessern. In diesem Blogbeitrag werden wir die Bedeutung dieses Features analysieren, tief in die Umsetzung auf jedem Shopify-Theme eintauchen und zeigen, warum es eine Bereicherung für Ihren Onlineshop ist.

Am Ende dieses Artikels werden Sie nicht nur das 'Wie', sondern auch das 'Warum' hinter dem Hinzufügen kürzlich angesehener Produkte in Ihren Shopify-Shop verstehen, und ihn zu einem intuitiveren, benutzerfreundlicheren Raum machen, der Käufe und Kundenrückkehrquoten fördert.

Warum eine Sektion 'Kürzlich angesehene Produkte' hinzufügen?

Bevor wir zu den Details der Umsetzung kommen, verstehen wir die überzeugenden Gründe, dieses Feature Ihrem Shop hinzuzufügen:

  • Verbessert das Benutzererlebnis: Ein nahtloses Einkaufserlebnis ist im digitalen Zeitalter entscheidend. Eine Sektion 'Kürzlich angesehene Produkte' hilft Kunden dabei, Produkte, in die sie bereits Interesse gezeigt haben, leicht zu finden und neu zu überdenken, und verbessert so Navigation und Benutzterzufriedenheit.
  • Erhöht Verkaufschancen: Erinnerungs-Features wie dieses können Kunden effektiv dazu bringen, einen Kauf zu tätigen, insbesondere wenn sie zuvor unentschlossen waren. Es ist ein subtiler Handlungsaufforderung, die die Conversion-Raten signifikant erhöhen kann.
  • Verringert Absprungrate: Indem Sie es Kunden leichter machen, zuvor angesehene Produkte zu finden, geben Sie ihnen mehr Gründe, auf Ihrer Website zu bleiben, und verringern so die Chancen, dass sie ohne einen Kauf zu tätigen, gehen.
  • Personalisiertes Einkaufserlebnis: Dieses Feature fügt Ihrem Shop eine persönliche Note hinzu, indem es Kunden das Gefühl gibt, verstanden und betreut zu werden. In einem Markt, der von Auswahlmöglichkeiten gesättigt ist, können persönliche Details Ihren Shop herausstechen lassen.

Nachdem wir das 'Warum' etabliert haben, gehen wir zum 'Wie' über.

Wie man kürzlich angesehene Produkte in Shopify implementiert

Obwohl Shopify eine Vielzahl von Funktionen bietet, ist eine Sektion 'Kürzlich angesehene Produkte' keine Standardoption auf allen Themes. Das bedeutet, dass Sie ein wenig selbst aktiv werden müssen. Keine Sorge, allerdings; wir haben den Prozess in überschaubare Schritte unterteilt.

Schritt 1: Das Snippet erstellen

  1. Gehen Sie zu Ihrem Shopify Admin, klicken Sie auf 'Online-Shop' und dann auf 'Themes'.
  2. Suchen Sie das Theme, das Sie bearbeiten, klicken Sie auf 'Aktionen' und dann auf 'Code bearbeiten'.
  3. Klicken Sie im Snippets-Verzeichnis auf 'Neues Snippet hinzufügen' und nennen Sie es recently-viewed-products.

Schritt 2: Das JavaScript hinzufügen

Der Kern dieses Features liegt darin, den lokalen Speicher des Browsers zu nutzen, um angesehene Produkte nachzuverfolgen und anzuzeigen. Hier ist eine Übersicht, was getan werden muss:

  1. Sie müssen Produktdaten von den Seiten abrufen, die Ihre Kunden besuchen, und diese Daten lokal speichern.
  2. Erstellen Sie eine JavaScript-Funktion, die diese gespeicherten Daten abruft und die kürzlich angesehenen Produkte auf dafür vorgesehenen Seiten anzeigt.

Dies wird durch eine Kombination aus Shopify Liquid (zum Abrufen und Anzeigen von Produktdaten) und JavaScript (zum Speichern und Abrufen von Daten aus dem lokalen Speicher) erreicht.

Hinweis: Aufgrund des technischen Charakters dieses Schrittes ist es wichtig, ein grundlegendes Verständnis von JavaScript und Shopify's Templatesprache, Liquid, zu haben.

Schritt 3: Das Snippet in Ihr Theme einfügen

Nachdem Sie Ihr Snippet erstellt und mit dem erforderlichen Code versehen haben, integrieren Sie es in Ihr Theme. Dies erfordert eine geringfügige Bearbeitung Ihrer Liquid-Dateien, um Ihr recently-viewed-products-Snippet in Ihre Produktvorlagen oder an anderen Stellen, wo Sie diese Produkte anzeigen möchten, einzufügen.

  1. Navigieren Sie zu 'Abschnitten' oder 'Templates' in Ihrem Theme-Code.
  2. Identifizieren Sie, wo Sie die kürzlich angesehenen Produkte anzeigen möchten (z. B. Produktseiten, Startseite) und fügen Sie {% include 'recently-viewed-products' %} ein.

Schritt 4: Styling

Der letzte Schritt besteht darin, benutzerdefiniertes CSS hinzuzufügen, um sicherzustellen, dass die Sektion mit kürzlich angesehenen Produkten mit dem Design und Layout Ihres Shops übereinstimmt. Sie können Ihr CSS direkt im Snippet oder in der Hauptstylesheet Ihres Themes hinzufügen, um eine bessere Organisation zu gewährleisten.

Getestet und zuverlässig: Umsetzung mit Vertrauen

Das Implementieren einer Sektion 'Kürzlich angesehene Produkte' geht nicht nur darum, Schritte zu befolgen, sondern zu verstehen, welchen Einfluss ein solches Feature auf die Dynamik Ihres Shops haben kann. Es geht darum, das Benutzererlebnis zu verbessern, Verkaufsmöglichkeiten zu erhöhen, Absprungraten zu senken und ein personalisiertes Einkaufserlebnis anzubieten. Obwohl der Prozess einige technische Kenntnisse erfordern kann, überwiegen die Vorteile bei weitem den anfänglichen Einrichtungsaufwand.

Denken Sie daran, das Ziel hier ist es, das Einkaufen auf Ihrer Seite nicht nur zu einem Prozess zu machen, sondern zu einem Erlebnis, das so intuitiv und ansprechend wie möglich für Ihre Kunden ist. Der Erfolg im E-Commerce hängt von Details wie diesen ab, und das Hinzufügen einer Sektion 'Kürzlich angesehene Produkte' ist ein Detail, das deutlich verbessern könnte, wie Kunden mit Ihrem Shopify-Shop interagieren.

FAQ Sektion

F: Benötige ich spezielle Apps oder Plugins, um dieses Feature hinzuzufügen? A: Nein, Sie können dies mit benutzerdefinierter Codierung erreichen, wie in diesem Beitrag dargelegt. Es gibt jedoch Apps im Shopify App Store, wenn Sie eine Plug-and-Play-Lösung bevorzugen.

F: Ist es notwendig, über Codierungskenntnisse zu verfügen, um dieses Feature umzusetzen? A: Grundlegendes Wissen über HTML, CSS und JavaScript ist vorteilhaft, da es eine Bearbeitung des Code Ihres Themes beinhaltet.

F: Kann dieses Feature meine Website verlangsamen? A: Wenn es korrekt umgesetzt wird, sollte dies die Ladezeit Ihrer Website nicht spürbar beeinflussen. Es ist jedoch immer ratsam, die Leistung Ihrer Website nach Änderungen zu überwachen.

F: Werden die zuletzt angesehenen Produkte für alle Benutzer angezeigt, einschließlich derer, die nicht eingeloggt sind? A: Ja, dieses Feature verwendet den lokalen Speicher des Browsers, was bedeutet, dass es kürzlich angesehene Produkte für alle anzeigen wird, die Ihre Website besuchen, unabhängig von ihrem Anmeldestatus.

F: Kann ich anpassen, welche Produkte in der Sektion 'Kürzlich angesehene Produkte' angezeigt werden sollen? A: Die Standardimplementierung zeigt automatisch Produkte an, die ein Besucher angesehen hat. Eine Anpassung darüber hinaus würde eine fortgeschrittenere Codierung oder die Nutzung von Drittanbieter-Apps erfordern, die zusätzliche Funktionen und Steuerelemente bieten.

App Stack