¿Has tenido nuevas ideas para un asistente conversacional que quieres probar, pero sólo tienes el chat configurado en un entorno de producción? Si es así, ¡este blog es para ti! Te guiaré a través de cómo crear un archivo HTML rápido y fácil al que puedes añadir tu chat, para probar diferentes marcas y asistentes.
La configuración es bastante sencilla y sólo requiere unos pocos pasos y una mínima experiencia en codificación. Lo primero que debes hacer es tener un programa editor de texto. Puede descargar un editor de texto o utilizar el TextEdit incorporado para Mac o el Bloc de notas para Windows. Una vez en el editor, crea un archivo con extensión .html.
Once you have the file created it’s time to add the Base HTML needed to add the chat code. You will only need a simple heading tag to allow the chat to render. That will look like this <h2></h2>. I usually like to add some content to mine so the page isn’t completely blank! The content can look like this:
<h2>Test Chat</h2>
Después tendrás que ir al código de tu SDK de chat desde la pestaña SDK en la página de configuración del chat (no olvides crear una clave API con el botón "generar clave API"). Copie el código y añádalo debajo de la etiqueta h2 y guarde el archivo. A continuación, abre el archivo en un navegador y confirma que el chat se carga.
Si el chat no se carga, puede haber algunos pasos de configuración que podrían estar bloqueando la carga del chat a nivel local. Lo más probable es que la causa esté en la pestaña Dominios de la página de configuración del chat. Si ese no es el problema, no dudes en ponerte en contacto con el equipo de soporte en support@kustomer.com.
Una vez que tenga el chat cargando, necesitará crear un nuevo asistente de "prueba". Una vez que tenga el nuevo asistente creado, copie el ID del asistente (vea la captura de pantalla más abajo sobre dónde copiar el ID).
El último paso será añadir el ID del asistente a su método Kustomer.start() en el SDK. El código final debería ser así:
Una vez que tu código se parezca a la imagen de arriba, puedes abrir el archivo en tu navegador y podrás probar tu chat.
Consejos adicionales y documentación:
- También puede utilizarlo para añadir otras opciones como los horarios comerciales o el cambio de posición del chat. Puede acceder a una lista completa de todas las opciones aquí
- Puede crear una nueva marca para probarla y cambiar el ID de la marca si quiere probar diferentes configuraciones
- Documentación del asistente conversacional
- También tenemos un módulo universitario en Kustomer sobre los fundamentos del asistente de conversación