Configurador 3D de productos para tu web: qué es y un ejemplo real

Qué es un configurador 3D de productos

Es una herramienta interactiva dentro de la web de una empresa que vende producto con opciones. En lugar de una galería de fotos o de un catálogo en PDF, el visitante tiene delante un modelo 3D que responde a lo que elige: cambia un color y el modelo se repinta, sube su logotipo y lo ve colocado en su sitio.

Con un catálogo, el cliente tiene que imaginar cómo quedará su combinación. Con un configurador la ve, y además puede girarla, acercarse y mirarla desde el punto donde la verá de verdad.

Qué productos encajan en un configurador 3D

Cualquier producto que se venda por combinación de opciones, sobre todo cuando hay tantas combinaciones que no se pueden fotografiar todas. Suele ser el caso cuando el producto:

• tiene una carta de colores y de acabados entre los que el cliente duda,
• se vende a medida, por metros, por piezas o por tamaños,
• se personaliza con el logotipo o la imagen del cliente,
• lleva piezas opcionales que cambian su aspecto final.

Pasa en mobiliario, cerramientos, señalización, elementos para ferias y eventos o equipamiento deportivo, y en general en lo que se fabrica bajo pedido.

Qué gana el fabricante con un configurador 3D en su web

El cliente llega a la petición de presupuesto después de haber visto su producto, así que pregunta por algo concreto. La configuración viaja entera en la petición (colores, medidas, cantidades y personalización) y el equipo comercial puede preparar la oferta sin volver a llamar para preguntar qué color era o cuántos metros hacían falta.

El cliente también puede probar combinaciones por su cuenta y descargar la imagen para enseñarla a quien tenga que decidir, sin esperar a que le preparen un boceto. Y como las opciones del configurador son las que el fabricante produce, con su referencia, el cliente no pide algo que no existe.

Además funciona a cualquier hora, en el ordenador y en el móvil, también cuando el equipo comercial no está.

Un ejemplo real: el configurador 3D del SPP de MolcaWorld

MolcaWorld hace proyectos de marca para estadios, instalaciones y eventos deportivos. Uno de sus productos es el SPP, el sistema de protección perimetral que rodea el terreno de juego, con los paneles en el color del club y las marcas de sus patrocinadores. Para él hicimos un configurador 3D que está en su web y que cualquiera puede probar.

Un campo reglamentario que se gira y se acerca

El configurador monta en el navegador un estadio con un campo de 105 por 68 metros. Se gira arrastrando con el ratón o con el dedo y se acerca con la rueda o con los botones. Tiene tres vistas preparadas: la general, a pie de campo y el detalle del panel, que enseña cómo queda una marca de cerca.

Color, altura y acabado

Los 16 colores de la carta de MolcaWorld, cada uno con su referencia RAL, tres alturas del sistema (0,80, 0,90 y 1,00 metros) y dos acabados, mate y satinado. La imagen de lo que hay en pantalla se descarga con un botón.

Escudo y patrocinadores en la valla

El club sube su escudo y hasta dos patrocinadores, en PNG o SVG con fondo transparente, y los ve alternándose sobre los paneles. También decide cada cuántos paneles va una marca: cada 2, cada 3, cada 5 o ninguna.

Metros y paneles, ya calculados

El club marca los lados del campo donde va el sistema y escribe los metros de cada uno, que arrancan con la medida reglamentaria. El configurador suma los metros lineales y da el total de paneles, y eso es lo que viaja en la petición.

La petición de presupuesto, con todo lo elegido

El botón «Solicitar presupuesto» abre el correo del visitante con un mensaje ya escrito para MolcaWorld: los metros de cada lado, la suma, el total de paneles, la altura, el acabado, el color con su RAL y cada cuántos paneles va una marca. Solo falta añadir el nombre, la organización y el teléfono, y enviarlo. El configurador está en español y en inglés, y el proyecto completo está en el caso de éxito de MolcaWorld.

Cómo se integra un configurador 3D en una web

El 3D lo pinta el navegador del visitante con WebGL, la tecnología que usan los navegadores actuales para mostrar gráficos en tres dimensiones, así que no hay que instalar nada. El configurador de MolcaWorld son ficheros estáticos que no necesitan servidor de aplicaciones ni base de datos, y vive en una carpeta de su propio dominio, junto a su WordPress y sin tocarlo.

La petición puede llegar por correo, como en MolcaWorld, o entrar directamente en el CRM o en el ERP de la empresa. Depende de cómo trabaje el equipo que prepara los presupuestos.

Qué hace falta para tener el configurador 3D de tu producto

El punto de partida es el catálogo tal y como se vende: las opciones de cada producto, los colores con su referencia, las medidas que se admiten y las combinaciones que no se pueden fabricar. Con eso y con los planos o las fotos del producto se preparan el modelo 3D y la interfaz. Queda decidir qué datos tiene que llevar la petición para que el equipo comercial pueda responder sin volver a preguntar.

En la página del configurador 3D de productos tienes cómo lo planteamos para fabricantes y distribuidores.