Manual de usuario MegaProd

Guia completa para configurar y gestionar tus configuradores de productos a medida desde el panel de administracion de Shopify.

Instalacion

Crear un configurador

Un configurador es un formulario personalizado que se muestra en la pagina de producto. Define los campos que el cliente rellenara para personalizar su producto.

Datos basicos

Al crear un configurador, rellena:

• Nombre: Nombre interno (ej: "Persiana enrollable"). Solo visible en el admin.
• Texto introductorio: Texto que aparece arriba del formulario (opcional).
• Texto final: Texto que aparece debajo del formulario (opcional).
• Precio "desde": Precio minimo que se muestra antes de configurar.
• Dias de fabricacion: Si se indica, muestra un aviso al cliente.
• Mostrar resumen: Activa el panel lateral con las opciones seleccionadas.

Campos y opciones

Los campos son las preguntas que el cliente responde. Cada campo tiene un tipo, una etiqueta y opcionalmente opciones.

Tipos de campo disponibles

Propiedades de cada campo

• Etiqueta: Texto que ve el cliente (ej: "Ancho (cm)").
• Obligatorio: Si esta activo, el cliente no puede anadir al carrito sin rellenarlo.
• Texto de ayuda: Texto explicativo debajo de la etiqueta.
• Min / Max / Step: Para campos numericos, limita los valores aceptados.
• Mensaje de error: Texto que se muestra si el valor es invalido.

Opciones con precio

Cada opcion de un campo (select, radio, checkbox, swatch) puede tener un modificador de precio:

Grupos y pasos

Los grupos organizan los campos visualmente. Puedes mostrarlos como:

Ejemplo tipico de grupos para una persiana:

1. Medidas (modo pasos) - Ancho y alto
2. Acabados (modo pasos) - Color y tejido
3. Extras (modo pasos) - Accionamiento e instalacion

Reglas de precio

MegaProd soporta multiples formas de calcular el precio base del producto:

Formula matematica

Usa los IDs de los campos como variables. Ejemplo para precio por metro cuadrado:

(ancho * alto / 10000) * 45

Esto calcula: area en m2 multiplicado por 45 EUR/m2.

Funciones disponibles: abs(), sqrt(), pow(), min(), max(), ceil(), floor(), round().

Tabla de rangos 1D

Precio segun una dimension. Ejemplo: precio segun el ancho.

Tabla de rangos 2D

Precio segun dos dimensiones (ancho x alto). Se configura como una matriz donde las filas son alturas y las columnas anchos.

Descuento por cantidad

Precio unitario que baja segun la cantidad pedida. Se muestra una tabla visible al cliente.

Logica condicional

MegaProd permite mostrar u ocultar campos segun las selecciones del cliente.

showIf (campo simple)

En las propiedades de cualquier campo, activa "Mostrar solo si..." y selecciona el campo y valor que deben cumplirse. Ejemplo:

• Mostrar "Color WiFi LED" solo si Accionamiento = "Motor WiFi"
• Mostrar "Texto para bordado" solo si Extras incluye "Bordado"

Reglas condicionales avanzadas

En la pestana "Condiciones" del configurador, puedes crear reglas mas complejas:

• Mostrar campo: Hace visible un campo cuando se cumple una condicion
• Ocultar campo: Esconde un campo cuando se cumple una condicion
• Condiciones AND: Varias condiciones que deben cumplirse simultaneamente

Vista previa visual

MegaProd incluye renderizadores parametricos que dibujan el producto en el canvas:

Tipos de renderizador

"Ver en tu espacio"

El cliente puede subir una foto de su local y ver el producto configurado superpuesto. Puede arrastrar y redimensionar el overlay.

Asignar productos

Un configurador puede asignarse a uno o varios productos de tu tienda:

Importar tablas de precio CSV

Si tienes tablas de precios en Excel, exportalas como CSV y subelas directamente.

Formato rango 1D

min,max,price
0,100,50.00
101,200,80.00
201,300,110.00

Formato rango 2D (matriz)

,80,100,120,140
100,45,52,60,68
150,55,63,72,81
200,65,74,84,95

Primera fila: anchos. Primera columna: altos. Interior: precios.

Formato descuento por cantidad

minQty,maxQty,price
1,9,32.50
10,49,29.90
50,,24.90

Multi-idioma

MegaProd muestra todos los textos de la interfaz en espanol por defecto. Puedes personalizarlos para cualquier idioma.

Si tu tienda usa Shopify Markets o Translate & Adapt, las etiquetas de los campos se traducen automaticamente junto con el contenido del producto.

Los textos del sistema (botones, placeholders, mensajes) se pueden configurar en el bloque i18n del configurador.

PDF y presupuestos

Generar PDF

El cliente puede descargar un PDF con todas las especificaciones de su configuracion. Incluye: nombre del producto, opciones seleccionadas, dimensiones y precio calculado.

Modo presupuesto

Si activas el modo presupuesto, se muestra un boton "Solicitar presupuesto" que abre un formulario con nombre, email, telefono y notas. El presupuesto se envia al email configurado.

Consejos y trucos

Rendimiento

• Los campos numericos y de texto tienen un debounce de 150ms para evitar recalculos excesivos.
• Los valores del formulario se guardan en la sesion del navegador. Si el cliente recarga la pagina, se restauran.
• MegaProd incluye modo oscuro automatico si el tema lo soporta.

Seguridad

• Los precios se validan con firma HMAC. Un cliente no puede manipular el precio en el navegador.
• El boton "Anadir al carrito" se bloquea mientras se procesa para evitar doble-clic.

Mejores practicas

• Usa modo pasos si tienes mas de 5 campos. Es menos intimidante para el cliente.
• Anade texto de ayuda en campos de medidas (ej: "Mide el hueco de la ventana por dentro").
• Pon badges de precio en las opciones para que el cliente vea el coste de cada extra.
• Activa el resumen lateral para que el cliente vea su configuracion en todo momento.
• Usa swatches de color/imagen en vez de desplegables cuando haya componente visual.