Addons, colores, accesorios y acciones externas

Optical Form tiene cuatro mecanismos para monetizar y enrutar más allá de una simple selección. Es importante no confundirlos.

Addons (por opción)

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

• Se configuran en la sección Addons de cada opción.
• Cada addon 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 addons

Los addons 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 addons pertenecen a esta tienda

Un addon 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 addons 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 addons se cobran todos; los colores, solo el elegido

Si vinculas como addons 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 addons 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 addons, 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 addons: 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 bolita 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.

¿Addon o color?

Usa un addon 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 addons, 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, o un producto en borrador o archivado— se muestra desactivado con «Agotado»: la tarjeta de la opción, la del accesorio, y en los colores la bolita tachada, como en el selector de variantes de tu tema. El cliente no puede elegirlo y, si lo tenía elegido de una visita anterior, se le quita. 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.

En el editor, Comprobar precios te avisa de lo mismo desde tu lado: una pastilla «Agotado» o «Borrador» junto al addon o accesorio afectado, y la lista de los que ahora mismo no se pueden vender.

¿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 chip de resumen.

Diferencia clave: un addon 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 addons 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).