¿En qué podemos ayudarte?

Personalizar el diseño del widget de tu bot

¡El widget de Arkibot es el escaparate a través del cual tu bot se mostrará al mundo!

 

Como tal, debes cuidarlo para que sea coincidente con los colores de tu marca, la comunicación que utiliza al recibir a tus visitantes en la web, decirles a tus usuarios la forma en que tratarás su información, entre otros detalles.

Puedes personalizar este widget desde el apartado “Panel de Bots”, comenzando por el nombre del bot y el avatar que quieres que se muestre y donde pulsarán tus visitantes para interactuar con él.

 

Una vez hayas configurado estos apartados, puedes ir al botón de Ajustes, donde vas a encontrar más detalles sobre cómo personalizar tu bot.

 
Notion image
 

A continuación veremos cada uno de los apartados de configuración y cómo funcionan.

1. Comportamiento de arranque

En este apartado vas a poder configurar lo primero que ve el visitante de tu web cuando entra al bot, como el texto de presentación y el mensaje de bienvenida.

Notion image
 

Primero, cuando un visitante llega a tu web lo primero que verá es el avatar y depende de esta parte si mostrará algún texto o no debajo del bot, dando algún saludo para invitarlo a interactuar.

Este es un ejemplo de cómo se ve lo que se introduzca en el campo “Texto de presentación en el Avatar”.

Avatar con texto de presentación
Avatar con texto de presentación
Avatar sin texto de presentación
Avatar sin texto de presentación

Ahora veamos el resto de campos, que modificarán la ventana del chat que se muestra a tu visitante cuando la abre por primera vez.

Lo primero es que si seleccionas “Preguntar Nombre y Email al inicio”, verá los campos correspondientes para introducir sus datos y debajo estará un enlace a tu política de privacidad, donde explicas a tus visitantes sobre el tratamiento de su información.

 
Notion image
 

En caso de que no pidas al bot que recabe nombre y email del visitante, solamente verá el “Mensaje de bienvenida” que establezcas en el campo con ese mismo nombre.

Finalmente, el botón de verificación de “Mostrar el nombre del bot” indica si el mismo será visible desde la parte superior del chat o solamente aparecerá el avatar del bot, sin nombre.

 

2. Menú de opciones

Habilita las opciones adicionales para recibir feedback del bot y enviar la conversación por correo electrónico.

Notion image
 

En este apartado puedes habilitar o deshabilitar que se muestre el menú de opciones, y dentro de él cuentas con dos opciones que son:

  • Feedback ⇒ el visitante puede enviarte retroalimentación respecto a la conversación que acaba de tener con el bot. Esto te llegará al correo principal de tu cuenta de Arkibot.
  • Enviar por correo ⇒ el visitante puede enviarse a sí mismo la conversación que ha tenido con el bot al correo electrónico que elija.

En el chat se verá de la siguiente manera:

Notion image

➕ Para más información, revisa estas guías:

 

3. Branding

En este apartado podrás configurar los colores que se mostrarán en el widget para adaptarlos a tu web y/o marca.

Notion image
 

Tienes cuatro opciones de colores:

  • Color primario ⇒ es el color de los globos de diálogo del chatbot
  • Color secundario ⇒ se muestra excepcionalmente en algunos apartados
  • Color de la cabecera ⇒ se muestra en la parte superior de la ventana del chat
  • Color del texto de respuesta ⇒ por defecto es blanco para contrastar con el fondo del color primario
Notion image
 

El color puede elegirse directamente pulsando en el círculo. Verás que se despliega un recuadro con diferentes opciones:

  • Colores básicos ⇒ algunas tonalidades prestablecidas que puedes elegir
  • Saturación ⇒ sobre el color elegido, puedes hacerlo más claro o más oscuro
  • Opacidad ⇒ modifica la transparencia del color
  • Elección actual ⇒ es un resumen de lo elegido hasta el momento, muestra tres apartados:
    • Color elegido
    • Código del color elegido
    • Porcentaje de opacidad elegida
  • Últimos utilizados ⇒ es un histórico de los colores que has elegido previamente en caso de que quieras volver a utilizar alguno de ellos
Notion image
 

Una vez eliges los colores, se guardan automáticamente y se mostrarán en la ventana del chatbot.

 

4. Aviso legal

Si solicitas el nombre y correo electrónico del visitante, es indispensable que tengas esta configuración, pues en todo momento deberá estar disponible para que tu visitante pueda revisar el tratamiento que das a sus datos personales.

El mensaje de aviso legal aparecerá automáticamente en el chat si activas en el apartado Configuración de arranque la opción “Preguntar Nombre y Email al inicio”.

 
 

Tienes únicamente dos campos en los que debes facilitar:

  • Texto para el aviso legal ⇒ el texto de respuesta que dará el bot cuando tu visitante le consulte sobre el aviso legal. Puedes configurar el lugar donde quieres que aparezca el enlace con el comando [enlace]
  • Enlace para el aviso legal ⇒ aquí va la URL que aparecerá dentro del comando [enlace]
Notion image

5. Opciones de comportamiento

Aquí encontrarás otras configuraciones adicionales para el funcionamiento del widget.

Notion image
 

Tienes dos campos con la siguiente información:

  • Intervalo de tiempo de consulta ⇒ aquí se define el número de segundos que tardará el bot en revisar si hay nuevas respuestas de tus visitantes.
  • Texto de respuesta que dará el bot en caso de que se detecte una intención duplicada ⇒ si tu visitante pregunta algo donde el bot volverá a contestar con la misma intención que ha utilizado en la respuesta anterior, en lugar de hacerlo, envía esta respuesta predefinida.
 

➕ Además de poder personalizar tu widget del bot en este apartado, puedes ver opciones avanzadas que implican modificar el código directamente. En esta guía puedes leer más al respecto: Parámetros de JavaScript válidos en el widget del bot

¿Te ha resultado útil este artículo?
😞
😐
🤩