Das Kontakt-Widget für WhatsApp und Telegram einrichten

Bevor Sie beginnen

Sie brauchen Ihre WhatsApp-Nummer im internationalen Format ohne + (zum Beispiel 4915123456789) oder Ihren Telegram-Benutzernamen ohne @. Damit der Button im Shop erscheint, muss der Schalter im Theme eingeschaltet sein: siehe Das Widget im Theme einschalten.

Alles geschieht unter Shopify Admin › Apps › IFG AI Chat › Widget. Diese Seite ist in jedem Tarif gleich, auch in Free.

WhatsApp verbinden

1. Öffnen Sie links im Menü Widget.
2. Schalten Sie im Abschnitt Kontaktkanäle den Schalter WhatsApp ein.
3. Geben Sie im Feld darunter (mit dem Beispiel 393512345678 und dem Hinweis „Internationale Nummer ohne das +-Symbol“) Ihre Nummer ein: Ländervorwahl und Nummer, ohne Lücken.

4. Klicken Sie oben rechts auf Speichern.

   Das sehen Sie: Unten erscheint die Meldung „Einstellungen gespeichert.“. Stand oben auf der Seite der rote Hinweis „Das Widget ist nicht aktiv…“, verschwindet er.

Achtung: Ist das Widget im Theme bereits eingeschaltet, ändert das Speichern sofort Ihren veröffentlichten Shop: Besucher sehen den neuen Button.

Telegram verbinden

1. Schalten Sie im selben Abschnitt Kontaktkanäle den Schalter Telegram ein.
2. Geben Sie im Feld darunter (mit dem Beispiel bottegamilano und dem Hinweis „Benutzername ohne das @-Symbol“) Ihren Telegram-Benutzernamen ein.
3. Klicken Sie auf Speichern.

WhatsApp und Telegram können gleichzeitig aktiv sein.

Aussehen und Verhalten wählen

Der Abschnitt Erscheinungsbild hat drei Felder.

1. Wählen Sie unter Position entweder Unten rechts (Startwert) oder Unten links.
2. Wählen Sie unter Akzentfarbe die Farbe des Buttons mit der Farbauswahl oder geben Sie den Code im Format #RRGGBB ein. Der Startwert ist #2C6ECB.
3. Wählen Sie unter Aktion beim Klick, was passiert, wenn ein Besucher auf den Button tippt:
   • WhatsApp (Startwert): öffnet direkt den WhatsApp-Chat mit Ihnen;
   • Telegram: öffnet direkt den Telegram-Chat mit Ihnen;
   • Kontaktkanäle: öffnet ein kleines Menü mit WhatsApp und Telegram, der Besucher wählt;
   • Chatbot AI: öffnet den Chat mit dem KI-Assistenten (Tarife Grow und Unlimited, bei eingeschaltetem Chatbot).
4. Klicken Sie auf Speichern.

Hinweis: Der Button bleibt nie ohne Wirkung. Ist die gewählte Aktion nicht verfügbar, weicht das Widget selbst aus: Ist zum Beispiel Telegram gewählt, aber nur WhatsApp eingeschaltet, öffnet der Button WhatsApp; ist Chatbot AI gewählt, der Chatbot aber aus oder nicht im Tarif, öffnet er WhatsApp oder Telegram.

Erweiterte Optionen

Klicken Sie auf Erweiterte Optionen, um drei weitere Felder zu öffnen. Sie öffnen sich von selbst, wenn Sie eines schon ausgefüllt haben.

• Verzögerung bis zur Anzeige: wie viele Sekunden bis zum Erscheinen des Buttons vergehen, von 0 bis 30. Bei 0 erscheint er sofort.
• Barrierefreier Name der Schaltfläche: der Name, den Screenreader blinden Menschen vorlesen. Auf dem Button selbst ist immer nur das Symbol zu sehen.
• Vorgefüllte Nachricht (WhatsApp): der Text, den der Kunde beim Öffnen von WhatsApp schon vorfindet, zum Beispiel „Hallo, ich habe eine Frage“.

Klicken Sie nach jeder Änderung auf Speichern.

Das Symbol wählen

Wählen Sie im Abschnitt Launcher-Symbol („Freie Wahl auf allen Plänen“) eine der beiden Optionen und klicken Sie auf Speichern:

• Offizielles Kanallogo (Standard): Der Button zeigt das Logo von WhatsApp oder Telegram. Sind beide Kanäle eingeschaltet und ist die Aktion beim Klick WhatsApp oder Telegram, erscheinen im Shop zwei Buttons übereinander, einer pro Kanal.
• Neutrales IFG-Sprechblasensymbol: eine allgemeine Sprechblase in der Akzentfarbe, ohne Bezug zum Kanal.

Bei der Aktion Kontaktkanäle oder Chatbot AI zeigt der Button die Sprechblase, auch wenn Sie das Logo gewählt haben.

Eine nicht gespeicherte Änderung verwerfen

Solange Sie nicht auf Speichern klicken, erscheint oben die Leiste für nicht gespeicherte Änderungen. Klicken Sie auf Verwerfen, um zu den gespeicherten Werten zurückzukehren.

Wenn etwas nicht funktioniert

Unter der Nummer steht „Numero non valido (formato E.164, senza +).“ (italienisch für „Ungültige Nummer“). Die Nummer enthält Zeichen oder ist zu kurz. Geben Sie nur Ziffern ein, mit der Ländervorwahl vorne: insgesamt 7 bis 15 Ziffern, die erste darf keine 0 sein. Leerzeichen, Bindestriche und ein führendes + entfernt die App selbst.

Unter dem Benutzernamen steht „Username Telegram non valido.“ (italienisch für „Ungültiger Telegram-Benutzername“). Der Benutzername muss 5 bis 32 Zeichen aus Buchstaben, Ziffern und _ haben. Entfernen Sie Leerzeichen und Punkte.

Nach dem Speichern erscheint „Einstellungen gespeichert, aber die Synchronisierung mit dem Theme ist fehlgeschlagen.“ Die Einstellungen sind in der App gespeichert, der Shop hat sie aber noch nicht erhalten. Klicken Sie in einigen Minuten erneut auf Speichern.

Oben auf der Seite steht der rote Hinweis „Das Widget ist nicht aktiv…“. Kein Kanal ist mit Nummer oder Benutzernamen eingeschaltet. Schalten Sie WhatsApp oder Telegram ein, füllen Sie das Feld aus und klicken Sie auf Speichern.

Der Button ist im Shop nicht zu sehen. Prüfen Sie in der Übersicht, ob Widget-Block auf Aktiv steht. Steht dort Nicht hinzugefügt, folgen Sie Das Widget im Theme einschalten. Haben Sie eine Verzögerung bis zur Anzeige eingestellt, warten Sie diese Sekunden ab.

Nächster Schritt

Den KI-Chatbot einschalten und anpassen