Complementos, colores, accesorios y acciones externas

Optical Form tiene cuatro mecanismos para cobrar extras y dirigir al cliente más allá de una simple selección. Es importante no confundirlos.

Complementos (por opción)

Un complemento es un producto de Shopify vinculado a una opción concreta. Cuando el cliente elige esa opción, el complemento se añade al carrito como línea separada y suma su precio al total en vivo.

• Se configuran en la sección Complementos de cada opción.
• Cada complemento tiene una cantidad — pon 2 para artículos que se facturan por pares (ej. lentes).
• Su precio es el suplemento, no el total: la montura ya tiene el suyo. Ver Precios y cobro.
• Ejemplos típicos: el tipo de lente, un tratamiento (antirreflejante, filtro azul), un servicio de montaje.

Crea productos para los complementos

Los complementos son productos reales de Shopify. Créalos para tipos de lente, tratamientos y servicios con el estado No listado (se pueden comprar, pero no aparecen en colecciones ni en el buscador; un producto sin publicar o en borrador no se puede añadir al carrito), y luego vincúlalos. Así Shopify los factura, los incluye en el pedido y los envía a tu laboratorio.

Los complementos pertenecen a esta tienda

Un complemento guarda el identificador que Shopify le da a ese producto en tu tienda, y ese número no existe en ninguna otra. Por eso los complementos no se copian al exportar un formulario a otra tienda, y por eso la plantilla de ejemplo viene sin ellos: los vinculas tú con tus productos. Lo explicamos en Copiar un formulario a otra tienda.

Los complementos se cobran todos; los colores, solo el elegido

Si vinculas como complementos varias variantes del mismo producto —gris, ámbar y verde de un mismo tinte—, el cliente que elija esa opción se lleva las tres al carrito y paga las tres. Casi siempre lo que querías era que eligiera una: para eso están los colores seleccionables. El editor lo detecta y te lo propone con un aviso y un botón, Convertirlos en colores seleccionables; se abre el selector con esas variantes ya marcadas y, al confirmar, pasan de complementos a colores. Si cancelas, no cambia nada.

Colores seleccionables (por opción)

Una opción puede llevar una fila de muestras de color debajo: perfecta para lentes polarizadas, tintadas o fotocromáticas que se fabrican en varios colores. El cliente toca un color y solo ese color se cobra — a diferencia de los complementos, que se suman todos, los colores son alternativas. Tocar la tarjeta sin elegir color solo la abre (borde discontinuo y la frase «Elige un color para continuar»): la opción cuenta como elegida cuando el cliente toca un color.

• Se configuran en la sección Colores seleccionables de cada opción, con el mismo selector de productos que los complementos: cada color es una variante de Shopify, con su SKU y su precio. Así Shopify lo factura, lo incluye en el pedido y tu laboratorio recibe la referencia exacta del color elegido.
• Cada color tiene un nombre (lo que lee el cliente, traducible como cualquier otro texto) y una muestra, que es la imagen de la propia variante: ponle a cada variante de color su foto de muestra en Shopify y no hay nada más que configurar. Solo si una variante no tiene imagen se usa el campo de color CSS — #8b5a2b, o un degradado como linear-gradient(#555, #ddd).
• Si los colores tienen precios distintos, la tarjeta muestra el más barato hasta que el cliente elige — nunca anuncia menos de lo que se puede acabar pagando.
• Al pasar por una muestra de color aparece su nombre (y el recargo, si lo dejas activado en Diseño › Opciones); si los colores cuestan distinto, la tarjeta dice «Desde» hasta que el cliente elige.
• El cliente no puede continuar sin elegir color: una opción con colores y sin color es una elección a medias, y el pedido saldría sin la referencia que tu laboratorio necesita.
• Cada opción —y cada grupo de colores— admite un texto de ayuda: aparece un «?» junto al título que el cliente abre para leer una explicación más larga. Ver Crear un formulario.

¿Complemento o color?

Usa un complemento para algo que la opción siempre incluye (un tratamiento, un servicio). Usa colores cuando la opción se fabrica en varias versiones y el cliente debe elegir exactamente una.

Lo agotado se ve antes de elegirlo

Al abrir el configurador, la app consulta el stock de todos los complementos, colores y accesorios del formulario. Lo que no se puede vender —una variante con seguimiento de inventario a 0 que no admite pedidos sin stock, un producto en borrador o archivado, un producto que no está en el canal Tienda online, o uno que se ha eliminado de Shopify— se muestra desactivado con «Agotado»: la tarjeta de la opción, la del accesorio, y en los colores la muestra de color tachada, como en el selector de variantes de tu tema. El cliente no puede elegirlo y, si ya lo tenía elegido —de una visita anterior, o porque lo eligió antes de que llegara la respuesta del stock—, se le quita y el panel se lo dice: «X ya no está disponible. Vuelve atrás y elige otra opción.» Si ese paso exige una respuesta, no puede seguir ni añadir al carrito hasta que elija otra. En Diseño › Opciones puedes preferir ocultarlo en vez de desactivarlo; si ocultar dejara un paso sin nada que elegir, se muestran desactivados igualmente. Un producto No listado sigue vendiéndose: solo desaparece de colecciones y buscador.

El editor te avisa de lo mismo desde tu lado, sin que pulses nada: al abrir la pestaña Pasos comprueba los productos del formulario y pone una etiqueta junto al complemento, color o accesorio afectado — «Agotado», «Borrador», «No está en Tienda online» o «Eliminado». Si alguno está en borrador, archivado o fuera del canal Tienda online, además sale un aviso rojo encima de los pasos, «Productos de este formulario que no se pueden añadir al carrito», con cada producto y su motivo: mientras siga así, Shopify rechazaría el pedido entero de quien lo eligiera. Cómo arreglarlo: poner un producto en el canal Tienda online. Comprobar precios enseña la misma lista.

¿Grupos de colores? Un producto por grupo

¿Quieres colores agrupados — Classic, Fashion, Gradient — como en las grandes tiendas de gafas? Crea un producto de Shopify por grupo («Tinte Classic», «Tinte Fashion», «Tinte Gradient»), cada uno con sus variantes de color, y vincula las variantes de los tres bajo la misma opción. La app detecta que vienen de productos distintos y convierte la opción en un desplegable: al elegirla se abren los grupos, uno por producto, cada uno con su título (el nombre del producto, editable y traducible), una descripción opcional y sus colores. Si los grupos cuestan distinto, cada uno enseña su precio y la cabecera de la opción no enseña ninguno; si cuestan igual, el precio va en la cabecera. El cliente toca el color que quiere: un solo gesto elige el grupo y el color, y al pedido va solo esa variante.

Accesorios / cross-sell (paso propio)

Un paso de tipo Accesorios (cross-sell) ofrece productos extra opcionales en su propio paso: estuches, limpiadores, cordones, etc.

• Seleccionar productos — elige los que se ofrecen como cross-sell.
• Mostrar opción de saltar — muestra una tarjeta “Continuar sin accesorios”. Si está activa, el paso es opcional aunque esté marcado como Obligatorio.
• Etiquetas editables: etiqueta y descripción de saltar, error de selección y etiqueta de resumen.

Diferencia clave: un complemento depende de elegir una opción; un accesorio es un paso independiente de venta cruzada.

Un accesorio agotado se muestra desactivado con «Agotado» (u oculto, según Diseño › Opciones), igual que los complementos y los colores: ver la nota de arriba.

Acción externa (por opción)

En lugar de añadir una opción al carrito, puedes convertirla en una acción externa: muestra un mensaje y un botón personalizados.

• Mensaje — ej. “Solo en tienda”.
• Texto del botón — ej. “Reservar una cita”.
• URL del botón — admite https://, y también tel:, mailto:, sms: y https://wa.me/.

Útil para productos solo disponibles en tienda física, reservas de cita o enlaces de contacto directo (WhatsApp, teléfono, email).