Cómo insertar un diseño interactivo en 3D o AR en una web de Squarespace

La inserción web de Vectary es una forma sencilla de añadir un elemento 3D interactivo a tu blog o sitio web. Esta tecnología se llama WebAR. De forma similar a la inserción de YouTube, el visor 3D/AR de Vectary genera un código que solo tienes que pegar en tu editor web. Cualquier persona con un iPhone o Android puede disfrutar de una experiencia de realidad aumentada directamente desde la web sin instalar ninguna aplicación.

Cómo insertar un diseño 3D/AR interactivo en Squarespace

1. Importa tu modelo 3D en Vectary Studio o crea tu propio modelo desde cero.
2. Haz clic en la pestaña Publish y en el botón Generate.
3. Ve al editor de temas de Squarespace. Haz clic en Pages. Ahora haz clic en la sección que quieras editar o crea una sección nueva haciendo clic en el +.
4. Haz clic en Edit y luego en el icono + de la esquina superior derecha.
5. Añade un bloque de código. Lee más sobre cómo usar los bloques de código en Squarespace.
6. Elimina el texto predeterminado y pega el código de inserción de Vectary generado.
7. Previsualiza el sitio, si necesitas hacer algún cambio, solo tienes que volver a generar el código y el visor se actualizará automáticamente.
8. Publica tu sitio.
   ‍

Cómo hacer cambios en tu visor web 3D

Imagina que quieres cambiar el color, la vista o la forma completa de tu modelo 3D. El editor de Vectary funciona como un CMS 3D/AR instantáneo para tu visor web:

1. Abre tu proyecto 3D en Vectary.
2. Haz los cambios.
3. Haz clic en la pestaña Publish y vuelve a hacer clic en el botón Generate: no es necesario reemplazar el código. El visor 3D se actualizará automáticamente en todos tus sitios.

Empieza a crear

Ejemplo de visor 3D/AR de Vectary:

Tu página de Shopify puede tener un elemento interactivo como este. Abre este sitio en un iPhone con Safari o en un Android con Chrome para verlo también en realidad aumentada.