Creación de un entorno de prueba para el chat 101

3 minutos de lectura
Compartir
Creación de un entorno de prueba para el chat 101 TW

¿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:

¿Listo para descubrir cómo IA + Datos + CRM equivalen a magia para el cliente?

Ver preciosSolicitar demostración