Så här integrerar du Chatbot Builder AI sömlöst på ClickFunnels

För att bädda in Chatbot Builder AI Webchat-widgeten på ClickFunnels, följ dessa steg:

1. Hämta webbchatkoden från Chatbot Builder AI-plattformen. Du hittar den genom att gå till "Inställningar" > "Kanaler" > "Webbchatt"-avsnittet och välja den webbchatt du vill använda.

2. I ClickFunnels, skapa en ny "Anpassad HTML & JavaScript"-block och klistra in webbchatkoden i den.

3. Observera att ClickFunnels kan ha vissa plattformsspecifika krav för webbchatkoden. Om du stöter på några problem, se Chatbot Builder AI-dokumentationen för vägledning om hur du kan ändra koden för ClickFunnels.

4. Efter att ha klistrat in koden, var tålmodig och vänta i 10 minuter för att ändringarna ska återspeglas på din ClickFunnels-sida. Detta är en känd begränsning av plattformen.

5. Om du vill anpassa webbchatwidgeten ytterligare, till exempel genom att lägga till en textbubbla ovanför chattknappen, kan du använda en tjänst som Anthropics Claude för att generera den nödvändiga koden åt dig. Ge tjänsten dina krav, och den kommer att ge dig den modifierade koden att använda.

6. När du har den anpassade koden, ersätt helt enkelt den ursprungliga webbchatkoden i ClickFunnels "Anpassad HTML & JavaScript"-blocket med den nya koden, och ändringarna kommer att återspeglas på din sida efter 10-minutersperioden.

Genom att följa dessa steg kan du enkelt bädda in Chatbot Builder AI Webchat-widgeten på dina ClickFunnels-sidor och till och med anpassa den efter dina önskemål utan några avancerade webbkunskaper.

För att anpassa Chatbot Builder AI-webbchattwidgeten och lägga till en textbubbla med specifik formatering, följ dessa steg:

1. Hämta den ursprungliga webbchattskriptskoden från Chatbot Builder AI-instrumentpanelen.
2. Använd en tjänst som Anthropics Claude för att generera den modifierade koden med den önskade textbubblan och formateringen. Ge följande instruktioner:
   • "Här är koden för vårt webbchattinsticksmodul. Vad vi behöver är att du lägger till en textbubbla ovanför webbchattknappen. Texten bör vara: 'Hej, om du har några frågor, ställ dem gärna här'. Texten bör vara ganska smal och mobilanpassad, med en rundad hörn på 16 pixlar. Fördröjningen för textvisningen bör vara 5 sekunder."
   • "Ändra också bakgrundsfärgen på textbubblan till vit och lägg till lite utrymme mellan chattknappen och textbubblan."
3. Den genererade koden kommer att innehålla den nödvändiga HTML, CSS och JavaScript för att implementera den anpassade webbchattwidgeten med textbubblan och formateringen.
4. På din webbplats eller plattform (t.ex. ClickFunnels), hitta den lämpliga sektionen för att klistra in den modifierade webbchatkoden, till exempel en anpassad HTML/JavaScript-block.
5. Efter att ha uppdaterat koden, vänta i 10 minuter innan ändringarna återspeglas på din live-webbplats eller plattform.
6. Uppdatera sidan för att se den anpassade webbchattwidgeten med textbubblan och formateringen.

I det här avsnittet har vi diskuterat processen för att installera ChatbotBuilder AI-webbchattinsticksmodulen på ClickFunnels. De viktigaste punkterna är:

1. Hämta webbchatkoden från ChatbotBuilder AI-plattformen och klistra in den i det anpassade JavaScript- och HTML-blocket i ClickFunnels.
2. Var tålmodig, eftersom det kan ta upp till 10 minuter för ändringarna att återspeglas på ClickFunnels-sidan.
3. För att anpassa webbchattwidgeten ytterligare kan du använda en tjänst som Clowd.ai för att lägga till en textbubbla ovanför chattknappen, ändra bakgrundsfärgen och justera utrymmet.
4. Genom att följa dessa steg kan du enkelt integrera ChatbotBuilder AI-webbchattinsticksmodulen i dina ClickFunnels-sidor utan några avancerade webbkunskaper.