Aperçu
DecorViz Vitrine vous permet d'ajouter un bouton "Voir dans votre pièce" directement sur vos pages produits. Lorsque les clients cliquent dessus, ils peuvent visualiser votre meuble dans leur propre espace grâce à DecorViz AI.
Cela fonctionne avec n'importe quel site e-commerce : Shopify, WooCommerce, Wix, Squarespace ou un site codé sur mesure. Vous copiez un petit extrait depuis votre tableau de bord DecorViz et vous le collez sur votre page produit.
La Vitrine est exclusivement disponible pour les abonnés Ultra. Accéder à la Vitrine pour commencer.
Prérequis
Avant de commencer, assurez-vous d'avoir :
- Abonnement Ultra : La Vitrine est uniquement disponible avec le plan Ultra. Vérifiez votre plan ou passez à la version supérieure si nécessaire.
- Une boutique en ligne : N'importe quelle plateforme e-commerce ou site web sur lequel vous souhaitez ajouter le bouton.
- Image du produit : Une photo claire et bien éclairée de votre produit (JPG, PNG ou WebP, jusqu'à 5 Mo).
Utilisez une photo simple et bien éclairée où le produit est clairement visible. Un arrière-plan neutre donne les meilleurs résultats pour les visualisations de pièce.
Partie 1 : Configuration de la Vitrine DecorViz
Rendez-vous sur votre page Vitrine DecorViz. Vous y trouverez trois onglets dans la barre latérale : Vitrine, Produits et Paramètres. Commencez par les Paramètres.
Étape 1 : Activer la Vitrine
Ouvrir l'onglet Paramètres
Accédez à votre page Vitrine DecorViz et cliquez sur l'onglet Paramètres dans la barre latérale.
Activer la Vitrine
Activez le bouton "Activer la Vitrine". Cela active le widget de vitrine pour qu'il puisse apparaître sur votre boutique.
Étape 2 : Ajouter votre domaine
Vous devez indiquer à DecorViz quel site peut afficher votre widget. Cela empêche quiconque d'utiliser votre code sur des sites non autorisés.
Saisir le domaine de votre boutique
Toujours dans l'onglet Paramètres, trouvez le champ "Domaine autorisé". Saisissez le domaine de votre boutique, par exemple votreboutique.com, puis cliquez sur "Enregistrer".
Domaine autorisé
Saisissez le domaine où le widget sera utilisé. Le widget ne fonctionnera que sur ce domaine.
Saisissez votre domaine sans "https://" ni barre oblique finale. Par exemple : votreboutique.com et non https://votreboutique.com/
Étape 3 : Créer et personnaliser votre widget
Chaque widget est conçu pour un produit spécifique. Vous pouvez démarrer de deux façons :
- Depuis l'onglet Vitrine : Cliquez directement sur l'onglet Vitrine. Le constructeur de widget s'ouvre et vous pouvez remplir les champs à votre rythme.
- Depuis l'onglet Produits : Accédez à l'onglet Produits et cliquez sur "Créer un produit". Cela vous amène à l'onglet Vitrine avec la fenêtre de téléchargement d'image déjà ouverte, pour commencer directement.
Dans les deux cas, vous arrivez sur le même écran. Voici ce qu'il faut remplir :
Nommer votre produit
Saisissez un Nom de produit pour retrouver ce widget dans votre liste Produits. Utilisez quelque chose de descriptif, par exemple "Canapé rose - 3 places" ou "Table de salle à manger en chêne ronde".
Télécharger l'image du produit
Cliquez sur "Télécharger la photo du produit" et sélectionnez une photo claire de votre produit. L'IA utilise cette image pour placer l'article dans la pièce de votre client.
Personnaliser le bouton
Définissez le texte du bouton (par exemple, "Voir dans votre pièce"), choisissez une couleur de bouton dans la palette pour correspondre à votre marque. Enfin, choisissez un style : Rempli pour un bouton plein ou Contour pour un style avec bordure. L'aperçu en direct se met à jour à chaque modification.
Sous les paramètres du bouton, il y a un champ facultatif Invite IA personnalisée. Utilisez-le pour donner à l'IA un contexte supplémentaire sur votre produit, par exemple : "Un tapis en laine tissé à la main, 180x270 cm" ou "Une étagère d'angle en bois pour la cuisine". L'IA s'en servira pour placer le produit plus précisément dans la pièce.
Personnaliser votre widget
Définissez l'image et le style du bouton. L'aperçu se met à jour en temps réel. Obtenez ensuite votre widget à ajouter à votre boutique.
Étape 4 : Copier votre widget
Une fois que votre widget est satisfaisant dans l'aperçu, générez-le et copiez-le dans le presse-papiers. C'est ce que vous collerez dans votre boutique.
Générer et copier
Cliquez sur "Générer", puis sur "Copier le widget". Votre widget est maintenant copié et prêt à être collé. Vous êtes prêt pour la Partie 2.
Prêt à ajouter à votre boutique ?
Générez et copiez le widget
Partie 2 : Configuration de votre boutique
Collez le widget copié sur votre page produit. Les étapes exactes dépendent de votre plateforme. Les plus courantes sont décrites ci-dessous. L'idée est la même partout : trouvez un moyen d'ajouter du HTML personnalisé à votre page produit et collez-y le widget.
Shopify
Ouvrir le personnalisateur de thème Shopify
Dans votre administration Shopify, accédez à Boutique en ligne → Thèmes → Personnaliser. Passez à un modèle de page produit.
Ajouter un bloc Custom Liquid
Dans la barre latérale gauche sous "Informations sur le produit", cliquez sur "+ Ajouter un bloc" et choisissez "Custom Liquid".
Coller et enregistrer
Cliquez sur le bloc Custom Liquid pour ouvrir ses paramètres. Collez votre widget DecorViz dans le champ "Code Liquid". Faites glisser le bloc sous le bouton "Ajouter au panier", puis cliquez sur "Enregistrer".
Votre bouton "Voir dans votre pièce" est maintenant en ligne sur votre page produit. Les clients peuvent cliquer dessus pour visualiser le meuble dans leur propre espace.
WooCommerce, Wix, Squarespace et autres plateformes
Le widget est du HTML standard. Il fonctionne partout où vous pouvez ajouter du HTML à une page.
| Plateforme | Comment ajouter le widget |
|---|---|
| WooCommerce | Modifiez votre page produit dans WordPress. Ajoutez un bloc HTML (ou dans l'éditeur classique, passez à l'onglet Texte) et collez le code. |
| Wix | Dans l'éditeur Wix, ajoutez un élément Intégrer → Iframe HTML à votre page produit et collez le code à l'intérieur. |
| Squarespace | Modifiez votre page produit et ajoutez un Bloc de code. Collez le widget dans le bloc et enregistrez. |
| Site HTML personnalisé | Ouvrez le HTML de votre page produit et collez le widget juste avant la balise de fermeture </body>. |
| Autres plateformes | Recherchez une option "HTML personnalisé" ou "intégration de code" sur votre page produit. Collez le widget à cet endroit. |
Le widget est un petit extrait HTML. Toute plateforme qui prend en charge le HTML personnalisé sur une page produit fonctionnera avec la Vitrine DecorViz.
Tester votre bouton
Après l'enregistrement, vérifiez que tout fonctionne :
- Visitez votre page produit en ligne. Utilisez l'URL réelle, pas l'aperçu de l'éditeur.
- Vérifiez que le bouton apparaît avec la couleur et le texte choisis.
- Cliquez sur le bouton et effectuez une visualisation de test.
- Testez sur mobile. De nombreux clients achètent depuis leur téléphone.
Assurez-vous de consulter l'URL du site en ligne, pas l'éditeur ni le mode aperçu. Vérifiez également que le domaine saisi dans les Paramètres DecorViz correspond exactement au domaine de votre boutique (sans https://, sans barre oblique finale).
Dépannage
Le bouton n'apparaît pas
- Le domaine dans les Paramètres DecorViz doit correspondre exactement au domaine de votre boutique
- Assurez-vous que la Vitrine est activée dans l'onglet Paramètres
- Confirmez que le widget a bien été enregistré dans votre boutique
- Videz le cache de votre navigateur et rechargez la page
Le bouton apparaît mais ne fonctionne pas
- Confirmez que votre abonnement Ultra est actif
- Vérifiez que l'image du produit a bien été téléchargée
- Assurez-vous d'avoir copié le widget complet
La mauvaise image du produit s'affiche
- Chaque widget est lié à un seul produit. Utilisez le bon widget pour chaque page.
- Générez un nouveau widget pour changer l'image du produit
Le widget fonctionne sur une page mais pas sur une autre
- Générez un widget distinct pour chaque page produit
- Chaque page a besoin de son propre widget avec l'image du produit intégrée
Contactez notre équipe d'assistance à [email protected] ou utilisez le chat dans votre tableau de bord DecorViz.
Questions fréquentes
Ai-je besoin d'un widget par produit ?
Oui. Chaque widget est lié à une image de produit spécifique. Générez un widget distinct pour chaque produit sur lequel vous souhaitez activer la visualisation.
Puis-je ajouter plusieurs sites web au même compte ?
Non. Chaque compte DecorViz prend en charge un seul domaine de vitrine. Si vous souhaitez activer la visualisation sur un second site, vous aurez besoin d'un compte séparé.
Cela fonctionne-t-il sur toute plateforme e-commerce ?
Oui. Le widget est du HTML standard et fonctionne sur toute plateforme autorisant le HTML personnalisé sur les pages produits : Shopify, WooCommerce, Wix, Squarespace, Webflow ou un site codé sur mesure.
Puis-je utiliser différents styles de bouton pour différents produits ?
Oui. Chaque widget a ses propres paramètres de couleur, style et texte de bouton. Personnalisez-les indépendamment pour chaque produit.
Cela ralentira-t-il ma boutique ?
Non. Le widget se charge de façon asynchrone et ne bloque pas votre page. Il ajoute moins de 50 Ko au poids de votre page.
Que se passe-t-il lorsque les clients cliquent sur le bouton ?
Ils seront invités à télécharger une photo de leur pièce. L'IA place ensuite votre produit dans leur espace pour qu'ils voient exactement comment il s'intègre.
Cela utilise-t-il mes crédits de visualisation ?
Oui, chaque visualisation effectuée par vos clients utilise des crédits de votre forfait Ultra.
Prêt à commencer ?
Ajoutez la visualisation de pièce à votre boutique et aidez vos clients à voir vos produits dans leur propre espace.