Como colocar um design 3D ou AR interativo num site Squarespace

O embed web do Vectary é uma forma simples de colocares um elemento 3D interativo no teu blogue ou website. Esta tecnologia chama-se WebAR. Semelhante ao processo de incorporação do YouTube, o visualizador 3D/AR do Vectary gera um trecho de código que colas no teu editor web. Qualquer pessoa com um iPhone ou Android pode ter uma experiência de Realidade Aumentada diretamente na web, sem ter de instalar uma aplicação.

Como incorporar um design 3D/AR interativo no Squarespace

1. Importa o teu modelo 3D para o Vectary Studio ou cria o teu próprio modelo do zero.
2. Clica no separador Publish e no botão Generate.
3. Acede ao teu editor de temas no Squarespace. Clica em Pages. Agora, clica na secção que queres editar ou cria uma nova secção clicando no +.
4. Clica em Edit e agora no ícone + no canto superior direito.
5. Adiciona um bloco de código. Sabe mais sobre como usar blocos de código no Squarespace.
6. Elimina o texto predefinido e cola o código de incorporação gerado pelo Vectary.
7. Pré-visualiza o site; se precisares de fazer alterações, basta gerares o código novamente e o visualizador será atualizado automaticamente.
8. Publica o teu site.
   ‍

Como fazer alterações no teu visualizador web 3D

Imagina que queres alterar a cor, a perspetiva ou toda a forma do teu modelo 3D. O editor do Vectary funciona como um CMS 3D/AR instantâneo para o teu visualizador web:

1. Abre o teu projeto 3D no Vectary.
2. Faz as alterações.
3. Clica no separador Publish e clica novamente no botão Generate – não precisas de substituir o código. O visualizador 3D será atualizado automaticamente em todos os teus sites.

Começa a criar

Exemplo de visualizador 3D/AR do Vectary:

A tua página do Shopify pode ter um elemento interativo como este. Abre este site no iPhone com o Safari ou no Android com o Chrome para o veres também em realidade aumentada.