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 solucionar 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.
¿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
- Inicia sesión en tu cuenta de AI SmartTalk.
- Ve a la sección de Integración en el panel de administración.
- Genera tu código de integración único.
El token de la API contiene identificadores específicos de tu cuenta. No lo compartas públicamente.
Paso 2: Agregar el Código de Integración a Tu Sitio Web
- Abre el archivo HTML principal de tu sitio web.
- 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.
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 panel de administración.
Paso 4: Probar y Activar
- Actualiza tu sitio web para verificar que el chatbot se muestre correctamente.
- Prueba diferentes escenarios para asegurarte de que el chatbot funcione como se espera.
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, puedes integrar con éxito AI SmartTalk en tu sitio web y proporcionar una experiencia interactiva para tus usuarios.