Saltar al contenido principal

Integración Web

¿Te gustaría agregar una función de chat impulsada por IA a tu sitio web? Sigue esta guía para integrar AI SmartTalk en solo unos pocos pasos simples. También proporcionaremos advertencias y consejos para ayudarte a resolver problemas comunes.

Requisitos Previos​

Antes de comenzar, asegúrate de tener:

  • Una cuenta activa de AI SmartTalk.
  • Acceso al editor HTML de tu sitio web.
info

¿Aún no tienes una cuenta de AI SmartTalk? Regístrate aquí para comenzar.

Instrucciones Paso a Paso​

Paso 1: Recuperar el Código de Integración​

  1. Inicia sesión en tu cuenta de AI SmartTalk.
  2. Ve a la sección de Integración en el back office. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Genera tu código de integración único. 12d45607-710d-4820-948c-4e5f2a7db811.png
peligro

El token de API contiene identificadores específicos de tu cuenta. No lo compartas públicamente.

Paso 2: Agrega el Código de Integración a Tu Sitio Web​

  1. Abre el archivo HTML principal de tu sitio web.
  2. Pega el código de integración justo antes de la etiqueta </body>.
<iframe id="chatbot-iframe" src="https://cdn.aismarttalk.tech/chatbot/{chatModelId}?lang=en&initialColorMode=light&syncHtmlColorScheme=true" width='100px' height='70px' position='fixed' bottom='0' right='0' allow='microphone; camera' scrolling='no' frameborder='0' style='border: none; overflow: hidden; position: fixed; bottom: 0; right: 0; z-index: 999999; display: block;'></iframe>
<script type="text/javascript" src="https://cdn.aismarttalk.tech/latest.js"></script>

Asegúrate de que tu sitio web use HTTPS. Los scripts de AI SmartTalk no funcionan en sitios no seguros.

Paso 3: Configurar el Chatbot​

Después de agregar el script, inicia sesión en tu panel de control de AI SmartTalk. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

tip

Puedes personalizar la apariencia del chatbot para que coincida con el diseño de tu sitio web. Explora las opciones de personalización en el back office.

Paso 4: Probar y Activar​

  1. Actualiza tu sitio web para verificar que el chatbot se esté mostrando correctamente.
  2. Prueba diferentes escenarios para asegurarte de que el chatbot esté funcionando como se espera.
aviso

Si el chatbot no aparece, verifica que el script esté insertado correctamente y que tus credenciales sean válidas.

Problemas Comunes​

El Chatbot No Se Muestra​

  • Asegúrate de que el script esté insertado justo antes de la etiqueta </body>.
  • Verifica que tu sitio web tenga un certificado SSL válido.

Errores de Configuración​

  • Confirma que los campos Chat Model ID y Chat Model Token sean correctos.
  • Si el problema persiste, contacta al soporte técnico de AI SmartTalk.

¿Experimentando errores persistentes? Consulta nuestra documentación técnica o contacta a nuestro equipo de soporte.

Recursos Adicionales​

Siguiendo estos pasos, podrás integrar con éxito AI SmartTalk en tu sitio web y proporcionar una experiencia interactiva para tus usuarios.

Je suis là pour corriger ou ajuster si nécessaire. 🙏