SOFTWARE A MEDIDA · ROTULACIÓN · CONFIGURADOR VISUAL
W2CDiseñar letras corpóreas y calcular su presupuesto desde la web.
Desarrollamos un editor visual y un motor de reglas para conectar la personalización de rótulos con su precio. JavaScript, Fabric.js, WordPress y Laravel forman parte de un proyecto que lleva la lógica del taller al entorno digital.
- Sector
- Rotulación y letras corpóreas
- Producto
- Editor y configurador
- Cálculo
- Motor de reglas propio
- Integración
- WordPress y WooCommerce
LA NECESIDAD DEL NEGOCIO
Vender un producto cuyo precio depende de cómo se diseña.
En rotulación, cambiar el texto, las dimensiones o el material puede cambiar el presupuesto. Para llevar esa venta a internet hace falta conectar las decisiones del cliente con las reglas de cálculo del fabricante.
W2C permite componer letras corpóreas desde un editor web y configurar las condiciones de cálculo desde WordPress. El recorrido vincula la elección del artículo, la composición del texto y el pedido, con integración en WooCommerce.
Nuestro desarrollo aborda las dos caras del problema: una interfaz para trabajar visualmente y un sistema capaz de resolver expresiones de presupuesto complejas. El editor, el plugin y el backend son componentes de un mismo producto.
UNA EXPERIENCIA CONECTADA
Del diseño al presupuesto.
Componer en pantalla
Texto, tipografía y dimensiones se trabajan sobre un lienzo visual. La selección de elementos y las capas organizan la composición.
Aplicar las reglas
El parseador interno interpreta fórmulas y condiciones para obtener un presupuesto a partir de los datos y criterios configurados.
Continuar hacia el pedido
La integración con WordPress y WooCommerce conecta la configuración del producto con el proceso de venta de la web.
EL RETO TÉCNICO
Un parseador propio para presupuestos que no caben en una tarifa fija.
La parte central del desarrollo es el motor de reglas. Una fórmula puede combinar números, variables y operaciones; una condición determina cuándo debe intervenir. Esa separación permite representar distintos criterios de presupuesto dentro del mismo sistema.
El configurador incluye expresiones aritméticas, lógicas y condicionales. También contempla datos como área, perímetro, ancho, alto, número de letras y número de palabras. El fabricante dispone así de elementos con los que trasladar su manera de calcular a reglas reutilizables.
La interfaz de reglas permite trabajar con condiciones y fórmulas, conservar su representación estructurada y probar cálculos con valores de entrada. Esto facilita revisar el comportamiento de una regla antes de incorporarla al presupuesto.
Datos del diseño
Texto, medidas y propiedades.
Condiciones
Qué reglas deben intervenir.
Expresiones
Operaciones y variables del cálculo.
Presupuesto
Resultado de las reglas aplicadas.
EDICIÓN VISUAL
Una interfaz para componer, revisar y corregir.
El editor está desarrollado en JavaScript con Fabric.js. Su estructura contempla módulos de interfaz, datos, capas e historial de acciones. Esta separación permite trabajar sobre la composición y sus controles sin concentrar toda la lógica en una sola pieza.
Las capas organizan los elementos del diseño; deshacer y rehacer permiten recuperar estados anteriores. En la captura se muestran la selección de tipografía, los campos de ancho y alto, la edición de texto y los controles de visualización del lienzo.
ARQUITECTURA DEL PRODUCTO
Cada componente resuelve una parte del trabajo.
| Componente | Función | Necesidad que cubre |
|---|---|---|
| JavaScript y Fabric.js | Editor gráfico, selección y composición por capas. | Trabajar con el diseño desde el navegador. |
| Historial de acciones | Deshacer y rehacer cambios. | Revisar y corregir durante la edición. |
| Plugin WordPress | Integración del editor y configuración de modelos y reglas. | Administrar el producto desde el entorno de la web. |
| Parseador interno | Interpretación de expresiones y condiciones de presupuesto. | Representar cálculos que dependen de varias decisiones. |
| Laravel | Backend del proyecto. | Disponer de una capa de aplicación en el servidor. |
Aplicar esta experiencia a tu proyecto. Si necesitas desarrollar un configurador y un motor de cálculo, consulta el alcance del servicio, las decisiones previas y cómo comprobamos la entrega.
TU PROCESO, CONVERTIDO EN SOFTWARE
¿Necesitas conectar diseño, configuración y presupuesto?
Cuéntanos cómo calculas hoy y qué debe poder hacer tu cliente desde la web. Definiremos el editor y la lógica que necesita tu proyecto.
Hablar de mi configurador →