How do I style my flow?

How do I style my flow?

Category: Estilo

1) Estilo de la interfaz de usuario

Personaliza el aspecto general de los mensajes y los botones:

  • Tipografía: elige la familia tipográfica global.
  • Colores del botón: fondo, texto, fondo al pasar el cursor y texto al pasar el cursor.
  • Animaciones de botones: selecciona un estilo de animación predeterminado.
  • Colores de brillo: define el color primario, secundario y de acento del brillo cuando los estilos animados están activados.
  • Colores de los mensajes: texto del bot y fondo del mensaje del bot.
  • Colores del mensaje del visitante: texto del visitante y fondo del mensaje del visitante.
  • Recursos de imagen: configura el avatar del bot y el avatar del visitante.

2) Estilo del fondo

Controla el fondo de la página del flujo:

  • Tipo de fondo: ninguno, imagen, color sólido o degradado.
  • Fondo de imagen: sube o restablece la imagen de fondo y elige el modo de ajuste (cover/contain).
  • Fondo de color: elige un color de fondo sólido.
  • Fondo degradado: configura los colores inicial y final del degradado.

3) Estilo del encabezado y de la marca

Ajusta la presentación del encabezado y de la marca:

  • Color del fondo del encabezado
  • Modo transparente (encabezado/fondo transparente)
  • modo iframe
  • Subida/restablecimiento de la imagen del logo

4) Estilo de redes y de compartir

Define cómo se muestra el flujo al compartirlo:

  • Título al compartir
  • Descripción al compartir
  • Imagen para compartir en redes sociales
  • Etiquetas head personalizadas

5) Controles extra de presentación

Ajustes adicionales que afectan a la experiencia/presentación:

  • Velocidad de la conversación (preajustes del retraso de los mensajes)
  • Valores predeterminados de idioma (idioma forzado/país predeterminado)