Intégrer l’essayage virtuel avec un extrait de code

Reliez un bouton avec le code JavaScript. Votre boutique fournit directement l’image produit, son nom, sa catégorie et le lien de sa fiche pour poursuivre les achats.

Votre boutique, un nouveau point d'entrée

<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="fr"
  data-mode="button"
  defer
></script>

Transmettez l’adresse de l’image, le nom, la catégorie et le lien d’achat de la variante choisie. Vérifiez-les avant publication, sans extraction de la page boutique.

Boutique de démonstration
  1. 1

    Examiner la boutique

    Vérifiez l’ajout de code dans le thème, l’accès aux variantes et les règles de sécurité ou de consentement applicables.

  2. 2

    Transmettre le produit

    Transmettez l’URL directe de l’image, le nom, la catégorie et le lien de la fiche produit. Vérifiez l’accès à l’image et actualisez les données à chaque changement de variante.

  3. 3

    Placer le bouton

    Configurez un bouton sur la fiche ou un bouton flottant. Le client ajoute sa photo dans la fenêtre, puis retrouve la fiche en la fermant.

  4. 4

    Tester le parcours complet

    Contrôlez téléphones et navigateurs compatibles, chargement, erreurs, informations de confidentialité et événements de mesure avant la mise en ligne.

Les éléments à vérifier

  • Une fiche produit représentative avec ses variantes
  • La possibilité d’ajouter le code dans le thème
  • Des images accessibles et des droits d’utilisation clairs
  • Les exigences de confidentialité, de consentement et de sécurité
  • Un environnement de test pour vérifier le parcours complet

L’intégration est indépendante de l’hébergement de votre boutique. La compatibilité dépend du thème, des règles de sécurité et de l’accès aux données produit.

Discuter de l’intégration

Préparer l'intégration en boutique