Comment intégrer de manière transparente le générateur de chatbot IA sur ClickFunnels

Intégrez de manière transparente le générateur d'agents conversationnels IA dans votre site Web ClickFunnels. Apprenez étape par étape comment coller le code, personnaliser le widget de conversation Web et le mettre en ligne en seulement 10 minutes. Augmentez l'engagement et améliorez le service client.

15 janvier 2025

party-gif

Simplifiez vos interactions avec les clients grâce à l'outil de chat Chatbot Builder AI Webchat sur ClickFunnels. Cet outil puissant vous permet d'intégrer facilement une expérience de chat personnalisable directement dans vos entonnoirs de vente, améliorant ainsi l'engagement et offrant un soutien instantané à vos visiteurs.

Intégrez facilement le widget de clavardage IA Chatbot Builder sur ClickFunnels

Pour intégrer le widget de clavardage Web de Chatbot Builder AI sur ClickFunnels, suivez ces étapes :

  1. Obtenez le code de clavardage Web de la plateforme Chatbot Builder AI. Vous pouvez le trouver en allant dans la section "Paramètres" > "Canaux" > "Clavardage Web" et en sélectionnant le clavardage Web que vous voulez utiliser.

  2. Sur ClickFunnels, créez un nouveau bloc "HTML et JavaScript personnalisés" et collez le code de clavardage Web dans celui-ci.

  3. Notez que ClickFunnels peut avoir des exigences spécifiques à la plateforme pour le code de clavardage Web. Si vous rencontrez des problèmes, consultez la documentation de Chatbot Builder AI pour savoir comment modifier le code pour ClickFunnels.

  4. Après avoir collé le code, soyez patient et attendez 10 minutes pour que les changements soient reflétés sur votre page ClickFunnels. C'est une limitation connue de la plateforme.

  5. Si vous voulez personnaliser davantage le widget de clavardage Web, comme ajouter une bulle de texte au-dessus du bouton de clavardage, vous pouvez utiliser un service comme Claude d'Anthropic pour générer le code nécessaire. Fournissez-lui vos exigences et il vous fournira le code modifié à utiliser.

  6. Une fois que vous avez le code personnalisé, remplacez simplement le code de clavardage Web d'origine dans le bloc "HTML et JavaScript personnalisés" de ClickFunnels par le nouveau code, et les changements seront reflétés sur votre page après la période d'attente de 10 minutes.

En suivant ces étapes, vous pouvez facilement intégrer le widget de clavardage Web de Chatbot Builder AI sur vos pages ClickFunnels et même le personnaliser à votre guise sans aucune compétence avancée en développement Web.

Personnalisation du widget de clavardage : ajout de bulles de texte et de style

Pour personnaliser le widget de clavardage Web de Chatbot Builder AI et ajouter une bulle de texte avec un style spécifique, suivez ces étapes :

  1. Obtenez le code du script original du widget de clavardage Web depuis le tableau de bord de Chatbot Builder AI.
  2. Utilisez un service comme Claude d'Anthropic pour générer le code modifié avec la bulle de texte souhaitée et le style. Fournissez les instructions suivantes :
    • "Voici le code de notre script de plugin de clavardage Web. Ce dont nous avons besoin, c'est que vous ajoutiez une bulle de texte au-dessus du bouton de clavardage. Le texte devrait être : 'Salut, si vous avez des questions, n'hésitez pas à les poser ici'. Le texte devrait être assez étroit et réactif sur mobile, avec un rayon de bordure de 16 pixels. Le délai d'affichage du texte devrait être de 5 secondes."
    • "Veuillez également changer la couleur de fond de la bulle de texte en blanc et ajouter un peu d'espace entre le bouton de clavardage et la bulle de texte."
  3. Le code généré comprendra le HTML, le CSS et le JavaScript nécessaires pour mettre en œuvre le widget de clavardage Web personnalisé avec la bulle de texte et le style.
  4. Sur votre site Web ou votre plateforme (par exemple, ClickFunnels), localisez la section appropriée pour coller le code de clavardage Web modifié, comme un bloc HTML/JavaScript personnalisé.
  5. Après avoir mis à jour le code, attendez 10 minutes avant que les changements ne soient reflétés sur votre site Web ou votre plateforme en direct.
  6. Rafraîchissez la page pour voir le widget de clavardage Web personnalisé avec la bulle de texte et le style.

Conclusion

Dans cette section, nous avons discuté du processus d'installation du plugin de clavardage Web de ChatbotBuilder AI sur ClickFunnels. Les points clés sont :

  1. Obtenez le code de clavardage Web de la plateforme ChatbotBuilder AI et collez-le dans le bloc JavaScript et HTML personnalisé de ClickFunnels.
  2. Soyez patient, car il peut falloir jusqu'à 10 minutes pour que les changements se reflètent sur la page ClickFunnels.
  3. Pour personnaliser davantage le widget de clavardage Web, vous pouvez utiliser un service comme Clowd.ai pour ajouter une bulle de texte au-dessus du bouton de clavardage, changer la couleur de fond et ajuster l'espacement.
  4. En suivant ces étapes, vous pouvez facilement intégrer le plugin de clavardage Web de ChatbotBuilder AI dans vos pages ClickFunnels sans aucune compétence avancée en développement Web.

FAQ