Esta guía explica cómo se comporta el personalizador en un móvil o una tableta y qué deben comprobar los comerciantes en una pantalla pequeña.
Diseño en un móvil
En una pantalla estrecha, la vista previa queda encima de los controles de personalización. Cuando el cliente se desplaza por el formulario, la vista previa puede reducirse a una franja más pequeña; al volver hacia arriba, se expande. Revisa el diseño y los campos obligatorios antes de continuar.
El formulario usa controles táctiles grandes, con botones de menos y de más separados para los números. Prueba etiquetas largas, menús abiertos y el teclado en pantalla en los dispositivos que usan tus clientes.
La barra Añadir al carrito permanece fija en la parte inferior de la pantalla. Aunque el cliente se desplace por un formulario largo, la barra de acciones no desaparece. Puede terminar su diseño y añadirlo al carrito desde cualquier punto del formulario.
Si quieres ver cómo funcionan en general los campos del formulario y la vista previa, lee cómo personaliza un cliente un producto y la vista previa en vivo.
Cámara y recorte táctil
Las subidas de fotos están pensadas para móviles. Cuando un cliente toca la zona de subida en un móvil, el dispositivo puede abrir la cámara para que haga una foto allí mismo. Esto viene activado por defecto. Puedes desactivar la cámara por campo si prefieres aceptar solo archivos de la fototeca.
Cuando entra una foto, un campo de imagen en modo de recorte abre una superposición de recorte. La superposición responde al tacto. El cliente arrastra con el dedo los tiradores de las esquinas para encuadrar la foto y luego aplica el recorte. Hay un botón Cambiar foto por si quiere empezar de nuevo con otra imagen.
Para ver la vista previa con más detalle, el cliente puede pellizcar y hacer zoom con su navegador. La vista previa mide el espacio que tiene y ajusta el diseño a la pantalla. Cuando el móvil gira entre vertical y horizontal, la vista previa se redimensiona a la nueva forma.
Los campos numéricos merecen una nota. Los selectores numéricos nativos del móvil son diminutos y fáciles de pasar por alto. En su lugar, los campos numéricos muestran un botón de menos y un botón de más a cada lado del valor. Cada botón es un objetivo táctil grande, así que el cliente cambia una cantidad con un toque claro en lugar de perseguir una flecha pequeña.
Para saber más sobre el flujo de subida, incluidos los tipos de archivo y las comprobaciones de alta resolución, consulta subir una foto.
¿Funciona el personalizador también en tabletas?
Sí. El diseño adaptable se ajusta al ancho de la pantalla, así que las tabletas tienen controles de tamaño táctil y el mismo comportamiento de vista previa que los móviles.
¿Puede un cliente hacer una foto con la cámara en lugar de subir un archivo?
Sí, en un móvil o una tableta. Al tocar la zona de subida se puede abrir la cámara del dispositivo. Está activado por defecto y puedes desactivarlo por campo.
¿Por qué los campos numéricos muestran botones de más y de menos?
Los botones ofrecen un objetivo táctil grande y fiable en las pantallas táctiles, más fácil de usar que el pequeño selector numérico nativo.
¿Qué pasa con el diseño cuando el móvil gira?
La vista previa vuelve a medir su contenedor y redimensiona el diseño a la nueva forma de pantalla, así que sigue totalmente visible.
Siguiente
Descubre lo que ven los clientes de principio a fin en cómo personaliza un cliente un producto.