Integre a experimentação virtual com um trecho de código

Ligue um botão com o trecho JavaScript. A loja fornece diretamente a imagem do produto, o nome, a categoria e o link da página para continuar as compras.

A sua loja, um novo ponto de entrada

<script
  src="https://virtualtryon.store/widget.js"
  data-product-image="https://your-shop.example/product.jpg"
  data-product-name="Product name"
  data-product-url="https://your-shop.example/product"
  data-category="fashion"
  data-locale="pt"
  data-mode="button"
  defer
></script>

Forneça o endereço da imagem, nome, categoria e ligação de compra da variante escolhida. Verifique-os antes de publicar; não é necessário extrair a página da loja.

Loja de demonstração
  1. 1

    Preparar os dados

    Envie o URL direto da imagem, nome, categoria e link da página do produto. Verifique o acesso à imagem e atualize os dados quando mudar a variante.

  2. 2

    Inserir o código

    Adicione o script onde o tema permitir e configure um botão na página ou um botão flutuante.

  3. 3

    Abrir a janela

    O cliente adiciona a sua foto e gera a prévia na janela alojada. Ao fechar, regressa à página do produto.

  4. 4

    Verificar e publicar

    Teste dispositivos móveis, teclado, variantes, mensagens de erro e requisitos de privacidade e segurança antes do lançamento.

O que verificar na sua loja

  • Uma página de produto representativa com as suas variantes
  • Possibilidade de inserir o código no tema
  • Imagens acessíveis e direitos de utilização claros
  • Regras de privacidade, consentimento e segurança de conteúdo
  • Um ambiente de teste para verificar todo o percurso

A integração é independente do alojamento da loja. A compatibilidade depende do tema, das políticas de segurança e do acesso aos dados de produto.

Falar sobre a integração

Planear a integração na loja