Crear un formulario

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

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:

Formularios → entra en el que quieras usar.
En la pestaña Ajustes, cambia Estado de Borrador a Activo.
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 la incrustación de la app activada en tu tema.

Crear el formulario

En la app: Formularios → Crear formulario.
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.
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 Complementos 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 las etiquetas del pie (útil para pasos que solo dirigen al cliente).
Mostrar 0 en vez de “Incluido” — muestra €0,00 en las opciones sin coste, en lugar de la etiqueta “Incluido”.
Precio que se muestra en las opciones — qué importe enseña cada tarjeta del paso: solo el coste añadido («+25 €», por defecto), un precio de partida, el precio total o solo el precio de la opción. Cada opción puede llevar el suyo con Precio que se muestra en esta opción. Los cuatro modos, con un ejemplo, en Precios y cobro.
Si este paso solo tiene una opción, elegirla y saltar el paso — desactivada por defecto, solo en pasos de elección única. Activada, 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. Desactivada, 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 › Ayuda emergente.
Distintivo informativo — texto visual (ej. +250) que no afecta al total. Si pones ahí un precio y no vinculas un complemento, el cliente lo ve pero no lo paga: ver Precios y cobro. Solo se ve en opciones que no suman nada al precio: en una opción con complemento manda el modo de precio que hayas elegido. Para etiquetas como «Mejor precio» usa la Etiqueta de la opción (abajo); si ya tenías escrito algo como «Mejor precio • 59 €» en una opción que cuesta 59 €, la app lo muestra como etiqueta sin que hagas nada.
Etiqueta de la opción — una etiqueta junto al título de la opción: «Recomendada», «Mejor precio», «Más popular»… Pulsa Elegir etiqueta y elige una prediseñada (se traduce sola al idioma del cliente y tiene su color) o escribe la tuya y elígele el color. Una por opción, en cualquier paso de opciones. No la elige por el cliente ni cambia el orden: si quieres que salga primera, arrástrala. El texto de «Recomendada» 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).
Complementos — 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.
Acción externa — sustituye el “añadir al carrito” por un mensaje + botón (cita, WhatsApp, solo en tienda).

Ver Complementos, 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.