Configurador 3D de cocinas y armarios de la demo de Grup3D insertado en una página y abierto en un móvil
GUÍA · WORDPRESS · SHOPIFY · PRESTASHOP · WEB A MEDIDA · UNA LÍNEA DE CÓDIGO
— GUÍA PARA FABRICANTES · 2026

Insertar un configurador 3D
en WordPress, Shopify
o en vuestra web a medida.

No hace falta rehacer la web ni cambiar de plataforma. El configurador se inserta en la web que ya tenéis con una línea de código, como se inserta un vídeo: en una página propia, en la ficha de producto, en la tienda online y en la web de cada distribuidor con su código. Dónde se pega esa línea en WordPress, Shopify, PrestaShop y una web a medida, qué tamaño ocupa, cómo carga en el móvil y qué hay que mirar de seguridad, cookies y seguimiento.

— UNA LÍNEA

Una línea de código,
en cualquier web.

El configurador no se instala en vuestra web: se muestra dentro de ella.

La línea de código abre dentro de vuestra página un marco en el que se carga el configurador desde nuestro servidor, igual que un vídeo de una plataforma de vídeo se muestra dentro de un artículo. Vuestra web no cambia: ni la plantilla, ni el menú, ni el resto de las páginas. El configurador se adapta al ancho de la columna donde lo pongáis, en escritorio y en móvil, y se actualiza solo cuando cambiáis la tarifa o los acabados desde el panel.

Si queréis que viva en una dirección vuestra, también puede ir en un subdominio de vuestro dominio, con vuestra marca y sin rastro de la nuestra. Y si vuestra tienda online tiene que recibir la configuración en el carrito, eso se conecta en el proyecto: la inserción es la misma. Ved configurador 3D en WooCommerce, Shopify y PrestaShop.

— POR PLATAFORMA

Dónde se pega
en cada plataforma.

Cinco minutos en cualquiera. Si vuestra agencia mantiene la web, le mandáis la línea y lo hace ella.

WORDPRESS

Un bloque de HTML personalizado

En la página o la entrada donde queráis el configurador, añadid un bloque «HTML personalizado» y pegad la línea. Para que salga en todas las fichas de una familia, va en la plantilla de la ficha o en un campo de la ficha que la plantilla muestre.

SHOPIFY

Una sección o la plantilla de producto

En una página, con una sección de HTML personalizado; en las fichas, en la plantilla de producto, para que cada producto abra su configurador con su referencia. El paso al carrito con la configuración se conecta en el proyecto.

PRESTASHOP

Una página de contenido o la plantilla

En una página de contenido con el editor en modo código, o en la plantilla de la ficha de producto. Igual que en las otras: la línea, y nada más.

WEB A MEDIDA

Donde quiera vuestro desarrollador

Se pega en la plantilla o en la página que toque. Si vuestra web limita los contenidos externos por seguridad, hay que permitir que se carguen marcos desde nuestro dominio: una línea en la configuración del servidor que vuestro desarrollador conoce.

Configurador 3D de pérgolas de la demo de Grup3D abierto en un móvil, adaptado al ancho de la pantalla
La misma línea de código en el móvil: el configurador se adapta al ancho de la columna donde se inserta. Demo de pérgolas.
— DÓNDE PONERLO

Dónde ponerlo:
página, ficha, tienda y red.

Cuatro sitios, de más a menos habitual. Casi todos los fabricantes acaban con los cuatro.

  1. 01

    Una página propia: «Diseña tu producto»

    Una página en vuestro menú con el configurador y, alrededor, el texto que el buscador necesita: qué producto, para quién, medidas, preguntas. Es la que posiciona. Ved configurador 3D y SEO.

  2. 02

    La ficha de producto

    Cada ficha abre el configurador ya en su familia o su referencia. Para productos con pocas opciones basta con un visor 3D en la ficha. Ved visor 3D de producto para la web.

  3. 03

    La tienda online

    La misma inserción; lo que cambia es que al terminar, la configuración pasa al carrito con su precio y su referencia, y eso se conecta en el proyecto con vuestra plataforma. Ved configurador 3D para tienda online.

  4. 04

    La web de cada distribuidor y la tablet

    Cada distribuidor inserta la línea con su código en su web: lo que se configure ahí queda a su nombre y sale con su marca. En la tablet de la tienda se abre la dirección directamente, en modo stand. Ved configurador 3D en marca blanca para distribuidores.

— QUÉ MIRAR

Lo que hay que mirar:
velocidad, móvil, seguridad y seguimiento.

Cuatro cosas que preguntan los desarrolladores y los responsables de la web antes de pegar la línea.

— VELOCIDAD Y MÓVIL
  • Carga cuando se ve: la página abre a su velocidad de siempre; el configurador se carga al llegar a él. El buscador mide lo primero.
  • Modelo ligero: hecho para el navegador del móvil, no el archivo de fábrica.
  • Al ancho de la columna: en móvil ocupa el ancho de la pantalla y los paneles se reordenan; la realidad aumentada se abre desde el mismo marco.
— SEGURIDAD, COOKIES Y SEGUIMIENTO
  • Seguridad: si vuestra web limita los contenidos externos, se permite nuestro dominio en la configuración del servidor. Es lo único que a veces hay que tocar.
  • Cookies: el configurador guarda la configuración para recuperarla por enlace; vuestro aviso de cookies sigue siendo el de vuestra web y en el proyecto se revisa qué se guarda y qué no.
  • Seguimiento: lo que pasa dentro del configurador (familia abierta, paso abandonado, solicitud enviada) se puede mandar a vuestra analítica para que lo veáis con el resto de la web.
Configurador 3D de toldos de la demo de Grup3D abierto en un móvil con el toldo extendido y las opciones
La demo de toldos en el móvil, dentro de una página: los paneles se reordenan al ancho de la pantalla.

Los desarrollos parten desde 6.500 € para un configurador visual de una familia de producto; la mayoría de proyectos para fabricantes están entre 14.500 y 35.000 €, según catálogo, reglas e integraciones, más un mantenimiento desde 190 €/mes. La inserción en vuestra web y en la de la red va en el proyecto; la conexión con el carrito de la tienda online se presupuesta al ver vuestra plataforma.

— PREGUNTAS FRECUENTES

Lo que nos preguntan
sobre la inserción.

Hay más respuestas cortas en preguntas frecuentes sobre configuradores 3D y quiénes somos en empresa de configuradores 3D.

¿Tenemos que cambiar la web para poner el configurador?

No. Se inserta en la web que ya tenéis con una línea de código, como un vídeo incrustado, en WordPress, Shopify, PrestaShop o una web a medida. Ni la plantilla ni el resto de las páginas cambian.

¿Dónde se pega la línea en WordPress?

En un bloque «HTML personalizado» de la página o la entrada donde queráis el configurador. Para que salga en todas las fichas de una familia, en la plantilla de la ficha o en un campo que la plantilla muestre.

¿Y en Shopify o PrestaShop?

En Shopify, en una sección de HTML personalizado de una página o en la plantilla de producto; en PrestaShop, en una página de contenido con el editor en modo código o en la plantilla de la ficha. Pasar la configuración al carrito se conecta en el proyecto.

¿El configurador ralentiza nuestra web?

No: la página abre a su velocidad de siempre y el configurador se carga cuando el visitante llega a él, con un modelo ligero hecho para el navegador del móvil.

¿Puede ir en una dirección de nuestro dominio?

Sí. Además de insertado en vuestras páginas, puede vivir en un subdominio vuestro, con vuestra marca y sin rastro de la nuestra. La tablet de la tienda abre esa dirección directamente, en modo stand.

¿Cuánto cuesta insertar el configurador en la web y en la de los distribuidores?

Va en el proyecto. Los desarrollos parten desde 6.500 € para un configurador visual de una familia de producto; la mayoría de proyectos para fabricantes están entre 14.500 y 35.000 €, según catálogo, reglas e integraciones, más un mantenimiento desde 190 €/mes. La conexión con el carrito de la tienda online se presupuesta al ver vuestra plataforma. Detalle en precio de un configurador 3D.

— DEMO ABIERTA

Probadlo ahora
o vedlo con
vuestra gama.

Las demos abiertas se abren en una dirección propia y se pueden insertar en cualquier página con la misma línea; probadlas en el móvil, sin registro y con productos de ejemplo, en configurador.grup3d.es/demo.

¿Queréis verlo dentro de vuestra web? Mandadnos la dirección de una página o una ficha y en una videollamada de 20 minutos os enseñamos cómo quedaría el configurador insertado en ella. Sin compromiso.

¿Preferís hablarlo? Llamadnos al 662 061 421 o escribid a grup3d@grup3d.es.