Chat-Block und App-Embed-Einrichtung
So fügen Sie denShopGuide Chat-Block über den Theme-Editor zu Ihrem Shop hinzu.
Bevor Sie beginnen
Sie benötigen ShopGuide, der mit einem aktiven Abonnement oder einer Testversion installiert ist, und Zugriff auf Ihren Shopify-Theme-Editor.
Es spielt keine Rolle, wo du es hinstellst.
Das Chat-Widget wird immer als fest positionierte, schwebende Blase in einer unteren Ecke des Ansichtsfensters dargestellt – es fließt nicht inline mit dem restlichen Inhalt der Seite. Der Abschnitt, in dem Sie es einfügen (Fußzeile, Startseite, eine benutzerdefinierte Vorlage), hat also keinen Einfluss auf… wo sich die Blase auf dem Bildschirm befindet. Entscheidend ist, auf welchen Seiten der Block eingebunden ist, denn ein Block zeigt den Chat nur auf der Seite oder Vorlage an, auf der er tatsächlich platziert wurde.
Die meisten Shops fügen es einmal in einen Bereich ein, der überall angezeigt wird – in der Regel die Fußzeile –, sodass der Chat auf jeder Seite erscheint. Wenn Sie auf einer bestimmten Seite eine andere Startnachricht oder eine andere Primärfarbe wünschen, können Sie den Block dort ebenfalls hinzufügen und Schalten Sie "Benutzer definierte Einstellungen verwenden" ein. siehe Benutzer definierte Start nachrichten.
Es einrichten
Öffnen Sie Ihren Shopify-Admini strator, gehen Sie zuOnline-Shop> Themen, klicken Sie aufAnpassenfür Ihr aktives Thema und wählen Sie die Seite oder Vorlage aus, auf der der Chat gerendert werden soll. Klicken Sie in der linken Seitenleiste aufAbschnitt hinzufügenund öffnen Sie die KategorieApps. Klicken Sie aufShopGuide Chat, und speichern Sie.
Wenn ShopGuide bereits während des Onboardens eine "AI Guide"-Seite für Sie erstellt hat, überprüfen SieStore Setupin der Admin-App-der Block ist möglicher weise bereits dort eingebettet, und dieser manuelle Schritt ist nicht erforderlich.
Was ist am Block selbst konfigurierbar?
Diese befinden sich im Theme-Editor und wirken sich nur auf die Seite aus, auf der sich der Block befindet:Benutzerdefinierte Startnachricht– Aktivieren Sie „Benutzerdefinierte Startnachricht verwenden“, um den automatischen Ablauf für diese Seite zu ersetzen. Das Nachrichten feld ist Richtext und unterstützt Merge-Tags: [[product.title]], [[product.vendor]], [[product.type]], [[collection.title]], [[page.title]], [[shop.name]]. Bis zu sechs Schnell schüsse Tasten, gleiche Tags in jedem unterstützt.Widget-Einstellungen– Aktivieren Sie „Benutzerdefinierte Einstellungen verwenden“, um die globale Chat-Überschrift und die Primärfarbe nur für diese Seite zu überschreiben. „Besprochenes Produkt“ wird auf Produktseiten automatisch mit dem aktuellen Produkt gefüllt; lassen Sie dieses Feld für allgemeine Unterstützung leer.Produktvergleich– aktivieren, um eine Vergleichstabelle anzuzeigen, in der bis zu drei Standard-Produkthandles vorausgefüllt werden können.Seitenleiste– Aktivieren, um die Seitenleiste beim Laden des Chats automatisch anzuzeigen; bis zu drei Standardelemente können eingestellt werden, wobei jedes Element entweder ein Produkt-Handle (zeigt eine Produktkarte an) oder einfacher Text (zeigt einen anklickbaren Button an) sein kann.
Bevor Sie veröffentlichen
Überprüfen Sie die Grundfunktionen: Der Chat-Button wird in der Vorschau und auf der Live-Seite angezeigt, ein Klick darauf öffnet den Chat, eine Testnachricht erhält eine Antwort, und Farben sowie Überschrift stimmen mit Ihren Einstellungen überein. Überprüfen Sie anschließend sowohl die Mobil- als auch die Desktop-Vorschau und stellen Sie sicher, dass die Die Bubble überschneidet sich nicht mit den themainternen festen Elementen – mobile Navigation, festes „In den Warenkorb“-Button und Cookie-Banner.
Wenn die Einrichtung nicht wie erwartet verläuft
Block fehlt vollständig im Editor? Bestätigen Sie, dass ShopGuide mit einem aktiven Abonnement installiert ist, aktualisieren Sie den Editor und bestätigen Sie, dass Ihr Thema App-Blöcke unterstützt (Online Store 2.0). Der Chat wird angezeigt, reagiert aber nicht? Überprüfen Sie Ihre Abonnements tatus in der Admin-App, überprüfen Sie die Browser konsole auf Fehler und bestätigen Sie, dass die Store front nicht über denPause-Chat-Store front-weiten-Schalter in den Einstellungen angehalten wird.