Apresentamos Vectary Canvas, um novo espaço para ideação acelerada por AI. → Canvas

Como adicionar produtos 3D e AR interativos a um website Shopify

Transforma o teu negócio de e-commerce com um configurador de produtos Shopify.

Vectary incorporação web é uma forma fácil de adicionar um elemento 3D interativo no teu site ou blog. Visualizador 3D/AR da Vectary funciona ao copiar e colar um código gerado no editor web. É o mesmo processo que incorporar um vídeo do YouTube. Esta tecnologia é conhecida como WebAR porque oferece uma experiência 3D e de Realidade Aumentada em qualquer smartphone, iPhone ou Android, sem a necessidade de uma aplicação adicional.

Como posso personalizar o meu produto no Shopify?

O Shopify configurador de produtos 3D permite-te criar apresentações interativas de produtos com seletores de materiais, variações de formas, animações e hotspots. Isto permite-te apresentar a gama de produtos num visualizador 3D em tempo real, sem precisares de múltiplos renders ou fotografias. Além disso, podes atualizar instantaneamente a tua oferta de produtos sem ajustares o código do configurador no teu site. Como bónus, todas as variações podem ser pré-visualizadas em Realidade Aumentada no seu tamanho real, permitindo que os visitantes experimentem o produto no seu próprio espaço antes de fazerem uma compra. Tudo isto pode ser implementado sem qualquer código no Vectary Studio.

Liga o configurador de produtos do Shopify ao checkout

Um configurador 3D pode ser convertido numa calculadora de preços com base nos parâmetros selecionados no visualizador 3D. Ao fazê-lo, podes ligar o preço e as variantes selecionadas ao checkout. Isto pode ser alcançado utilizando uma camada da Vectary API sobre o configurador 3D sem código.

Como incorporar um configurador 3D interativo

Qualquer designer pode incorporar o configurador como montra, pois a plataforma Vectary tem um editor de configurador sem código. Se quiseres ligar o configurador ao teu carrinho de compras, terás de implementar a Vectary API, o que pode exigir a ajuda de um programador.

1. Nível básico: Apenas a incorporação do configurador 3D no Shopify

1. Importa o teu modelo 3D para o Vectary Studio ou cria o teu próprio modelo do zero.

2. Cria um configurador 3D. Podes encontrar muitos recursos no nosso canal do YouTube.

3. Clica no separador Share, ativa a partilha e Copia o código.

4. Abre o teu painel de administração no Shopify e clica em Themes no menu Sales channels.

5. Acede ao teu Tema e clica no Personalizar botão.

5. No teu template, clica em Add Section e seleciona Custom Liquid. Agora cola o código do Vectary e o visualizador 3D deverá ser carregado.

6. Pré-visualiza o teu site e publica-o quando estiveres satisfeito com o resultado.

7. Podes ajustar o configurador a qualquer momento no Vectary Studio e sincronizar as alterações com um clique na secção Share.

2. Nível avançado: Configurador 3D do Shopify ligado a uma calculadora de preços e ao carrinho de compras

Esta funcionalidade está apenas disponível para clientes Vectary Business via API. Consulta as instruções detalhadas na documentação da API.

Dica: Ativa a pré-visualização em Realidade Aumentada no teu Shopify

O visualizador incorporado receberá automaticamente um ícone AR que pode acionar uma Realidade Aumentada pré-visualização do produto em qualquer dispositivo, sem instalação de aplicações.

FAQ

Isto abranda o website?

Qualquer conteúdo que adiciones ao site precisa de ser otimizado, incluindo o visualizador 3D. Descobre as dicas de otimização em Documentação. Para saberes mais sobre todas as soluções disponibilizadas a equipas e clientes Business, contacta a nossa equipa de vendas.

Onde está alojado o modelo?

O modelo está alojado na plataforma Vectary, mas o subdomínio pode ser mascarado com a funcionalidade de "domínio personalizado" disponível nos workspaces Business.