Volver a estudios de caso
Building productsbuilding productswindowswoocommerceecommerce
Fell & Frame: un configurador de ventanas de madera desarrollado internamente para WooCommerce
Fell & Frame·
Fell & Frame diseña, fabrica a máquina y acaba a mano ventanas de madera en su propio taller de Carlisle, Cumbria, y las vende a propietarios, constructores, arquitectos y promotores de todo el Reino Unido. Fabrica y suministra, con más de 50 años de experiencia en carpintería, y cada ventana se realiza por encargo: con sus propias dimensiones, su propia madera, su propio acristalamiento, bisagras y herrajes.
En marzo de 2026, Fell & Frame añadió un configurador de ventanas de madera a su tienda WordPress y WooCommerce en fellandframe.co.uk. Los compradores eligen uno de los seis tipos de ventanas abatibles enrasadas, introducen las medidas al milímetro, configuran la ventana en 3D y la añaden a la cesta al precio mostrado en pantalla. El propio equipo de Fell & Frame realizó toda la configuración: los seis configuradores en Simplio3D, los productos WooCommerce que los respaldan y la página que los reúne, conectados con el plugin Simplio3D para WordPress.
El proyecto de un vistazo
| Elemento | Detalles |
|---|---|
| Cliente | Fell & Frame, fabricante de ventanas y puertas de madera en Carlisle, Cumbria, y marca comercial de Cubby Construction Limited |
| Tienda | fellandframe.co.uk, creada con WordPress y WooCommerce |
| Configuradores | Seis tipos de ventanas abatibles enrasadas: 1 hoja, 2 hojas horizontales, 2 hojas verticales, 3 hojas (1-2), 3 hojas (2-1) y 4 hojas |
| Desarrollado por | El propio equipo de Fell & Frame: los configuradores 3D, sus opciones y precios, los productos WooCommerce y la página |
| Integración | El plugin Simplio3D para WordPress, en modo Añadir a la cesta |
| Publicado | Marzo de 2026, tras un botón de Configurador en el menú principal de la tienda |
| Lo que ve el comprador | La ventana en 3D con sus dimensiones indicadas, el precio total y un botón «Añadir a la cesta» |
Lo que necesitaba el cliente
Un precio para cualquier tamaño
Cada ventana se fabrica a medida, por lo que ninguna lista de precios podía abarcar toda la gama. Cada anchura y altura entre 300 y 1.400 mm necesitaba su propio precio.
Toda la especificación, en línea
Tipos de apertura, madera, acristalamiento, bisagras, aireadores, acabado y manillas: todo lo que necesita el taller para fabricar la ventana, elegido por el comprador.
Seguridad y protección desde el principio
Seguridad PAS 24, vidrio laminado y bisagras de evacuación elegidos al especificar la ventana, no añadidos tras una llamada telefónica.
Vea la ventana antes de realizar el pedido
El número adecuado de hojas, las aperturas adecuadas y las manillas en el lado correcto, mostrados en 3D antes de que el comprador pague.
Pedidos que el taller puede fabricar
Cada ventana llega a la cesta con su especificación completa, lista para entrar en producción.
Gestionado por la propia carpintería
Una configuración que el propio equipo de Fell & Frame podía crear, presupuestar y modificar sin tener que esperar a un desarrollador.
La solución: un configurador de ventanas de madera para cada tipo de hoja abatible
Un botón Configurador en el menú principal abre una única página. Seis tarjetas en la parte superior muestran renders de los tipos de ventana que fabrica Fell & Frame, de uno a cuatro paños. Al hacer clic en una tarjeta, se carga el configurador de esa ventana en el marco inferior, de modo que el comprador puede cambiar entre tipos sin salir de la página.
Cada configurador muestra la ventana en 3D, con las opciones a un lado organizadas en nueve secciones: seguridad PAS24, tipo de ventana, manillas, especie de madera, tamaño, bisagras, ventilación, acabado y acristalamiento. Las dimensiones se introducen en milímetros y el modelo se redimensiona para ajustarse, mostrando sus cotas junto a él. Las ventanas con más de una hoja requieren una altura para cada fila y una anchura para cada columna, así como un tipo de apertura para cada hoja: practicable, oscilobatiente o fija. Los botones de información explican las opciones menos evidentes, como para qué sirve una bisagra de evacuación o el nivel de opacidad de cada diseño de vidrio.
Las reglas garantizan que todas las especificaciones puedan fabricarse. Al elegir la seguridad PAS 24, el vidrio pasa a ser laminado, y una hoja configurada como fija pierde las opciones de manilla y bisagras. El precio se actualiza con cada uno de estos cambios, igual que con cualquier otra selección.
Debajo de las opciones, el Precio total cambia con cada selección, junto al botón Añadir a la cesta. Una barra de herramientas junto al modelo permite al comprador girarlo, verlo a pantalla completa, mostrar las dimensiones o tomar una captura.
Lo que pueden especificar los compradores de Fell & Frame
Los seis configuradores comparten un mismo conjunto de opciones. Las ventanas con más paneles añaden una medida para cada fila o columna y un tipo de apertura para cada hoja.
| Opción | Opciones disponibles |
|---|---|
| Tipo de ventana | Giro, oscilobatiente o fija, configurado para cada hoja. Una hoja fija no tiene manilla ni bisagras. |
| Tamaño | Ancho y alto en milímetros, de 300 a 1.400 mm en incrementos de 1 mm; una altura para cada fila y un ancho para cada columna en ventanas con más hojas |
| Extensión del alféizar | 35, 60 u 85 mm |
| Madera | Pino rojo (madera blanda) y Accoya (madera técnica) en todos los tipos, además de Red Grandis (madera técnica) en cinco tipos o Utile (madera dura) en la configuración de 3 hojas (1-2) |
| Manillas | A la izquierda o a la derecha para cada hoja, en cromo pulido, cromo satinado, blanco, negro u oro |
| Bisagras | Bisagras de fricción para cada hoja practicable: estándar, de evacuación o de fácil limpieza y evacuación |
| Ventilación | Ninguna, o un aireador para cada hoja a partir de 265 mm (1.700 mm²); la ventana abatible de una hoja incorpora Simon Sightline 400 y 500 y Titon Trimvent XR16 y 90 Hi Lift; color del aireador en blanco, negro o marrón |
| Acabado | Solo imprimado o totalmente acabado |
| Acristalamiento | Una unidad sellada de doble acristalamiento de 24 mm, transparente o con uno de 20 diseños translúcidos clasificados del 1 al 5; templado de serie o laminado; un separador de borde cálido negro o plateado |
| Seguridad | PAS 24 o no; al elegir PAS 24, el vidrio pasa a ser laminado |
Cómo encarga un comprador una ventana Fell & Frame
Elija el tipo de ventana
Abra Configurator desde el menú principal y haga clic en una de las seis tarjetas, de 1 hoja a 4 hojas.
Introduzca las dimensiones
Escriba la anchura y la altura en milímetros, entre 300 y 1.400 mm. La ventana 3D se redimensiona y muestra sus dimensiones.
Especifique la ventana
Tipo de apertura para cada hoja, madera, manillas, bisagras, aireador de goteo, acabado y acristalamiento, con seguridad PAS 24 cuando el proyecto lo requiera.
Añádelo a la cesta
Comprueba el total y pulsa Añadir a la cesta. La cesta muestra la ventana con cada selección, y un campo de referencia de obra registra la estancia a la que está destinada.
Fabricado en Carlisle
Fell & Frame mecaniza, ensambla y acaba la ventana en su taller, y después la entrega lista para instalar, o el comprador la recoge.
Cómo se conecta el configurador con WooCommerce
fellandframe.co.uk funciona con WordPress y WooCommerce, y los configuradores acceden a la cesta mediante el plugin Simplio3D para WordPress, en su modo Añadir a la cesta. Fell & Frame lo configuró en cuatro partes:
- Seis configuradores creados en Simplio3D, uno por tipo de ventana, con sus opciones y precios.
- Seis productos WooCommerce, desde Flush Casement 1 Pane hasta Flush Casement 4 Pane, cada uno con su propio SKU.
- Cada configurador vinculado a su producto mediante el ID de producto WooCommerce.
- Una página WordPress con un breve bloque de HTML propio de Fell & Frame: seis tarjetas, cada una cargando su configurador en el mismo marco incrustado.
Cuando un comprador pulsa Añadir a la cesta, el plugin añade el producto correspondiente a la cesta de WooCommerce al precio calculado por el configurador, con una descripción de cada selección. La cesta se abre junto a la página, donde el propio campo Referencia de obra (habitación / ubicación) de la tienda permite al comprador indicar dónde va cada ventana, algo útil cuando un pedido incluye varias habitaciones. Los gastos de envío e impuestos se añaden en el proceso de pago habitual de WooCommerce de la tienda. Más información sobre esta configuración: configuradores de productos 3D para WooCommerce.
![El panel lateral de la cesta de Fell & Frame abierto sobre la página del configurador: una ventana abatible enrasada de 2 hojas verticales por £636.66, con su personalización detallada (seguridad PAS24: no, tipo de ventana [superior]: giro, tipo de ventana [inferior]: giro, posición de la manilla [ventana superior] y más), un selector de cantidad, un campo de referencia de obra (habitación / ubicación), el subtotal y los botones Ver cesta e Ir a pagar.](/_next/image?url=https%3A%2F%2Fsuocdmcjyxjftdemtuvz.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fcms-media%2Fuploads%2F1792401772201-ef42e2-fell-and-frame-window-basket.webp&w=3840&q=75)
Resultados
Todos los tipos de ventanas abatibles con precio online
En fellandframe.co.uk se pueden especificar y presupuestar al milímetro seis tipos de ventanas a cualquier hora, sin esperar un presupuesto.
Pedidos que llegan completamente especificados
Cada ventana llega a la cesta con su especificación completa y una referencia de obra, de modo que el pedido indica exactamente lo que debe fabricar el taller.
Un configurador que controla el equipo
Fell & Frame lo desarrolló y lo gestiona internamente, por lo que las nuevas opciones y los cambios de precio los realizan las personas que fabrican las ventanas.
Lo que dice Fell & Frame
Cada ventana que fabricamos se hace a medida, por lo que una lista de precios nunca iba a funcionar en línea. Creamos nosotros mismos el configurador en Simplio3D: nuestros tipos de ventanas practicables, las maderas, los acristalamientos, los ventiladores y las bisagras que ofrecemos, así como los precios asociados. Ahora los clientes ven la ventana exacta, con sus dimensiones, antes de añadirla a la cesta, y cada pedido nos llega con la especificación completa y la estancia a la que está destinada. Como lo configuramos internamente, añadir una opción o ajustar un precio es algo que simplemente hacemos nosotros mismos.
Peter SikkensIngeniero de Producto de Carpintería · Fell & Frame
Preguntas sobre este proyecto
El propio equipo de Fell & Frame, sin desarrollo externo. Crearon los seis configuradores en Simplio3D, configuraron sus opciones y precios, crearon un producto de WooCommerce para cada tipo de ventana, vincularon cada configurador a su producto y redactaron la página que permite alternar entre ellos. El plugin de Simplio3D para WordPress se encarga del paso de añadir a la cesta.
La anchura y la altura se introducen en milímetros, en incrementos de 1 mm, desde 300 hasta 1.400 mm. Las ventanas con varios paneles requieren una altura para cada fila y una anchura para cada columna, y el modelo 3D redibuja sus dimensiones a medida que cambian los valores.
Mediante el modo Añadir a la cesta del plugin de Simplio3D. Cada configurador está vinculado a un producto de WooCommerce mediante su ID de producto, y Añadir a la cesta incorpora ese producto a la cesta con el precio calculado por el configurador y una descripción de cada selección.
Sí. Fell & Frame muestra los seis en una sola página: una tarjeta para cada tipo de ventana carga su configurador en el mismo marco integrado, y cada configurador sigue añadiendo su propio producto WooCommerce a la cesta.
Sí, mediante las reglas que Fell & Frame configura en Simplio3D. Al elegir la seguridad PAS 24, el vidrio pasa a ser laminado, y al configurar una hoja como fija se eliminan las opciones de manilla y bisagras. El precio se recalcula con cada cambio.
Eligiendo bisagras de evacuación, o bisagras de fácil limpieza y evacuación, para la hoja practicable. Los botones de información del configurador explican que las bisagras de evacuación se abren completamente hasta 90 grados para permitir la salida, y que una ventana de salida de emergencia necesita una sección de apertura de al menos 540 mm de ancho y 830 mm de alto.
Fell & Frame fabrica la ventana en su taller de Carlisle y, después, la entrega lista para instalar o permite recogerla en el taller. Sus propias preguntas frecuentes indican que su objetivo es entregar en un plazo de cuatro semanas.
Qué añadiría hoy un proyecto como este
Nada de esta sección forma parte de la configuración de Fell & Frame descrita anteriormente, que utiliza una versión inicial del plugin Simplio3D y una página creada por la propia empresa. Para una carpintería que empieza ahora:
- Bloques en lugar de HTML escrito a mano. El plugin actual de WordPress añade cinco bloques nativos (Visor, Opciones, Precio, Resumen y Añadir al carrito) que comparten una misma configuración activa en la página, y cada uno también está disponible como shortcode para creadores de páginas como Elementor, tal como explica la guía de Elementor. El precio del carrito puede ser el precio calculado por Simplio3D, validado en el servidor.
- Una nueva gama a partir de una descripción. Se puede generar un primer configurador para otro producto, como una gama de puertas de madera, a partir de una descripción escrita y después completarlo manualmente.
- Verificación de las reglas. El asistente de IA puede auditar la cobertura de opciones y la lógica condicional de los seis configuradores; por ejemplo, comprobar que cada hoja fija elimine su manilla y bisagras en cada tipo de ventana, y proponer correcciones cuando falte una regla.
- Presupuestar una consulta telefónica con un agente. Fell & Frame también acepta pedidos por teléfono. Un cliente de IA como Claude, conectado al espacio de trabajo mediante MCP con una conexión de alcance limitado, puede calcular el precio de una configuración descrita por la persona que llama. Los cambios en precios o SKU solo llegan como cambios pendientes que una persona aplica en el panel de control.
Persianas en 3D, dentro de un sistema de presupuestos
Cómo Evergreen Shutters proporciona una vista 3D generada de cada persiana con cada presupuesto desde su propio sistema, a través de Simplio3D API.
Software configurador de ventanas
Medidas, material del marco, acristalamiento, tipo de apertura y color, con precio calculado a medida que el cliente configura la ventana.
Configuradores en una tienda WooCommerce
Cómo un configurador se integra con WooCommerce y envía el producto configurado, con su precio calculado, al carrito.
Crea, implementa y escala el comercio 3D.
Posee un configurador de productos 3D para impulsar ventas y generar propuestas directamente desde tu sitio web.
Estudios de caso relacionados
Tentest: a 3D pop-up tent configurator with a design canvas on every panel
How Tentest built its own pop-up tent configurator: six sizes, a design canvas with logo upload on every panel, AR, and a quote request at the end.
Zdesk: un configurador de muebles de oficina 3D integrado en WooCommerce
Zdesk, fabricante de muebles de oficina de Wrocław, incorporó siete configuradores 3D en su tienda WooCommerce con el plugin Simplio3D. Los compradores eligen el tamaño, el acabado y los accesorios, ven el precio y añaden los productos al carrito.
Persianas Evergreen: vistas previas en 3D de persianas dentro de un sistema interno de cotización
Evergreen Shutters Ltd necesitaba visuales precisos para miles de variaciones de persianas dentro de su propia plataforma de cotización. En lugar de construir un motor 3D, integraron el Simplio3D API y devolvieron una vista 3D generada con cada cotización.