Una vista previa es una imagen del producto que ven los clientes mientras lo personalizan. La mayoría de los conjuntos de opciones solo necesitan una, pero puedes añadir más, por ejemplo una vista previa por color de producto, o una vista frontal y una trasera. Todas las vistas previas comparten el mismo formulario en la página del producto, así que los clientes rellenan cada campo una sola vez.

Conjunto de opciones con seis vistas previas, una por cada color de sudadera

Paso 1: añade una vista previa nueva

Debajo del lienzo, haz clic en + junto a tus vistas previas existentes. Se abre una vista previa nueva y vacía, que pasa a ser la que estás editando.

Vista previa nueva añadida con el panel de ajustes abierto

Paso 2: define el fondo

En el panel de Ajustes de la izquierda:

  • Elige Imagen del producto y haz clic en Subir, o haz clic en el icono de biblioteca para elegir una de tus Imágenes o Mockups.
  • O elige Lienzo en blanco y define un color de fondo.

El tamaño del lienzo sigue la imagen que elijas. Para vistas previas del mismo producto en distintos colores, usa imágenes con el mismo tamaño y encuadre para que tus opciones queden alineadas.

Vista previa 2 con la sudadera marrón oscuro como imagen del producto

Paso 3: importa opciones de otra vista previa

Haz clic en la flecha atrás para volver a Opciones, haz clic en ⋯ en la parte superior del panel y elige Importar. En Importar de otra vista previa:

  • Copiar de: elige la vista previa que ya tiene tus opciones (normalmente la Vista previa 1).
  • Marca las opciones que quieras, o haz clic en Seleccionar todo.
  • Haz clic en Importar.
Ventana Importar de otra vista previa

Las opciones aparecen en la misma posición que en la vista previa original. Como están vinculadas a los mismos campos, los clientes siguen viendo cada campo una sola vez en la página del producto.

Opción de texto importada en la vista previa nueva

Paso 4: ajusta el estilo para esta vista previa (opcional)

Puedes cambiar el aspecto de una opción en cada vista previa sin afectar a las demás. Por ejemplo, en un producto oscuro, selecciona el texto, abre Colores, haz clic en el campo de color y escribe un color claro como `#FFFFFF` en el selector.

Texto blanco sobre la vista previa marrón oscuro

Haz clic en Guardar cuando termines.

Muestra la vista previa correcta para cada variante

Cuando tengas una vista previa por color, indica a Customix qué vista previa corresponde a cada variante. Consulta Asignar vistas previas a las variantes de producto.