IMMERSION : Comment le tunnel d'achat classique tue la vente de luxe.
Afficher votre catalogue sur votre propre site
Vous avez déjà un site — WordPress, Wix, Shopify, Squarespace, Webflow ou du HTML sur mesure. Votre catalogue Vitrin peut y vivre à l'intérieur, sur vos propres pages, à votre propre adresse. Vos visiteurs ne quittent jamais votre site, et vous continuez à recevoir vos demandes de devis dans Vitrin.
Dans Réglages → Catalogue → Diffusion, la carte « Intégrez votre catalogue » contient un code déjà rempli avec l'adresse de votre boutique. Cliquez sur Copier le code, collez-le sur votre site à l'endroit exact où le catalogue doit apparaître.
<script src="https://vitrin-catalog.com/widget.js" data-shop="votre-boutique"></script>
C'est tout. Pas de plugin à installer, pas de compte à connecter, pas de mise à jour à faire ensuite : quand vous modifiez votre catalogue dans Vitrin et que vous publiez, votre site affiche la nouvelle version automatiquement.
Le code fonctionne sur tous les plans, y compris le plan gratuit. Copiez-le tel quel — la partie data-shop contient déjà l'adresse de votre catalogue, ne la modifiez pas.
Ajoutez un bloc HTML personnalisé dans l'éditeur de page, puis collez le code dedans.
Sur WordPress.com, les balises de script sont bloquées sur l'offre gratuite. Il vous faut une offre payante, ou un site WordPress.org auto-hébergé. C'est une limite de WordPress, pas de Vitrin.
Ajouter → Intégrer → Intégrer un site, puis collez le code dans le champ prévu.
Boutique en ligne → Thèmes → Modifier le code, puis collez le code dans le fichier de la page où vous voulez voir le catalogue.
Ajouter un bloc → Code, puis collez le code.
Squarespace n'autorise les blocs de code qu'à partir de l'offre Business. En dessous, le code ne s'exécutera pas.
Ajoutez un élément Embed, puis collez le code à l'intérieur.
Le code marche dans n'importe quelle zone HTML : collez-le là où vous voulez que le catalogue apparaisse. Si votre éditeur ne propose aucun champ « HTML » ou « code », c'est que la plateforme les bloque — vérifiez son offre.
Le catalogue s'affiche dans votre page et se cale en haut de l'écran dès que le visiteur descend : il reste visible pendant toute la navigation, et c'est le catalogue qui défile à l'intérieur.
| Élément | Comportement dans votre site |
|---|---|
| Votre logo | Masqué — l'en-tête de votre site le porte déjà, l'afficher deux fois brouille la lecture |
| Panier et sélecteur de langue | Conservés |
| Parcours de demande de devis | Complet — le visiteur va jusqu'au bout sans quitter votre page |
| Langue | Détectée automatiquement sur la langue de votre site |
Autrement dit : ce n'est pas une vignette ni un aperçu. C'est votre catalogue entier, avec ses filtres, sa recherche, ses favoris et son formulaire de commande.
Google ne vous pénalisera pas. La version affichée dans votre site est explicitement marquée comme non indexable : Google référence votre page à vous, jamais un doublon. Vous ne perdez rien de votre référencement, et vous n'en créez pas de concurrent.
La sélection de vos visiteurs tient pendant la visite, pas d'une visite à l'autre. Les navigateurs récents (Safari en tête) isolent les données d'un site affiché à l'intérieur d'un autre. Un visiteur qui remplit son panier, ferme l'onglet et revient le lendemain repart d'une page vide. Pendant sa visite, en revanche, tout fonctionne normalement.
Si vous renommez l'adresse de votre catalogue, pensez à recopier le code. Le catalogue intégré ne casse pas — il se masque proprement, avec un message neutre — mais il ne s'affichera plus tant que le code n'aura pas été mis à jour.
Dans l'ordre, vérifiez :
data-shop correspond-elle à celle affichée dans votre Diffusion ?Si les quatre sont bons et que rien ne s'affiche, écrivez-nous depuis le lien « Contactez-nous » de la carte Diffusion : on regarde votre page avec vous.