Guía

Modelo 3D y AR en WooCommerce

Sin plugin y sin suscripción: un bloque HTML en la descripción del producto. Si tu tema ya admite 3D, también puedes usar el archivo GLB.

Opción 1: Código para tu web

El modelo aparece en la descripción del producto, con giro, zoom y botón de AR.

  1. Paso 1

    Copia el código en 3DView

    En tu cuenta, en el modelo, pulsa «Código para tu web», elige la pestaña WooCommerce y pulsa Copiar.

    Copia el código en 3DView
  2. Paso 2

    Abre el producto

    En WordPress ve a Productos y pulsa Editar en el producto que quieras.

    Abre el producto
  3. Paso 3

    Añade un bloque «HTML personalizado»

    En la descripción pulsa «+», busca «HTML» y elige «HTML personalizado». En el editor clásico usa la pestaña Texto.

    Añade un bloque «HTML personalizado»
  4. Paso 4

    Pega el código y actualiza

    Pega el código en el bloque y pulsa Actualizar.

    Pega el código y actualiza
  5. Paso 5

    Revisa la página del producto

    Abre el producto en tu tienda: el modelo gira y en el móvil aparece el botón de AR.

    Revisa la página del producto

Opción 2: Archivo GLB en el tema o en un plugin

Algunos temas y plugins de visor 3D admiten directamente un archivo GLB.

  1. Paso 1

    Descarga el archivo GLB

    En 3DView, en el modelo, pulsa Descargar y elige GLB (para iPhone también puedes descargar USDZ).

    Descarga el archivo GLB
  2. Paso 2

    Súbelo donde lo pida el tema

    Sigue las instrucciones del tema o del plugin: normalmente un campo «modelo 3D» en la página del producto.

Ilustraciones simplificadas; los menús pueden verse algo distintos en tu cuenta.

Preguntas frecuentes

¿Necesito un plugin?

No para la opción con código: el bloque «HTML personalizado» viene incluido en WordPress.

No encuentro el bloque «HTML personalizado».

En el editor clásico usa la pestaña Texto (no Visual) y pega ahí el código.

¿Funciona la AR en iPhone y Android?

Sí. En Android se abre el visor de AR de Google; en iPhone y iPad, AR Quick Look.

¿Puedo poner modelos en varios productos?

Sí, cada modelo tiene su propio código. Pégalo en el producto que corresponda.

¿Aún no tienes un modelo 3D?

Escanea el producto con el móvil o empieza desde una foto. Recibes el código para tu web y la RA incluidos.

Crea tu primer modelo