Previsualiza la experiencia del cliente

Abre la vista previa del cliente desde el dock del formulario del cliente del Design Studio y comprueba los cambios actuales del editor con los controles del formulario en escritorio y en móvil.

En esta página

La Vista previa del cliente recibe el diseño actual del editor, incluidos los cambios sin guardar. Úsala para inspeccionar el lienzo, los campos editables por el cliente y las opciones del producto. Es independiente de la página publicada que ve el comprador y no demuestra que el pago esté listo.

Abre la vista previa del cliente

Abre el menú Archivo y elige Vista previa del cliente. La vista previa se abre sobre el editor sin publicar el producto. Guarda por separado cuando quieras conservar tus ediciones.

PanelVista previa del cliente en escritorio con el lienzo del producto y los campos de personalización
La vista previa del cliente muestra el diseño actual del editor en la vista previa del personalizador.

Rellena los campos obligatorios y recorre los materiales, tamaños, fuentes, colores y complementos disponibles.

Para una comprobación más rápida, quédate en el dock. Su propia vista Vista previa muestra el formulario del cliente junto al lienzo, así que puedes mantener abiertos los paneles de ajustes y ver cómo se aplica un cambio mientras lo haces. La Vista previa del cliente es la versión a pantalla completa de lo mismo.

Es el personalizador real, no una maqueta

Los dos puntos de entrada cargan el propio personalizador del comprador dentro del editor y le pasan tu diseño en memoria. No se reimplementa nada para el lado del comerciante, así que una corrección o una mejora de lo que ven los compradores aparece aquí el mismo día, y un problema de maquetación que encuentres aquí es un problema que habrían tenido los compradores.

Por eso también la vista previa necesita un momento en un arranque en frío. Si no ha aparecido pasados unos quince segundos, el panel se sustituye por un mensaje y un control para reintentar, en lugar de girar sin fin.

El carrito está cerrado a propósito

El botón de añadir al carrito está desactivado aquí y dice Solo vista previa en lugar de Añadir al carrito. Pasa el cursor por encima y te explica por qué: es una vista previa, y el pago se activa cuando el diseño está publicado. Hacer clic no hace nada, salvo mostrar ese mismo aviso, que desaparece solo a los tres segundos para que no te quede un banner rojo sobre tu trabajo.

No es un fallo que debas notificar ni un campo que hayas rellenado mal. El pago pertenece a un producto publicado, así que valida el flujo real del carrito en la propia publicación.

Comprueba el móvil dos veces

Usa Tamaño de la vista previa, dentro de la vista previa, para cambiar a la maquetación estrecha.

PanelVista previa del cliente en móvil con el lienzo y el formulario de personalización apilados
La vista móvil deja ver etiquetas cortadas, controles apretados y campos difíciles de alcanzar.

Prueba la subida de imágenes, las etiquetas largas de las opciones, las listas desplegables y el último campo del formulario. El lienzo y el formulario deben seguir siendo utilizables sin desplazamiento horizontal.

Después compruébalo en un teléfono real, que es otra prueba distinta. Probar en móvil abre una ventana emergente con un código QR que escaneas con la cámara del teléfono.

Una ventana de navegador estrecha y un teléfono real discrepan más a menudo de lo que esperarías. Las zonas táctiles, el teclado en pantalla que empuja el formulario hacia arriba y la subida de fotos desde el carrete son cosas que solo puede mostrarte el teléfono.

¿La vista previa del cliente publica el producto?

No. Previsualiza los cambios actuales del editor sin publicar ni activar el pago.

¿Por qué faltan mis últimos cambios?

La vista previa debería recibir los cambios actuales del editor. Comprueba si hay errores de carga y vuelve a abrirla si hace falta. Guarda por separado para conservar las ediciones; publicar es otro paso.

¿Por qué el código QR muestra un diseño anterior?

El enlace móvil apunta a una versión guardada exacta, porque un dispositivo aparte no puede recibir el estado sin guardar del editor. Guarda el diseño y vuelve a abrir la ventana para obtener un enlace a la versión nueva.

¿Cuál es la comprobación móvil más importante?

Completa todo el flujo y confirma que todos los campos obligatorios y la acción final siguen al alcance.

Siguiente

Lee la vista previa en directo para entender qué ve el comprador mientras edita.

¿Aún necesitas ayuda?

Si una guía no respondió a tu pregunta, nuestro equipo te ayuda con gusto. La mayoría de los mensajes reciben una primera respuesta en un día laborable.

Contactar con soporte

Artículos relacionados