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 dos formularios que ya tienes

Al instalar te dejamos dos formularios de ejemplo ya montados, los dos en Borrador: uno de gafas graduadas y otro de 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.
   • Lentillas — pack, graduación por ojo tomada del catálogo de fabricación del producto y líquidos de mantenimiento.
   • Gafas de sol — tinte → polarización → accesorios.
   • Gafas de lectura — rejilla de ampliación → accesorios.
   • 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”.

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.
• 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.
• 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.
• 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 uno o varios productos.
• 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.