Configurer le widget de contact WhatsApp et Telegram

Avant de commencer

Il vous faut votre numéro WhatsApp au format international sans + (par exemple 33612345678) ou votre nom d’utilisateur Telegram sans @. Pour que le bouton apparaisse sur la boutique, l’interrupteur du thème doit être activé : voir Activer le widget dans le thème.

Tout se fait dans Shopify Admin › Applications › IFG AI Chat › Widget. Cette page est identique sur tous les forfaits, Free compris.

Connecter WhatsApp

1. Ouvrez Widget dans le menu de gauche.
2. Dans la section Canaux de contact, activez l’interrupteur WhatsApp.
3. Dans le champ en dessous (avec l’exemple 393512345678 et la note « Numéro international sans le symbole + »), saisissez votre numéro : indicatif du pays et numéro, sans espace.

4. Cliquez sur Enregistrer en haut à droite.

   Ce que vous verrez : le message « Paramètres enregistrés. » apparaît en bas. Si l’avertissement rouge « Le widget n’est pas actif… » était en haut de la page, il disparaît.

Attention : si le widget est déjà activé dans le thème, l’enregistrement modifie immédiatement la boutique publiée : les visiteurs voient le nouveau bouton.

Connecter Telegram

1. Dans la même section Canaux de contact, activez l’interrupteur Telegram.
2. Dans le champ en dessous (avec l’exemple bottegamilano et la note « Nom d’utilisateur sans le symbole @ »), saisissez votre nom d’utilisateur Telegram.
3. Cliquez sur Enregistrer.

WhatsApp et Telegram peuvent être actifs en même temps.

Choisir l’apparence et le comportement

La section Apparence comporte trois champs.

1. Dans Position, choisissez En bas à droite (valeur de départ) ou En bas à gauche.
2. Dans Couleur d’accentuation, choisissez la couleur du bouton avec le sélecteur ou saisissez le code au format #RRGGBB. La valeur de départ est #2C6ECB.
3. Dans Action au clic, choisissez ce qui se passe quand un visiteur touche le bouton :
   • WhatsApp (valeur de départ) : ouvre directement la conversation WhatsApp avec vous ;
   • Telegram : ouvre directement la conversation Telegram avec vous ;
   • Canaux de contact : ouvre un petit menu avec WhatsApp et Telegram, le visiteur choisit ;
   • Chatbot IA : ouvre la conversation avec l’assistant IA (forfaits Grow et Unlimited, chatbot activé).
4. Cliquez sur Enregistrer.

Remarque : le bouton n’est jamais sans effet. Si l’action choisie n’est pas disponible, le widget se rabat de lui-même sur une autre : par exemple, avec Telegram choisi mais seulement WhatsApp activé, le bouton ouvre WhatsApp ; avec Chatbot IA choisi mais le chatbot désactivé ou absent du forfait, il ouvre WhatsApp ou Telegram.

Options avancées

Cliquez sur Options avancées pour afficher trois champs supplémentaires. Ils s’ouvrent d’eux-mêmes si vous en avez déjà rempli un.

• Délai d’apparition : combien de secondes attendre avant l’apparition du bouton, de 0 à 30. Avec 0, il apparaît tout de suite.
• Nom accessible du bouton : le nom que les lecteurs d’écran annoncent aux personnes aveugles. Le bouton lui-même n’affiche toujours que l’icône.
• Message prérempli (WhatsApp) : le texte que le client trouve déjà saisi à l’ouverture de WhatsApp, par exemple « Bonjour, j’ai une question ».

Après chaque modification, cliquez sur Enregistrer.

Choisir l’icône

Dans la section Icône du lanceur (« Choix libre sur tous les forfaits »), choisissez l’une des deux options et cliquez sur Enregistrer :

• Logo officiel du canal (par défaut) : le bouton affiche le logo de WhatsApp ou de Telegram. Si les deux canaux sont activés et que l’action au clic est WhatsApp ou Telegram, la boutique affiche deux boutons l’un au-dessus de l’autre, un par canal.
• Bulle de dialogue neutre IFG : une bulle générique dans la couleur d’accentuation, sans référence au canal.

Avec l’action Canaux de contact ou Chatbot IA, le bouton affiche la bulle, même si vous avez choisi le logo.

Annuler une modification non enregistrée

Tant que vous n’avez pas cliqué sur Enregistrer, la barre des modifications non enregistrées s’affiche en haut. Cliquez sur Ignorer pour revenir aux valeurs enregistrées.

En cas de problème

Sous le numéro s’affiche « Numero non valido (formato E.164, senza +). » (en italien : « Numéro non valide »). Le numéro contient des symboles ou est trop court. Saisissez uniquement des chiffres, indicatif du pays en premier : de 7 à 15 chiffres au total, et le premier ne peut pas être 0. L’application retire d’elle-même les espaces, les tirets et un + initial.

Sous le nom d’utilisateur s’affiche « Username Telegram non valido. » (en italien : « Nom d’utilisateur Telegram non valide »). Le nom doit compter de 5 à 32 caractères parmi lettres, chiffres et _. Retirez espaces et points.

Après l’enregistrement s’affiche « Paramètres enregistrés, mais la synchronisation avec le thème a échoué. » Les réglages sont enregistrés dans l’application, mais la boutique ne les a pas encore reçus. Cliquez de nouveau sur Enregistrer dans quelques minutes.

L’avertissement rouge « Le widget n’est pas actif… » est en haut de la page. Aucun canal n’est activé avec un numéro ou un nom d’utilisateur. Activez WhatsApp ou Telegram, remplissez le champ et cliquez sur Enregistrer.

Le bouton n’apparaît pas sur la boutique. Dans la Vue d’ensemble, vérifiez que Bloc widget indique Actif. S’il indique Non ajouté, suivez Activer le widget dans le thème. Si vous avez réglé un Délai d’apparition, attendez ce nombre de secondes.

Étape suivante

Activer et personnaliser le chatbot IA