Esta guía explica qué ven tus clientes en la vista previa en vivo mientras personalizan un producto. Es para comerciantes que quieren entender cómo se comporta la vista previa antes de que un cliente añada el artículo al carrito. Saberlo te ayuda a configurar productos que se vean bien en cada paso.
La vista previa se actualiza en vivo
La vista previa está junto a los campos de personalización. Cada vez que el cliente cambia un campo, la vista previa se redibuja al instante. Escribe un nombre y aparece en el diseño. Elige un color y el diseño toma ese color. No hay un botón aparte para actualizar o aplicar.
La vista previa ayuda al cliente a comprobar la composición y la personalización. No es una prueba del archivo de producción final ni de la impresión física. Revisa todas las superficies requeridas, el renderizado de las fuentes, los recortes y el resultado previsto antes de producir.
El área de impresión editable se muestra con un sutil borde discontinuo. Eso le indica al cliente dónde queda su contenido en el producto. Todo lo que está dentro de la línea discontinua forma parte del área personalizada.
Para ver cómo recorre un cliente todo el flujo, lee cómo personaliza un cliente un producto. Para los campos que provocan estos cambios, consulta campos del formulario de personalización.
Vista de diseño y vista de mockup del producto
Un producto puede mostrar la vista previa de dos formas.
La vista de diseño muestra el diseño plano sobre una superficie limpia. No hay foto del producto detrás. Es el mismo diseño plano que edita tu cliente, así que es fácil de leer y de colocar el texto.
La vista de mockup del producto muestra el mismo diseño colocado sobre una foto del producto real. El cliente ve su diseño tal como quedaría en el artículo terminado, por ejemplo impreso en una taza o una camiseta.
Puedes activar ambas vistas para un producto. Cuando lo haces, el cliente ve dos botones bajo el lienzo: Diseño y Vista previa. Toca Diseño para la vista plana y Vista previa para la vista con la foto del producto. La vista previa sigue actualizándose en vivo en la vista que esté activa.
La vista de mockup del producto necesita que antes se configure un mockup del producto. El mockup le dice a Composerie cómo colocar el diseño sobre la foto del producto. Sin uno, la vista previa se queda plana en la vista de diseño, aunque se pida la vista de mockup. Configura el mockup en el producto antes de activar la vista de mockup o ambos modos de vista.
Varias caras y varios diseños
Algunos productos tienen más de una cara que personalizar, como una frontal y una trasera. Estos productos muestran una fila de pestañas sobre la vista previa. El cliente hace clic en una pestaña para cambiar a esa cara. Cada cara tiene su propia vista en la vista previa.
Cuando un texto se comparte entre caras, cambiarlo una vez lo actualiza en todas las caras. Por ejemplo, un nombre que aparece tanto en la parte frontal como en la trasera se actualiza en todas partes cuando el cliente lo escribe. El cliente no tiene que volver a escribir el mismo texto en cada cara.
Un producto también puede ofrecer más de un diseño. Cuando hay opciones de diseño disponibles, el cliente puede seleccionar una composición distinta. La personalización compatible puede mantenerse, pero los campos que no pertenecen a la nueva composición no se conservan. Revisa el nuevo diseño y completa los campos obligatorios que falten.
La vista previa se adapta con bandas a la pantalla. Se reduce para que todo el diseño siga visible sin desbordarse. En el móvil se redimensiona de forma adaptable, así que el cliente ve la vista previa completa en una pantalla pequeña.
Preguntas frecuentes
¿Por qué no hay botón de Diseño y Vista previa en mi producto?
Esos botones solo aparecen cuando ambas vistas están activadas y el producto tiene un mockup con esquinas de colocación. Sin un mockup compatible, la vista previa se queda plana.
¿Coincide la vista previa con el resultado impreso?
Úsala para comprobar la composición y la personalización, pero no la trates como una prueba de producción ni de impresión física. Revisa el resultado previsto y todas las superficies requeridas antes de producir.
¿Qué es el borde discontinuo de la vista previa?
Delimita el área de impresión editable. El contenido dentro de la línea discontinua es la parte personalizada del producto.
Si cambio un texto compartido en la parte frontal, ¿se actualiza también la trasera?
Sí. El texto compartido entre caras se actualiza en todas las caras cuando lo cambias una vez.
Siguiente
Configura la vista de la foto del producto en la vista previa del mockup para que los clientes vean su diseño en el producto real.