Das Widget im Theme einschalten

Bevor Sie beginnen

Die App ist installiert (Installation). Damit der Button im Shop wirklich erscheint, brauchen Sie außerdem mindestens einen Kontaktkanal, den Sie unter Das Kontakt-Widget einrichten verbinden. Die Reihenfolge ist egal.

So funktioniert es, kurz gesagt

Das Widget kommt als App-Einbettung (App embed) in Ihren Shop: ein Schalter, den Shopify für jede installierte App in den Theme-Editor setzt. Im Editor hat der Schalter keine weiteren Einstellungen. Kanäle, Farbe, Position und KI-Assistent verwalten Sie nur in der App, auf der Seite Widget.

Schritt für Schritt

1. Öffnen Sie in der App links im Menü Widget und scrollen Sie zum Abschnitt In 3 Schritten im Theme aktivieren.

2. Klicken Sie auf Theme-Editor öffnen.

   Das sehen Sie: In einem neuen Browser-Tab öffnet sich der Editor des veröffentlichten Themes, bereits im Bereich der App-Einbettungen.

3. Suchen Sie in der Liste IFG AI Chat Widget und schalten Sie den Schalter neben dem Namen ein.

   Das sehen Sie: Unter dem Namen erscheint ein kurzer Text, derzeit auf Englisch („Managed in the app“), der darauf hinweist, dass alles unter Apps › IFG AI Chat › Widget verwaltet wird. In der Vorschau rechts erscheint der Button des Widgets. Ist noch kein Kanal verbunden, erscheint stattdessen ein roter Kasten: „Widget nicht aktiv: Aktiviere WhatsApp oder Telegram in der App (Apps > IFG AI Chat > Widget).“

4. Klicken Sie im Theme-Editor oben rechts auf Speichern.

5. Wechseln Sie zurück in die App, öffnen Sie Übersicht und klicken Sie im Kasten Status der Theme-Integration auf Aktivierung überprüfen.

   Das sehen Sie: Einige Sekunden lang zeigt die Schaltfläche „Wird überprüft…“. Dann erscheint neben Widget-Block der Status Aktiv. Oben wechselt die Markierung des Widgets auf „Widget: Aktiv“.

6. Öffnen Sie Ihren veröffentlichten Shop in einem normalen Browserfenster und prüfen Sie, ob der Button in der gewählten Ecke ist.

Achtung: Nach dem Speichern sehen alle Besucher Ihres veröffentlichten Shops das Widget, sofern mindestens ein Kanal oder der KI-Chatbot verbunden ist.

Tipp: Prüfen Sie immer im veröffentlichten Shop, nicht nur in der Vorschau des Editors. Der Editor zeigt das Widget auch dann, wenn es für Besucher noch nicht aktiv ist.

Das Widget ausschalten

1. Öffnen Sie den Theme-Editor mit Theme-Editor öffnen auf der Seite Widget.
2. Schalten Sie den Schalter von IFG AI Chat Widget aus.
3. Klicken Sie auf Speichern.

Der Button verschwindet aus Ihrem Shop. Die Einstellungen der App bleiben erhalten, bereit für das nächste Einschalten.

Wenn etwas nicht funktioniert

Die App zeigt „Nicht hinzugefügt“, obwohl ich den Schalter eingeschaltet habe. Wahrscheinlich haben Sie im Editor nicht auf Speichern geklickt oder den Schalter in einem Theme eingeschaltet, das nicht veröffentlicht ist. Die Schaltfläche der App öffnet immer das veröffentlichte Theme: Wiederholen Sie die Schritte von dort und klicken Sie auf Aktivierung überprüfen.

Unter dem Status steht „Nicht in Echtzeit überprüft — letzte erfolgreiche Prüfung:“. Die App konnte das Theme gerade nicht lesen und zeigt das letzte erfolgreiche Ergebnis. Klicken Sie in einigen Minuten erneut auf Aktivierung überprüfen.

In der Vorschau erscheint der rote Kasten „Widget nicht aktiv“. Es ist kein Kanal verbunden. Öffnen Sie in der App Widget, schalten Sie WhatsApp oder Telegram ein, geben Sie Nummer oder Benutzernamen ein und klicken Sie auf Speichern. Siehe Das Kontakt-Widget einrichten.

Ich finde IFG AI Chat Widget im Editor nicht. Prüfen Sie, ob die App in diesem Shop installiert ist und ob Sie den Bereich der App-Einbettungen ansehen, nicht den der Abschnitte.

Nächster Schritt

Das Kontakt-Widget einrichten