Cómo integrar sin problemas el Chatbot Builder AI en ClickFunnels

Integre sin problemas el Chatbot Builder AI en su sitio web de ClickFunnels. Aprenda paso a paso cómo pegar el código, personalizar el widget de chat web y ponerlo en vivo en solo 10 minutos. Aumente la participación y mejore el servicio al cliente.

15 de enero de 2025

party-gif

Agiliza tus interacciones con los clientes con el widget de Webchat del Chatbot Builder AI en ClickFunnels. Esta poderosa herramienta te permite integrar sin esfuerzo una experiencia de chat personalizable directamente en tus embudos de ventas, mejorando el compromiso y brindando asistencia instantánea a tus visitantes.

Integre fácilmente el widget de webchat del creador de chatbots de IA en ClickFunnels

Para incrustar el widget de Chatbot Builder AI Webchat en ClickFunnels, sigue estos pasos:

  1. Obtén el código del chat web de la plataforma Chatbot Builder AI. Puedes encontrarlo yendo a la sección "Configuración" > "Canales" > "Chat web" y seleccionando el chat web que quieres usar.

  2. En ClickFunnels, crea un nuevo bloque "HTML y JavaScript personalizado" y pega el código del chat web en él.

  3. Ten en cuenta que ClickFunnels puede tener algunos requisitos específicos de la plataforma para el código del chat web. Si encuentras algún problema, consulta la documentación de Chatbot Builder AI para obtener orientación sobre cómo modificar el código para ClickFunnels.

  4. Después de pegar el código, ten paciencia y espera 10 minutos para que los cambios se reflejen en tu página de ClickFunnels. Esta es una limitación conocida de la plataforma.

  5. Si quieres personalizar aún más el widget de chat web, como agregar una burbuja de texto encima del botón de chat, puedes usar un servicio como Claude de Anthropic para generar el código necesario para ti. Proporciona al servicio tus requisitos y te proporcionará el código modificado para usar.

  6. Una vez que tengas el código personalizado, simplemente reemplaza el código original del chat web en el bloque "HTML y JavaScript personalizado" de ClickFunnels con el nuevo código, y los cambios se reflejarán en tu página después del período de espera de 10 minutos.

Siguiendo estos pasos, podrás incrustar fácilmente el widget de Chatbot Builder AI Webchat en tus páginas de ClickFunnels e incluso personalizarlo a tu gusto sin necesidad de tener habilidades avanzadas de desarrollo web.

Personalización del widget de webchat: Agregar burbuja de texto y estilo

Para personalizar el widget de Chatbot Builder AI webchat y agregar una burbuja de texto con un estilo específico, sigue estos pasos:

  1. Obtén el código original del script del webchat del panel de control de Chatbot Builder AI.
  2. Usa un servicio como Claude de Anthropic para generar el código modificado con la burbuja de texto deseada y el estilo. Proporciona las siguientes instrucciones:
    • "Aquí está el código de nuestro script del plugin de webchat. Lo que necesitamos es que agregues una burbuja de texto encima del botón de webchat. El texto debe ser: 'Hola, si tienes alguna pregunta, por favor hazla aquí'. El texto debe ser bastante estrecho y adaptable a dispositivos móviles, con un radio de borde de 16 píxeles. El retraso para la visualización del texto debe ser de 5 segundos."
    • "También cambia el color de fondo de la burbuja de texto a blanco y agrega un poco de espacio entre el botón de chat y la burbuja de texto."
  3. El código generado incluirá el HTML, CSS y JavaScript necesarios para implementar el widget de webchat personalizado con la burbuja de texto y el estilo.
  4. En tu sitio web o plataforma (por ejemplo, ClickFunnels), ubica la sección apropiada para pegar el código de webchat modificado, como un bloque de HTML/JavaScript personalizado.
  5. Después de actualizar el código, espera 10 minutos antes de que los cambios se reflejen en tu sitio web o plataforma en vivo.
  6. Actualiza la página para ver el widget de webchat personalizado con la burbuja de texto y el estilo.

Conclusión

En esta sección, hemos discutido el proceso de instalación del plugin de chat web de ChatbotBuilder AI en ClickFunnels. Los puntos clave son:

  1. Obtén el código del chat web de la plataforma ChatbotBuilder AI y pégalo en el bloque de JavaScript y HTML personalizado en ClickFunnels.
  2. Ten paciencia, ya que puede tomar hasta 10 minutos para que los cambios se reflejen en la página de ClickFunnels.
  3. Para personalizar aún más el widget de chat web, puedes usar un servicio como Clowd.ai para agregar una burbuja de texto encima del botón de chat, cambiar el color de fondo y ajustar el espacio.
  4. Siguiendo estos pasos, puedes integrar fácilmente el plugin de chat web de ChatbotBuilder AI en tus páginas de ClickFunnels sin necesidad de tener habilidades avanzadas de desarrollo web.

Preguntas más frecuentes