Tienda online con configurador

La tienda online con configurador de Toptrail está pensada para vender tiendas de techo para campers Volkswagen; la tienda la desarrolló CREATING.LV. La tienda de techo debe adaptarse al modelo concreto de camper y a las elecciones del comprador, por lo que no basta con una lista de productos normal: la tienda debía permitir al cliente encontrar él mismo la tienda de techo adecuada para su camper y personalizarla sin contacto manual con el vendedor.

El segundo requisito era internacional. La tienda está pensada también para compradores de fuera de Letonia, por lo que el proceso de compra, el pago y el envío debían funcionar en todo el mundo. El proyecto se entregó en 2026, pero la tienda aún no se ha lanzado públicamente, por lo que aquí se describe la solución entregada y no su funcionamiento con pedidos reales.

El configurador es íntegramente desarrollo nuestro, desde la idea y el diseño hasta la ejecución; no es un plugin existente adaptado. Además, CREATING.LV desarrolló la propia tienda en WordPress y WooCommerce, su diseño, la tramitación del pedido con pago mediante Stripe y PayPal, el envío UPS con cálculo integrado del coste de envío y la sección de blog.

Aquí, el orden de las opciones y el cálculo del precio dependen del producto concreto: desde el modelo de camper hasta la forma de las ventanas. Un configurador desarrollado a medida permite construir esta lógica en función del producto, en lugar de adaptar el producto a las posibilidades de un plugin existente, y modificarla más adelante, con independencia de las actualizaciones de un plugin de terceros.

En el configurador, el comprador pasa por varias elecciones:

• elige el modelo de su camper Volkswagen, y el configurador muestra la tienda de techo correspondiente;
• elige el color de la tela y el color del hilo;
• determina el número, la ubicación y la forma de las ventanas.

El orden empieza por el modelo de camper, porque la tienda de techo debe adaptarse a un vehículo concreto: el comprador debe ver primero solo las variantes que sirven para su camper. El color de la tela y del hilo determina el aspecto de la tienda, mientras que el número, la ubicación y la forma de las ventanas influyen también en su uso, por ejemplo, en cuánta luz y vista hay en el interior. Sin el configurador, estas elecciones tendrían que precisarse por correspondencia con el vendedor; en el configurador, el comprador las hace él mismo y de forma ordenada.

En las vistas del proyecto se ve el configurador para la tienda de techo del Volkswagen T4 con campos para elegir colores y ventanas. La elección del modelo de vehículo está ya en la página de inicio, por lo que el comprador empieza por su camper en lugar de buscar el producto en el catálogo.

En esta tienda WooCommerce, el precio se calcula en tiempo real: el precio final se ve ya durante la configuración, no solo en el carrito. El comprador puede comparar distintas variantes antes de añadir la tienda de techo al carrito, y el vendedor no tiene que preparar un presupuesto aparte para cada combinación.

La configuración está integrada en la lógica de productos de WooCommerce, de modo que la tienda de techo personalizada llega al carrito como un único producto con las elecciones del comprador, y no como un mensaje aparte para el vendedor. Para un producto personalizable esto es esencial: el pedido ya indica para qué camper, en qué colores y con qué ventanas se ha pedido la tienda de techo.

Tras la configuración, el comprador continúa en la misma tienda: añade la tienda de techo al carrito, indica los datos de envío, elige el método de pago y confirma el pedido. Para el pago se han integrado dos servicios de pago: Stripe y PayPal.

Stripe es un servicio de pagos a través del cual la tienda acepta pagos con tarjeta bancaria, y PayPal permite al comprador pagar desde su cuenta de PayPal. Dos métodos de pago permiten al comprador elegir el que le resulte más habitual. Ambos servicios funcionan en muchos países, por lo que encajan con una tienda pensada también para compradores de fuera de Letonia.

Para el envío se ha integrado UPS con cálculo del coste de envío en la propia tienda. El coste de un envío internacional depende del destino, por lo que no puede indicarse como un importe fijo único para todos los compradores. El comprador de fuera de Letonia ve los gastos de envío durante la tramitación del pedido, y el vendedor no tiene que calcularlos ni acordarlos para cada pedido por separado. Así, la solución está adaptada a compradores internacionales tanto en el pago como en el envío.

El diseño gira en torno a la configuración del producto. En la página de inicio hay una imagen de un camper al atardecer y la elección del modelo de vehículo, y una sección aparte explica la personalización de la tienda de techo: materiales, costuras y modelo de camper. Así, antes de abrir el configurador, el comprador entiende qué puede cambiar y por qué. La tienda se puede usar tanto en el ordenador como en dispositivos móviles; los campos de selección del configurador y el precio deben verse con claridad también en la pantalla estrecha de un móvil.

También se diseñaron las páginas “Sobre nosotros” y “Contacto”, la invitación a ponerse en contacto y la sección de opiniones. En la presentación de la marca y en la invitación a ponerse en contacto se utilizan fotografías de campers, y en la sección de opiniones las tarjetas se disponen en dos filas.

Además de la tienda, creamos una sección de blog para artículos sobre el uso de los productos y el estilo de vida camper; en las vistas de diseño, los artículos se muestran en tarjetas. En el blog se puede hablar del uso de las tiendas de techo con más detalle de lo que permite la descripción del producto. El blog funciona en el mismo sitio WordPress, por lo que los artículos y la tienda están en un mismo sistema y con un mismo diseño.

WordPress, WooCommerce, configurador de productos desarrollado por nosotros, Stripe, PayPal e integración de envío UPS.

WordPress proporciona las páginas y el blog, y WooCommerce, los productos, el carrito, la tramitación y la gestión de pedidos. El configurador funciona dentro de la tienda WooCommerce, por lo que las páginas, los artículos, los productos y los pedidos se gestionan en un mismo panel de administración de WordPress.

Una tienda online con configurador es adecuada para empresas cuyos productos personaliza el propio comprador y cuyo precio depende de las elecciones: por ejemplo, productos fabricados por encargo, accesorios para modelos de vehículo concretos o productos con muchas combinaciones de colores y tallas. En ese caso, el configurador de productos sustituye la correspondencia sobre cada variante por una elección y un precio claros.

Para proyectos similares ofrecemos el desarrollo de tiendas online WooCommerce. Si la lógica del producto es tan específica que un plugin existente no la cubre, se programa a medida; por eso en este proyecto utilizamos también el desarrollo de sistemas. Cómo se añade una lógica de producto propia a una tienda WooCommerce se explica en el artículo sobre los componentes principales de una tienda online WooCommerce.

• Desarrollo de tiendas online
• Diseño web
• Desarrollo de sistemas

El portfolio refleja la solución desarrollada en el momento de la entrega del proyecto. El sitio actual puede haber cambiado.