Como Integrar Perfeitamente o Chatbot Builder AI no ClickFunnels

Para incorporar o widget Chatbot Builder AI Webchat no ClickFunnels, siga estes passos:

1. Obtenha o código do web chat da plataforma Chatbot Builder AI. Você pode encontrá-lo indo para a seção "Configurações" > "Canais" > "Web Chat" e selecionando o web chat que deseja usar.

2. No ClickFunnels, crie um novo bloco "HTML e JavaScript Personalizado" e cole o código do web chat nele.

3. Observe que o ClickFunnels pode ter alguns requisitos específicos da plataforma para o código do web chat. Se você encontrar algum problema, consulte a documentação do Chatbot Builder AI para obter orientação sobre como modificar o código para o ClickFunnels.

4. Após colar o código, seja paciente e aguarde 10 minutos para que as alterações sejam refletidas na sua página do ClickFunnels. Essa é uma limitação conhecida da plataforma.

5. Se você quiser personalizar ainda mais o widget do web chat, como adicionar uma bolha de texto acima do botão de bate-papo, você pode usar um serviço como o Claude da Anthropic para gerar o código necessário para você. Forneça o serviço com seus requisitos e ele lhe fornecerá o código modificado para usar.

6. Depois de ter o código personalizado, basta substituir o código original do web chat no bloco "HTML e JavaScript Personalizado" do ClickFunnels pelo novo código, e as alterações serão refletidas na sua página após o período de espera de 10 minutos.

Seguindo esses passos, você pode facilmente incorporar o widget Chatbot Builder AI Webchat em suas páginas do ClickFunnels e até mesmo personalizá-lo ao seu gosto, sem nenhuma habilidade avançada de desenvolvimento web.

Para personalizar o widget Chatbot Builder AI webchat e adicionar uma bolha de texto com estilo específico, siga estes passos:

1. Obtenha o código do script original do webchat do painel do Chatbot Builder AI.
2. Use um serviço como o Claude da Anthropic para gerar o código modificado com a bolha de texto desejada e o estilo. Forneça as seguintes instruções:
   • "Aqui está o código do nosso script do plugin de webchat. O que precisamos é que você adicione uma bolha de texto acima do botão de webchat. O texto deve ser: 'Ei, se você tiver alguma dúvida, por favor, pergunte aqui'. O texto deve ser bastante estreito e responsivo para dispositivos móveis, com um raio de borda de 16 pixels. O atraso para a exibição do texto deve ser de 5 segundos."
   • "Por favor, altere também a cor de fundo da bolha de texto para branco e adicione um espaço entre o botão de bate-papo e a bolha de texto."
3. O código gerado incluirá o HTML, CSS e JavaScript necessários para implementar o widget de webchat personalizado com a bolha de texto e o estilo.
4. No seu site ou plataforma (por exemplo, ClickFunnels), localize a seção apropriada para colar o código de webchat modificado, como um bloco de HTML/JavaScript personalizado.
5. Após atualizar o código, aguarde 10 minutos para que as alterações sejam refletidas no seu site ou plataforma ao vivo.
6. Atualize a página para ver o widget de webchat personalizado com a bolha de texto e o estilo.

Nesta seção, discutimos o processo de instalação do plugin de web chat ChatbotBuilder AI no ClickFunnels. Os principais pontos são:

1. Obtenha o código do web chat da plataforma ChatbotBuilder AI e cole-o no bloco de JavaScript e HTML personalizado no ClickFunnels.
2. Seja paciente, pois pode levar até 10 minutos para que as alterações sejam refletidas na página do ClickFunnels.
3. Para personalizar ainda mais o widget de web chat, você pode usar um serviço como o Clowd.ai para adicionar uma bolha de texto acima do botão de bate-papo, alterar a cor de fundo e ajustar o espaçamento.
4. Seguindo esses passos, você pode facilmente integrar o plugin de web chat ChatbotBuilder AI em suas páginas do ClickFunnels, sem nenhuma habilidade avançada de desenvolvimento web.