Fastalk Logo Icono Documentación

Despliegue Web: Integra tu Asistente en tu Sitio

Lleva tu asistente a donde están tus clientes. Desplegar el widget de chat es el paso final para activar tu nuevo canal de comunicación automatizado.

Has diseñado la personalidad y el conocimiento de tu asistente; ahora es el momento de ponerlo a trabajar en el lugar más importante: tu propio sitio web. Nuestro widget de chat está diseñado para integrarse sin esfuerzo en cualquier plataforma, convirtiendo tu web estática en una experiencia conversacional dinámica.

1Navega a los Detalles de tu Asistente

Cada asistente que creas tiene un código de inserción único y personal. Para encontrarlo, primero debes navegar al panel de configuración específico del asistente que deseas desplegar.

  1. Desde el menú principal de tu dashboard, haz clic en "Mis Asistentes IA".
  2. Verás una lista con todos tus asistentes. Haz clic sobre la fila del que quieres integrar para acceder a su panel de configuración.
Lista de asistentes de IA en el dashboard de Fastalk.

2Inicia el Proceso de Integración Web

Dentro de la página de detalles, encontrarás todas las opciones para compartir y desplegar tu asistente. Nos centraremos en la opción diseñada para sitios web.

  1. Asegúrate de que la pestaña "Chatbot" esté activa.
  2. Localiza la tarjeta que dice "Integra tu Asistente IA en tu sitio web".
  3. Haz clic en el botón "Comenzar Integración" para revelar el modal con tu código personal.
Pantalla de detalles de un asistente de chat, con el botón 'Comenzar Integración' resaltado.

3Copia y Pega el Snippet de Código

Se abrirá una ventana con todo lo que necesitas: un bloque de código listo para ser copiado. Este snippet es el corazón de la integración y contiene todo lo necesario para que el widget funcione.

El Snippet Mágico

Simplemente haz clic en el botón "Copiar código". Ahora, el siguiente paso es pegar este código en el HTML de tu sitio web.


        
        

¿Dónde Pegar el Código?

La mejor práctica universal para garantizar un rendimiento óptimo de tu página es pegar el snippet justo antes del cierre de la etiqueta .

Ejemplo de un archivo HTML mostrando dónde pegar el snippet de código, justo antes de la etiqueta de cierre del body.
integration_instructions
Compatible con Todas las Plataformas

Este método funciona en cualquier lugar donde puedas editar el HTML:

  • Sitios personalizados: Pégalo directamente en tus archivos .html.
  • WordPress: Usa un plugin para insertar "headers and footers" o edita el archivo footer.php de tu tema.
  • Shopify, Wix, Squarespace: Busca la sección de "Código Personalizado" o "Integraciones" en la configuración de tu sitio y pega el snippet ahí.

El Resultado: Un Asistente Vivo en tu Web

Una vez que guardes los cambios, actualiza tu sitio web. Inmediatamente verás un botón de chat con el color de tu marca en la esquina inferior derecha. Al hacer clic en él, el widget se desplegará, mostrando el saludo de tu asistente y listo para conversar. ¡Felicidades, tu web ahora tiene un empleado digital trabajando 24/7!

Ejemplo de un sitio web con el botón de chat de Fastalk en la esquina inferior derecha.