¿Cómo cambio el diseño de la página y el avatar de un agente?

¿Dónde está?

Abre la pestaña «Diseño» en el editor de flujos. Tiene dos secciones: «Diseño de la página» (el logo, los colores y la disposición de la página que ven los visitantes en este agente) y «Avatar» (el personaje que habla en el agente).

En un agente publicado, «Guardar» conserva tus cambios en el borrador; llegan a la página activa cuando haces clic en «Publicar». Un agente en borrador sigue cerrado a los visitantes. «Vista previa» guarda primero y abre el borrador, para que veas el resultado en la página que verán los visitantes antes que ellos.

Logo y colores

• «Logo»: pega un enlace o haz clic en «Subir archivo» para subir un archivo PNG, JPEG, WebP o SVG (hasta 2 MB). El color dominante de un logo subido pasa a ser el color principal. Si se deja vacío, se muestra el logo de Agenola. Quítalo con «Quitar logo».
• «Color principal»: el color principal de la página; azul por defecto.
• «Botones de acción y confirmación», «Botones de subida de archivos», «Micrófono y entrada de texto»: usan el color principal por defecto. Para dar a un grupo su propio color, desmarca «Usar el color principal».
• «Fondo de la página» y «Fondo del avatar».

Para cada color puedes usar el selector de color o un código hexadecimal.

Cuando añades el agente a tu sitio web, su botón usa el color de «Botones de acción y confirmación» o, si no está definido, el color principal.

La línea «Powered by Agenola» al pie de la página no se muestra en los planes Growth y Pro.

Disposición de la página y tamaño del avatar

«Diseño de la página» tiene cuatro opciones; por defecto es «Avatar arriba, formulario abajo»:

• «Formulario a la izquierda, avatar a la derecha»
• «Avatar a la izquierda, formulario a la derecha»
• «Avatar arriba, formulario abajo»
• «Videollamada»: el avatar se abre como una videollamada. Elige la «Vista inicial»: «Pantalla completa», «Media pantalla» o «Avatar flotante». La «Esquina del avatar flotante» se define para cada vista inicial: los visitantes pueden reducir y ampliar la llamada, y cuando la convierten en avatar flotante, se coloca en esa esquina.

«Tamaño del avatar» va del 50 % al 140 %; por defecto es 100 %. Un avatar más pequeño deja más espacio al chat; en pantallas estrechas el avatar también se reduce por sí solo.

Elegir el avatar

La sección «Avatar» muestra los avatares integrados y los de tu espacio de trabajo. Haz clic en una tarjeta para elegir el avatar del agente.

Desde el menú de una tarjeta puedes editar o eliminar tus propios avatares; los integrados no se pueden cambiar.

Duplicar un avatar (por ejemplo, con otro fondo) y añadir tu propio avatar con «Importar modelo» o «Importar GLB» son funciones del plan Pro; también están disponibles durante la prueba gratis. Sin ese plan, estas opciones no aparecen. Consulta Biblioteca de avatares y Subir tu propio avatar.

Restaurar los valores predeterminados

«Restaurar el diseño predeterminado» pide confirmación primero y luego restablece el logo, los colores, el tamaño del avatar y la disposición de la página; también se quita un archivo de logo subido. El diseño predeterminado es la disposición «Avatar arriba, formulario abajo», un color principal azul y un tamaño de avatar del 100 %. La página activa no cambia hasta que guardas y publicas, así que puedes salir sin guardar si cambias de opinión.

Solo el propietario y los administradores pueden cambiar el diseño.