Cuando un cliente personaliza uno de tus productos, a menudo elige un color y una fuente. Esta guía explica cómo se ven y se comportan esos controles en la tienda, para que sepas qué ven tus clientes. Está escrita para comerciantes que configuran productos personalizables y quieren entender el lado del cliente.
Los controles de color y fuente están en el formulario de personalización, junto a la vista previa en vivo. Para saber cómo encaja todo el formulario, consulta campos del formulario de personalización.
Elegir un color
Un campo de color muestra una fila de muestras redondas. El cliente toca una para seleccionarla. La muestra elegida lleva una marca de verificación para que quede claro qué color está activo. El encabezado sobre las muestras dice “Elige un color”.
Tú controlas qué colores aparecen. Puedes listar un conjunto fijo de muestras, de modo que el cliente se limite a los colores que apruebas. También puedes activar un selector de color libre, que permite al cliente elegir cualquier color con el selector nativo de su dispositivo. Deja el selector desactivado si quieres mantener las opciones acordes a tu marca, o actívalo si quieres libertad total.
Los campos de texto y de área de texto también pueden mostrar una fila de color. Cuando lo permites, aparece una fila de muestras “Elige un color” justo debajo del campo. Así, un cliente que escribe un nombre también puede elegir el color de ese texto en el mismo sitio.
En cuanto el cliente toca una muestra, la vista previa en vivo se actualiza con el nuevo color. No hay un paso aparte para aplicarlo. Para saber más sobre la vista previa, consulta la vista previa en vivo.
Elegir una fuente
Un campo de fuente muestra sus opciones como fichas con una muestra “Abc” en cada una, bajo la etiqueta del propio campo. Cuando asocias una elección de fuente a un campo de texto en lugar de darle un campo propio, las fichas aparecen bajo el encabezado Elige una fuente, justo debajo del cuadro de texto que controlan. Las muestras de fuente pueden tardar en cargar. Comprueba la fuente seleccionada en la vista previa del producto después de la carga; una ficha por sí sola no demuestra que la fuente de producción esté lista.
Cuando un campo ofrece más de 12 fuentes, aparece un cuadro de búsqueda sobre las fichas. El marcador de posición dice “Buscar tipografías…”. El cliente escribe parte del nombre de una fuente para filtrar la lista. Así las listas largas siguen siendo fáciles de recorrer.
Tú decides cómo se presentan las fuentes. Puedes mostrarlas como fichas, que es lo predeterminado, o como una lista desplegable para un diseño más compacto. Las fichas funcionan bien cuando quieres que el cliente compare estilos de un vistazo. Una lista desplegable ahorra espacio cuando el formulario es largo.
Toca una ficha para elegir la fuente y comprueba la vista previa cuando haya cargado. Si no aparece la tipografía esperada, resuelve el problema de carga antes de fiarte de esa vista previa.
Para elegir qué fuentes ofrece un campo y cómo se muestran, consulta elegir y cargar fuentes en el Design Studio.
Siguiente: descubre cómo se refleja cada elección en la imagen del producto en la vista previa en vivo.