Om de Chatbot Builder AI Webchat widget in te bedden op ClickFunnels, volg je deze stappen:

1. Verkrijg de webchat-code van het Chatbot Builder AI-platform. Je kunt deze vinden door naar de sectie "Instellingen" > "Kanalen" > "Webchat" te gaan en de webchat te selecteren die je wilt gebruiken.

2. Maak in ClickFunnels een nieuw "Aangepaste HTML & JavaScript"-blok aan en plak de webchat-code daarin.

3. Houd er rekening mee dat ClickFunnels mogelijk platform-specifieke vereisten heeft voor de webchat-code. Als je problemen ondervindt, raadpleeg dan de Chatbot Builder AI-documentatie voor instructies over het aanpassen van de code voor ClickFunnels.

4. Wees na het plakken van de code geduldig en wacht 10 minuten tot de wijzigingen op je ClickFunnels-pagina worden weergegeven. Dit is een bekende beperking van het platform.

5. Als je de webchat-widget verder wilt aanpassen, zoals het toevoegen van een tekstballon boven de chatknop, kun je een dienst als Anthropic's Claude gebruiken om de benodigde code voor je te genereren. Geef de dienst je vereisten op en zij zullen je de aangepaste code geven om te gebruiken.

6. Zodra je de aangepaste code hebt, vervang je de oorspronkelijke webchat-code in het ClickFunnels "Aangepaste HTML & JavaScript"-blok door de nieuwe code, en de wijzigingen worden na de wachttijd van 10 minuten weergegeven op je pagina.

Door deze stappen te volgen, kun je de Chatbot Builder AI Webchat widget eenvoudig op je ClickFunnels-pagina's inbedden en deze zelfs naar wens aanpassen zonder geavanceerde webontwikkelingsvaardigheden.

Om de Chatbot Builder AI webchat-widget aan te passen en een tekstballon met specifieke opmaak toe te voegen, volg je deze stappen:

1. Verkrijg de oorspronkelijke webchat-scriptcode van het Chatbot Builder AI-dashboard.
2. Gebruik een dienst als Anthropic's Claude om de gewijzigde code met de gewenste tekstballon en opmaak te genereren. Geef de volgende instructies:
   • "Hier is de code van ons webchat-pluginscript. Wat we nodig hebben, is dat je een tekstballon boven de webchat-knop toevoegt. De tekst moet zijn: 'Hé, als je vragen hebt, stel ze dan hier'. De tekst moet vrij smal zijn en mobiel responsief, met een grensradius van 16 pixels. De vertraging voor de tekstweergave moet 5 seconden zijn."
   • "Verander ook de achtergrondkleur van de tekstballon naar wit en voeg wat ruimte toe tussen de chatknop en de tekstballon."
3. De gegenereerde code bevat de benodigde HTML, CSS en JavaScript om de aangepaste webchat-widget met de tekstballon en opmaak te implementeren.
4. Zoek op je website of platform (bijv. ClickFunnels) de juiste sectie om de gewijzigde webchat-code te plakken, zoals een aangepast HTML/JavaScript-blok.
5. Wacht na het bijwerken van de code 10 minuten voordat de wijzigingen op je live website of platform worden weergegeven.
6. Ververs de pagina om de aangepaste webchat-widget met de tekstballon en opmaak te zien.

In dit gedeelte hebben we het proces besproken voor het installeren van de ChatbotBuilder AI web chat-plugin op ClickFunnels. De belangrijkste punten zijn:

1. Verkrijg de web chat-code van het ChatbotBuilder AI-platform en plak deze in het aangepaste JavaScript- en HTML-blok in ClickFunnels.
2. Wees geduldig, want het kan tot 10 minuten duren voordat de wijzigingen op de ClickFunnels-pagina worden weergegeven.
3. Om de web chat-widget verder aan te passen, kun je een dienst als Clowd.ai gebruiken om een tekstballon boven de chatknop toe te voegen, de achtergrondkleur te wijzigen en de ruimte aan te passen.
4. Door deze stappen te volgen, kun je de ChatbotBuilder AI web chat-plugin eenvoudig integreren in je ClickFunnels-pagina's zonder geavanceerde webontwikkelingsvaardigheden.