Esta guía recorre el personalizador tal como lo vive tu cliente. Verás cada pantalla, en orden, desde que abre el producto hasta que llega al carrito con un diseño terminado. Es para comerciantes que quieren entender el lado del comprador antes de configurar sus propios productos.
Qué ve tu cliente
El personalizador tiene dos zonas. A un lado está la vista previa en vivo del producto. Al otro, un panel con los controles de personalización.
El nombre del producto aparece arriba en el panel de controles, para que el cliente siempre sepa qué está personalizando.
El diseño se adapta a la pantalla. En un ordenador, la vista previa y los controles van lado a lado. En un móvil, se apilan: la vista previa arriba y los controles debajo.
El personalizador puede aparecer en dos sitios. Puede mostrarse directamente en la página del producto, o abrirse como un editor completo. Cuál ve tu cliente depende de cómo lo hayas colocado. Consulta haz visible Composerie en tu tienda para ver la diferencia.
El flujo de personalizar y comprar
Este es el camino completo que sigue un cliente, desde la página del producto hasta el carrito.
Abre el personalizador desde la página del producto
El cliente empieza en tu página de producto y comienza a personalizar. El producto se carga con tu diseño y sus campos de personalización listos.
Rellena los campos de personalización
El cliente introduce sus datos en los campos que configuraste: texto, una foto, un color, una fuente, etcétera. Cada campo tiene su propio control. Para saber más sobre los tipos de campo, consulta campos del formulario de personalización.
Mira cómo se actualiza la vista previa en vivo
Cada cambio del cliente actualiza la vista previa al instante. Puede leer su texto, revisar su foto y ver sus colores antes de comprar. No hay un paso de actualización aparte. Lee más en la vista previa en vivo.
Elige una variante, una opción o un complemento
Si el producto tiene variantes u opciones (como una talla o un marco), el cliente las elige aquí. Si ofreces complementos, también los elige. Cuando el encabezado necesita un nombre y no has definido uno, dice “Elige tu opción”.
Pulsa Añadir al carrito
Una barra permanece fija en la parte inferior de los controles. Contiene una flecha Atrás y el botón principal. En una tienda de Shopify normal, ese botón dice Añadir al carrito. Cuando el cliente lo pulsa, Composerie guarda su diseño y lo envía al carrito.
Qué pasa después de Añadir al carrito
Cuando el cliente pulsa Añadir al carrito, ocurren varias cosas entre bastidores.
Composerie guarda el diseño del cliente y borra el borrador en curso que guardaba para ese producto. El borrador es la copia autoguardada que permite al cliente volver más tarde sin perder su trabajo. Una vez guardado el diseño de verdad, ya no hace falta ese borrador.
Composerie también captura una pequeña imagen de vista previa del diseño, de 200 por 200 píxeles, y la adjunta a la línea del carrito. Esa miniatura viaja con el pedido, así que tú y tu cliente podéis ver qué se personalizó.
Después Composerie envía la línea a Shopify y redirige el navegador al carrito. El cliente llega a tu carrito normal de Shopify con el artículo personalizado ya añadido. A partir de ahí, el checkout es el habitual de Shopify.
Si falta algo, el cliente no pasa al carrito. Cuando un campo obligatorio está vacío, el personalizador bloquea la acción y muestra un mensaje como “Por favor completa: Nombre”, con el nombre del campo que requiere atención. El cliente se queda en el personalizador, corrige el campo y lo intenta de nuevo.
¿Qué pasa si se deja vacío un campo obligatorio?
El personalizador bloquea la acción y muestra un mensaje con el nombre del campo, como Por favor completa: Nombre. El cliente se queda en el personalizador hasta que lo rellena.
¿Sale el cliente de Composerie para pagar?
Sí. Tras Añadir al carrito llega al carrito estándar de Shopify y paga después con el checkout normal de Shopify.
¿Se guarda la vista previa personalizada con el pedido?
Sí. Composerie captura una pequeña imagen de vista previa y la adjunta a la línea del carrito para que el diseño sea visible en el pedido.
Siguiente
Para saber qué pasa con un diseño a medias entre visitas, lee guardar y compartir un diseño.
Descubre cómo funciona el panel de controles campo por campo en campos del formulario de personalización.