Crear un formulario

Un formulario de Optical Form es un flujo multipaso que el cliente completa en la página de producto.

Antes de empezar

Si aún no has creado los productos de tus tratamientos y tipos de lente, hazlo primero: los necesitas para vincular los addons. Ver Antes de empezar.

Los cuatro formularios que ya tienes

Al instalar te dejamos cuatro formularios de ejemplo ya montados, todos en Borrador: gafas graduadas a pantalla completa (con colores de tratamiento de muestra), gafas graduadas en panel lateral, gafas de sol en modo oscuro y lentillas. No están asignados a ningún producto, así que no se ven en tu tienda hasta que tú quieras.

Empieza por uno de ellos, no por uno en blanco. Traen los pasos, los textos y el diseño ya hechos, y se editan enteros — es mucho más rápido que armar el tuyo desde cero.

Pasarlo a Activo

Un formulario en Borrador no lo ve nadie. Para publicarlo:

1. Formularios → entra en el que quieras usar.
2. En la pestaña Ajustes, cambia Estado de Borrador a Activo.
3. Guarda y luego Sincroniza — ver Sincronización.

Para que aparezca de verdad hacen falta las cuatro cosas a la vez: Activo, Sincronizado, asignado a un producto y el app embed activado en tu tema.

Crear el formulario

1. En la app: Formularios → Crear formulario.
2. Elige una plantilla de inicio o empieza en blanco:
   • Gafas graduadas — tipo de lente → material → tratamiento → graduación → resumen.
   • Gafas graduadas · Pantalla completa — el mismo flujo a pantalla partida y con colores seleccionables en los tratamientos.
   • Lentillas — pack, graduación por ojo tomada del catálogo de fabricación del producto y líquidos de mantenimiento.
   • Gafas de sol · Oscuro — solo sol o graduadas → graduación → tinte → polarización → accesorios. Nace con la plantilla de diseño Oscura (fondo carbón, acento bermellón) y con iconos dibujados para fondo oscuro: un configurador que parece parte del producto. Pensada para gafas de sol y monturas premium.
   • Formulario en blanco — un paso vacío para construir desde cero.
3. Ponle nombre, elige el estado (Borrador / Activo) y crea.

Tipos de paso

En la pestaña Pasos, cada paso tiene un Tipo de entrada que define cómo se muestra:

Tipo de entrada	Para qué sirve
Selección única	Elegir una opción (tipo de lente, tratamiento).
Selección múltiple	Elegir varias (filtros o tratamientos combinables). Para que el cliente vea que puede seguir añadiendo, eliges entre una casilla en cada opción o un aviso sobre el botón de continuar.
Graduación (Rx)	Captura por ojo (OD/OI): SPH, CYL, AX, ADD y DP. Ver Graduación.
Receta de lectura (rejilla)	Rejilla de ampliación para lentes de lectura.
Subida de archivo	El cliente sube su receta (imagen o PDF). Ver Subida de archivo.
Campo de texto	Nota libre del cliente.
Accesorios (cross-sell)	Añadir productos extra al pedido. Ver Addons y accesorios.
Resumen de graduación	Muestra la graduación introducida antes de finalizar.
Lentillas	Pack por ojo, graduación leída del catálogo de fabricación del producto y referencia exacta del fabricante en el pedido.
Variantes del producto	Deja elegir la variante dentro del formulario. Se oculta solo si el producto tiene una única variante.

Ajustes de un paso

Cada paso tiene: ID interno (no visible al cliente), Título, Descripción, Tipo de entrada y varios interruptores:

• Obligatorio — el cliente debe completar el paso para avanzar.
• Ocultar del resumen — no muestra la selección en el resumen ni en los chips del pie (útil para pasos de solo enrutamiento).
• Mostrar 0 en vez de “Incluido” — muestra €0,00 en las opciones sin coste, en lugar de la etiqueta “Incluido”.
• Si este paso solo tiene una opción, elegirla y saltar el paso — apagada de fábrica, solo en pasos de elección única. Encendida, cuando a un producto le queda una sola opción en ese paso (un único pack, un único tratamiento posible), la app la elige por el cliente, la lleva al pedido con su etiqueta y pasa directamente al siguiente paso: nadie ve una pantalla con una sola tarjeta. No salta si la opción lleva colores seleccionables o una acción externa, ni si el salto terminaría el formulario. Apagada, un paso de una sola opción se muestra tal cual — a veces esa pantalla está a propósito.

Anatomía de una opción

En los pasos de selección, cada opción puede llevar:

• Etiqueta, descripción e imagen (de tus Shopify Files o por URL).
• Ventajas — hasta cuatro etiquetas cortas bajo la descripción (“Menos reflejos”, “Para pantallas”) que dicen qué gana el cliente eligiendo esa opción. No cambian el precio ni llegan al pedido. Las del catálogo se traducen solas al idioma del cliente; las que escribas tú las traduces como cualquier otro campo.
• Texto de ayuda — opcional. Si lo rellenas, aparece un «?» junto al título de la opción que el cliente abre para leer una explicación más larga (al pasar el ratón o pulsándolo), así la descripción puede quedarse corta. Se traduce como cualquier otro campo; su aspecto se ajusta en Diseño › Tooltips y ayuda.
• Badge informativo — texto visual (ej. +250) que no afecta al total. Si pones ahí un precio y no vinculas un addon, el cliente lo ve pero no lo paga: ver Precios y cobro.
• Opción recomendada — solo en pasos de elección única. Marca la casilla y el cliente ve la marca «Recomendada» junto a esa opción, con su precio. Una por paso: marcar otra quita la anterior. No la elige por él ni cambia el orden: si quieres que salga primera, arrástrala. El texto de la marca se cambia en Diseño › Textos.
• Incompatible con — impide combinarla con otras opciones.
• Siguiente paso (al hacer clic) — secuencial, saltar a un paso concreto, o Enviar (fin).
• Addons — productos de Shopify que se facturan como líneas separadas al elegir la opción.
• Colores seleccionables — una fila de muestras (tintes, polarizadas, fotocromáticas): el cliente elige un color y solo ese se cobra. Cada color es una variante de un producto tuyo; varios productos forman grupos con título. Ver Colores seleccionables.
• Colores seleccionables — una fila de muestras (tintes, polarizadas, fotocromáticas): el cliente elige un color y solo ese se cobra. Cada color es una variante de un producto tuyo; varios productos forman grupos con título. Ver Colores seleccionables.
• Colores seleccionables — una fila de muestras (tintes, polarizadas, fotocromáticas): el cliente elige un color y solo ese se cobra. Cada color es una variante de un producto tuyo; varios productos forman grupos con título. Ver Colores seleccionables.
• Acción externa — sustituye el “añadir al carrito” por un mensaje + botón (cita, WhatsApp, solo en tienda).

Ver Addons, accesorios y acciones externas.

Ramificación condicional

El campo Siguiente paso de cada opción define a qué paso salta el flujo — así “Gafas graduadas” y “Gafas de lectura” pueden llevar por caminos distintos desde el mismo primer paso. El diagrama de flujo del editor visualiza todos los saltos.

Asignar y diseñar

• Productos — asigna el formulario a productos sueltos o a colecciones enteras. Qué gana cuando se solapan y qué pasa con colecciones grandes: Productos y colecciones.
• Diseño — colores, tipografía y qué datos se muestran en el carrito. Ver Diseño y carrito.
• Sincronizar — publica los cambios en la tienda. Ver Sincronización.

Un producto, un formulario

Un formulario puede llevar tantos productos como quieras, pero cada producto admite un solo formulario. Si asignas aquí un producto que ya estaba en otro, se lo lleva este — sin avisarte y sin preguntar: el formulario anterior lo pierde en silencio.

Antes de mover productos entre formularios, comprueba en cuál están. Y si lo que quieres es que la montura se venda también sin configurar, no hace falta otro formulario ni otro producto: el botón de tu tema sigue ahí (Controlar cómo se compra cada montura). Solo dos formularios distintos sobre la misma montura exigen dos productos.