El Plugin WebAR para WordPress es una herramienta que permite crear, administrar y publicar experiencias de realidad aumentada directamente desde el panel de WordPress.
Con este complemento puedes cargar un marcador de MindAR, agregar un modelo 3D en formato GLB o GLTF, mostrar un video sobre una imagen, ajustar la posición, rotación, escala e iluminación del contenido y publicar la experiencia en cualquier entrada o página mediante un shortcode.
La experiencia funciona directamente desde el navegador y utiliza la cámara del teléfono, tablet o computadora. El visitante no tiene que descargar ni instalar una aplicación móvil.
El plugin fue desarrollado con MindAR, A-Frame, JavaScript y las funciones internas de WordPress, con el objetivo de simplificar un proceso que normalmente requiere crear archivos HTML, integrar librerías, configurar manualmente la escena WebAR y modificar código cada vez que se necesita cambiar un modelo o video.
Accede al Plugin WebAR para WordPress, descarga el archivo ZIP instalable y comienza a crear experiencias con modelos 3D o video.
Descargar el Plugin WebAR desde Patreon
¿Qué es un plugin de realidad aumentada WebAR para WordPress?
Un plugin de realidad aumentada WebAR para WordPress es un complemento que agrega funciones de realidad aumentada a un sitio creado con este CMS.
En lugar de desarrollar una aplicación móvil para Android o iOS, WebAR permite ejecutar la experiencia desde una página web. Cuando el visitante abre la publicación y concede permiso para utilizar la cámara, el navegador puede reconocer una imagen y colocar contenido digital sobre ella.
En este caso, el reconocimiento de imágenes se realiza con MindAR, mientras que la escena 3D se construye con A-Frame.
El resultado es una experiencia basada en una imagen como marcador:
- El usuario abre una entrada o página de WordPress.
- Presiona el botón para iniciar la realidad aumentada.
- Autoriza el acceso a la cámara.
- Apunta hacia una imagen previamente configurada.
- Sobre esa imagen aparece un modelo 3D o un video.
Esta tecnología resulta útil para catálogos, educación, tarjetas de presentación, publicidad impresa, empaques, exhibiciones, portafolios y campañas interactivas.
Para comprender mejor esta tecnología, puedes consultar mi guía sobre qué es WebAR y cómo crear realidad aumentada directamente desde el navegador. Guía Definitiva de WebAR en 2026: Cómo Crear Realidad Aumentada en la Web | Aprende a crear Apps de Realidad Aumentada desde cero
Mira como funciona el plugin para crear realidad aumentada para CMS WordPress.
El marcador que utilizamos para visualizar la experiencia de realidad aumentada es la siguiente imagen
¿Qué problema resuelve este plugin para realidad aumentada?
Integrar manualmente una experiencia de realidad aumentada dentro de WordPress puede resultar complicado.
Normalmente, el creador tiene que:
- Crear una página HTML independiente.
- Agregar las librerías de A-Frame y MindAR.
- Configurar el archivo .mind.
- Escribir la escena de realidad aumentada.
- Cargar manualmente el modelo GLB o el video.
- Ajustar posición, rotación y escala mediante código.
- Resolver los permisos de cámara.
- Corregir problemas de estilos del tema de WordPress.
- Adaptar la experiencia a dispositivos móviles.
- Implementar controles para pantalla completa.
- Insertar el proyecto mediante un iframe o código personalizado.
El Plugin WebAR para WordPress reúne estas tareas dentro de una interfaz visual.
No necesitas escribir nuevamente la estructura HTML o JavaScript cada vez que deseas publicar una experiencia. Solo debes crear una experiencia desde el administrador, seleccionar los archivos, ajustar el contenido y copiar el shortcode.
Si prefieres conocer el proceso técnico, también puedes leer mi tutorial sobre cómo integrar realidad aumentada manualmente en WordPress. Ese artículo explica la integración mediante código, mientras que esta página está dedicada específicamente al plugin y a su funcionamiento.
Cómo crear una experiencia WebAR en WordPress con el plugin
Crear una experiencia de realidad aumentada con el plugin se realiza directamente desde el panel de administración de WordPress. No es necesario escribir manualmente la escena de A-Frame ni configurar el código de MindAR para cada proyecto.
En el siguiente video muestro el proceso completo: creación de la experiencia, carga del marcador, selección del modelo 3D o video, ajustes visuales y publicación mediante shortcode.
Lo que aprenderás en el video.
Durante el tutorial aprenderás a:
- Crear una nueva experiencia desde el menú WebAR.
- Subir un archivo .mind generado con MindAR.
- Seleccionar la imagen original del marcador.
- Cargar un modelo 3D GLB o GLTF.
- Utilizar un video ya subido a WordPress.
- Ajustar posición, rotación y escala.
- Configurar la iluminación del modelo.
- Controlar animaciones y reproducción de video.
- Publicar la experiencia mediante shortcode.
- Probar la cámara y el reconocimiento del marcador.
Cada experiencia se guarda de manera independiente, por lo que puedes utilizar diferentes marcadores, modelos, videos y configuraciones dentro de un mismo sitio WordPress.
Archivos necesarios para crear la experiencia de realidad aumentada
Antes de comenzar, debes preparar los archivos que utilizará el plugin.
MindAR utiliza como marcador (Target) un archivo con extension .mind
El archivo .mind contiene los datos que MindAR utiliza para reconocer la imagen objetivo. Este archivo se genera previamente con el compilador de imágenes de MindAR.
Genera tu marcador con extension .mind Compilador de Marcadores AR | Crea Realidad Aumentada Gratis
Ejemplo:
marcador-producto.mindEl archivo .mind no es una imagen visible. Es el archivo de seguimiento que permite detectar el marcador desde la cámara.
También debes cargar la imagen original utilizada para generar el archivo. Esta imagen aparecerá dentro del editor visual y te ayudará a colocar correctamente el contenido.
Los formatos recomendados para la imagen son:
- JPG.
- PNG.
- WebP.
Para mejorar la estabilidad del reconocimiento, consulta mi guía sobre cómo crear un buen marcador para realidad aumentada con MindAR. Cómo crear un buen marcador para realidad aumentada (y por qué falla)
Modelos 3D compatibles con este plugin de WordPress para realidad aumentada
El plugin permite utilizar modelos en formato:
- .glb
- .gltf
El formato GLB suele ser la opción más práctica para WordPress y WebAR, ya que puede incluir en un solo archivo:
- Geometría.
- Materiales.
- Texturas.
- Animaciones.
- Información de la escena.
Puedes utilizar modelos estáticos o animados, siempre que hayan sido exportados correctamente desde programas como Blender.
Algunos ejemplos de contenido que puedes mostrar son:
- Productos.
- Personajes.
- Objetos educativos.
- Maquinaria.
- Prototipos.
- Arquitectura.
- Piezas históricas.
- Elementos promocionales.
Optimización de modelos 3D para realidad aumentada
Los modelos 3D deben estar preparados para funcionar en dispositivos móviles. Un archivo demasiado pesado puede causar tiempos de carga prolongados, pérdida de seguimiento, bajo rendimiento o cierre de la página.
Se recomienda trabajar con:
- Geometría optimizada.
- Texturas comprimidas.
- Resoluciones adecuadas para teléfonos.
- Pocos materiales.
- Archivos GLB de tamaño reducido.
- Animaciones necesarias únicamente.
Puedes ampliar esta información en mi guía sobre cómo optimizar modelos 3D GLB para WebAR con Meshopt, WebP y glTF-Transform.Cómo Optimizar Modelos 3D GLB para Realidad Aumentada WebAR con Meshopt, WebP y glTF-Transform
Tambien puedes ingresar a la herramienta para optimizar modelos 3D para realidad aumentada, video juegos y apps WebAR AR Optimizer Pro: Comprime modelos GLB con Meshopt y WebP para aplicaciones de realidad aumentada
Cómo utilizar videos en realidad aumentada con este plugin
El plugin también permite mostrar un video sobre el marcador reconocido por MindAR.
Puedes agregarlo de dos maneras:
- Seleccionándolo desde la biblioteca multimedia de WordPress.
- Pegando la URL de un video que ya hayas subido a una entrada o página.
Para conseguir una buena compatibilidad con navegadores móviles, se recomienda utilizar:
MP4 con códec H.264Controles disponibles para el video
Desde el editor puedes configurar:
- Ancho y alto.
- Posición.
- Rotación.
- Escala.
- Reproducción al encontrar el marcador.
- Pausa al perder el marcador.
- Reinicio desde el comienzo.
- Repetición continua.
- Inicio con o sin sonido.
- Control manual de reproducción.
Los navegadores móviles suelen bloquear la reproducción automática cuando el video contiene sonido. Por esta razón, es recomendable iniciar el video silenciado y permitir que el usuario active el audio mediante una interacción.
Publicar la experiencia WebAR en una entrada de WordPress
Después de guardar la experiencia, el plugin genera un shortcode similar a este:
[webar_experience id="123"]También puedes utilizar:
[webar id="123"]Solo debes copiar el shortcode y pegarlo en una entrada, página o widget compatible de WordPress.
El video tutorial muestra el proceso completo, desde la creación inicial hasta la prueba de la experiencia con la cámara.
Plugin WebAR, integración manual o editor online: ¿cuál utilizar?
Existen diferentes formas de crear realidad aumentada para la web, y cada una responde a una necesidad distinta.
Plugin WordPress para crear realidad aumentada WebAR
Es recomendable cuando:
- Tu sitio web está creado con WordPress.
- Quieres administrar varias experiencias.
- Necesitas insertar WebAR mediante shortcode.
- Prefieres trabajar desde el mismo panel del sitio.
- No deseas editar archivos HTML cada vez.
- Integración manual con MindAR y A-Frame
Integración manual con MindAR y A-Frame
Es recomendable cuando:
- Necesitas control completo del código.
- Quieres crear funciones personalizadas.
- Estás desarrollando una aplicación independiente.
- Necesitas integrar lógica JavaScript avanzada.
- No utilizas WordPress.
- Editor WebAR independiente
Aprende como programar y crear realidad aumentada para dispositivos como telefonos android y iOS, tabletas y computadores con mis cursos desde cero para realidad aumentada: Academia WebAR con MindAR | Cursos de Realidad Aumentada Web
Editor online de realidad aumentada WebAR independiente – WebARStudioPRO
Es recomendable cuando:
- Quieres crear una experiencia fuera de WordPress.
- Necesitas exportar un proyecto.
- Prefieres utilizar una herramienta web independiente.
- Quieres generar archivos para alojarlos en otro servidor.
- Mayores posibilidades de edición para tus apps WebAR.
También puedes conocer mi editor WebAR online para crear experiencias de realidad aumentada desde el navegador. WebAR Studio Pro | Crea realidad aumentada WebAR con QR sin programar
Preguntas frecuentes
¿Puedo crear realidad aumentada en WordPress sin programar?
Sí. El plugin permite configurar el marcador, el modelo 3D o video y la transformación visual desde el administrador de WordPress. No necesitas escribir manualmente la estructura HTML o JavaScript para publicar una experiencia básica.
¿Qué formatos de modelos 3D acepta?
El plugin admite modelos en formato GLB y GLTF. Para obtener un mejor rendimiento en teléfonos móviles se recomienda utilizar archivos GLB optimizados.
¿Puedo mostrar videos en realidad aumentada?
Sí. Puedes seleccionar un video desde la biblioteca multimedia de WordPress o pegar la URL de un archivo previamente subido.
¿Qué es un archivo .mind?
Es un archivo generado por el compilador de MindAR. Contiene la información utilizada para reconocer una o varias imágenes objetivo.
¿Necesito guardar también la imagen del marcador?
Sí. El archivo .mind se utiliza para el seguimiento, mientras que la imagen original se muestra dentro del editor visual para facilitar la colocación del modelo o video.
¿Necesito HTTPS?
Sí. El sitio público debe utilizar HTTPS para que el navegador pueda solicitar acceso a la cámara. Durante el desarrollo puedes probar desde localhost.
¿Puedo insertar varias experiencias en WordPress?
Sí. Cada experiencia tiene su propio identificador y shortcode. Puedes crear diferentes experiencias e insertarlas en distintas entradas o páginas.
¿El plugin funciona con modelos animados?
Sí, siempre que el modelo GLB o GLTF incluya animaciones compatibles correctamente exportadas.
¿Puedo ajustar la iluminación?
Sí. Puedes configurar la luz ambiental, la luz principal, la exposición y el color de la iluminación.
¿Puedo utilizar un video que ya subí a una entrada?
Sí. Puedes copiar la URL del video y pegarla en la configuración de la experiencia, o seleccionarlo directamente desde la biblioteca multimedia.
¿El visitante tiene que instalar una aplicación?
No. La experiencia se ejecuta directamente desde un navegador compatible.
¿Dónde puedo descargar el plugin?
La versión disponible se distribuye actualmente mediante Patreon.
Conclusión plugin para crear realidad aumentada con wordpress
El Plugin para crear realidad aumentada WebAR para WordPress es una herramienta creada para simplificar la publicación de experiencias de realidad aumentada dentro de sitios construidos con WordPress.
Permite trabajar con marcadores de MindAR, modelos GLB o GLTF, videos, animaciones, iluminación y shortcodes sin tener que desarrollar una aplicación móvil ni reconstruir manualmente la escena para cada proyecto.
Su editor visual ayuda a posicionar y dimensionar el contenido antes de publicarlo, mientras que la integración con la biblioteca multimedia facilita la administración de archivos desde el mismo panel de WordPress.
Puede utilizarse en educación, marketing, comercio, restaurantes, cultura, diseño y creación de contenido interactivo.
El plugin continuará evolucionando con nuevas herramientas orientadas a facilitar el desarrollo de WebAR y acercar la realidad aumentada a más usuarios de WordPress.
Descarga el plugin, crea tu primera experiencia y forma parte del desarrollo de nuevas funciones para WordPress y WebAR.