Intégration du widget Tissova

1. Snippet HTML

Collez ce script sur la page produit de votre site, en remplaçant la clé API et l'identifiant produit :

<script
  src="https://api.tissova.fr/tissova.js"
  data-api-key="VOTRE_CLE_API"
  data-produit-id="VOTRE_PRODUIT_ID"
></script>

Le widget affiche automatiquement un bouton « Essayer avec Tissova » à côté du script.

2. Domaines autorisés

Ajoutez chaque domaine depuis lequel le widget appellera l'API dans votre dashboard Intégration. Seuls les domaines enregistrés sont acceptés (vérification de l'en-tête Origin).

3. Événements JavaScript

Le widget émet des événements personnalisés sur window :

• tissova:ready — Widget initialisé et prêt à l'emploi
• tissova:opened — Popup d'essayage ouverte
• tissova:addToCart — Utilisateur ajoute au panier
• tissova:closed — Popup d'essayage fermée
• tissova:productNotFound — Aucun modèle 3D trouvé pour l'ID produit détecté — permet de masquer le bouton Tissova si le produit n'est pas encore configuré

window.addEventListener("tissova:addToCart", (e) => {
  const { produitId, taille, coloris, quantite } = e.detail;
  // Ajouter au panier de votre boutique
});

4. Prérequis côté Tissova

• Compte marque approuvé
• Modèle 3D validé pour chaque produitId
• Domaine de votre boutique déclaré dans le dashboard