En resumen
- 134 plantillas de chat.Elija la plantilla que encaje con su sitio y añada su logotipo.
- Su nombre, saludo y preguntas.Fije el nombre que ven los visitantes, el saludo y las preguntas iniciales.
- Tipografías y formas, próximamente.16 Google Fonts, radio de las esquinas, sombras y modo claro u oscuro llegan con el editor visual.
- Su logotipo como avatar.Suba una imagen PNG, JPEG o WebP de hasta 1 MB.
Los visitantes confían en lo que les resulta familiar. Hoy elige una de las 134 plantillas de chat y añade su logotipo, nombre, saludo y preguntas iniciales. Los controles más finos que siguen forman parte de la pestaña “Brand” del editor visual, que llegará pronto.
Parta de un ajuste preestablecido
Cuatro ajustes preestablecidos le dan una base rápida: OneType (claro, sombras suaves, redondeado), Night (superficies oscuras, acento vivo), Flat (blanco, sin sombras, esquinas ajustadas) y Paper (blanco roto cálido con texto en tinta). Cambiar de ajuste preestablecido conserva su color de acento, tipografía y tamaño de texto, para que no pierda sus decisiones de marca.
Colores que siguen siendo legibles
Elija su color de acento y OneType calcula si el texto encima debe ser blanco u oscuro, con una muestra en directo justo bajo el selector. También puede fijar los colores de fondo, superficie y texto, y teñir los grises hacia su marca con una intensidad de tinte de 0 a 100 por ciento y un matiz de 0 a 360 grados.
Antes de publicar, OneType comprueba el contraste de sus colores. Si el texto fuera difícil de leer, el editor le avisa, y debe confirmar a propósito para publicar de todos modos.
Claro, oscuro o automático
Fije la apariencia en “Light”, “Dark” o “Auto”. “Auto” sigue el ajuste del sistema de cada visitante, y los widgets nuevos empiezan ahí. En el editor puede alternar la vista previa entre claro y oscuro para comprobar ambos.
Tipografías y tamaño del texto
- Satoshi, la tipografía propia de OneType, por defecto.
- La tipografía del sistema del visitante.
- De su sitio: la tipografía que use la página que rodea al chat.
- 16 Google Fonts, entre ellas Inter, Roboto, Poppins, IBM Plex Sans, Lora, Fraunces y Space Grotesk.
- Un tamaño de texto base de 14 a 18 px. En los móviles, los campos de entrada se quedan en 16 px para que la página nunca haga zoom.
Forma, lanzador y avatar
Fije el radio de las esquinas de 0 a 24 px, la densidad en compacta o cómoda, las sombras en ninguna, suaves o fuertes, el encabezado en sólido, cristal o mínimo, y los mensajes en burbujas o planos. Para el formato de burbuja de chat, elija abajo a la izquierda o a la derecha, una etiqueta breve de lanzador de hasta 40 caracteres o solo un icono, y la distancia a los bordes.
Suba un avatar para su agente como imagen PNG, JPEG o WebP de hasta 1 MB. Los datos de ubicación y de cámara se eliminan de la imagen al guardarla.
Compruébelo en cada pantalla
Cada cambio se ve enseguida en la vista previa en directo. Cambie entre escritorio, tableta y móvil, alterne entre claro y oscuro, y ponga el chat en situaciones como una respuesta larga con fuentes o un traspaso a una persona. Así detecta un color que funciona en la pantalla de inicio pero no en una tabla, antes que sus visitantes.
La galería de plantillas muestra todos los diseños que puede elegir hoy.