Prueba virtual en Shopify: preparar la conexión con la ficha de producto

Empezar con una plantilla de producto

Elige una colección pequeña con imágenes fiables y una pregunta visual concreta, como comparar colores de una chaqueta. Identifica a quienes mantienen el tema, los datos y la aprobación del piloto. Trabaja en una vista previa del tema y documenta cómo volver al estado anterior. El servicio ofrece actualmente un fragmento JavaScript que abre una vista previa alojada por separado. No ofrece una aplicación Shopify ni un complemento WooCommerce oficialmente publicados. La compatibilidad y el tiempo necesario dependen del tema real y sus personalizaciones.

Acordar dónde se incorpora el fragmento

Shopify documenta bloques de aplicación y bloques de aplicación integrados; eso no convierte este fragmento en una aplicación instalada. Pide al responsable del tema que elija un punto adecuado cerca de la selección del producto. Decide si conviene un botón dentro de la página o flotante en móvil. Comprueba interferencias con barras de compra fijas, paneles de consentimiento y chat. Registra las plantillas afectadas: una ficha principal correcta no demuestra que también funcionen las vistas rápidas de colecciones o una tienda personalizada.

Especificar los datos de entrada

Proporciona data-product-image con una URL HTTPS pública y directa a la imagen, data-product-name con el nombre seleccionado, data-category con la categoría, data-product-url con el enlace de compra y data-locale con en, de, fr, es, it o pt. El enlace permite volver a la tienda; no solicita extraer automáticamente la página. Defínelo expresamente, aunque el widget use la dirección actual si falta. Nunca incluyas claves API ni información privada del cliente en los atributos o parámetros de la URL.

El objeto de variante de Shopify incluye imagen y URL de variante. Comprueba las direcciones absolutas obtenidas. Si falta una imagen, utiliza una referencia equivalente aprobada o excluye esa variante. Sustituirla silenciosamente por otro color invalida la comparación que intenta hacer el comprador.

Actualizar la selección antes de abrir

La tienda debe actualizar conjuntamente imagen, nombre, categoría y enlace de compra en el elemento script cuando cambia la variante. El widget vuelve a leer esos atributos de producto en cada apertura. No observa los selectores de Shopify ni sincroniza automáticamente una ventana ya abierta. Conecta la actualización con el ciclo real del tema y permite abrir cuando todos los campos describan la misma selección. Los datos del primer cargado no bastan para una página con varias opciones de color.

El idioma y las etiquetas se fijan al inicializar. Cambiar data-locale después no cambia esa instancia. Prueba la navegación entre idiomas y utiliza una página nueva o una integración recreada correctamente cuando corresponda. Insertar scripts repetidos sin gestionar el botón y la ventana existentes puede duplicar elementos.

Validar el recorrido hasta la compra

Abre A, cierra, selecciona B y vuelve a abrir. Revisa imagen, nombre y destino a la vez. Repite tras entrar mediante un enlace de variante, elegir una combinación no disponible y actualizar una sección del tema. Comprueba teclado, devolución del foco, desplazamiento y pantalla pequeña. La configuración de seguridad debe permitir el marco alojado y las solicitudes de imagen. La vista previa ayuda a explorar apariencia; no mide ajuste físico, reproduce colores exactos de forma garantizada ni confirma existencias. Mantén accesible la información habitual del producto.

Asignar responsables al piloto limitado

Registra productos, plantillas, idiomas y dispositivos aprobados, fallos pendientes y procedimiento de desactivación. Revisa errores de descarga y límites antes de aumentar la exposición: una prueba pública no reserva capacidad comercial. Define qué cambios del catálogo obligan a repetir controles. Compara compras y margen de contribución con un grupo elegible comparable, incluyendo a quienes nunca abren la vista previa. El fragmento no implementa ese experimento ni garantiza más ventas. Las personas responsables deben revisar el tratamiento de datos y los avisos; instalarlo no equivale a una certificación de cumplimiento.