Le widget produit interactif est une galerie de cartes basculables achetable qui transforme le contenu de style de vie en reçus de produits. Les visiteurs peuvent survoler pour basculer chaque carte et voir instantanément les détails du produit. Nom, prix, description et un CTA « Acheter maintenant » clair. C’est parfait pour les sections « acheter le look » qui se sentent amusantes, tactiles et prêtes pour la conversion.
Fonctionnalités
-
Interaction de carte basculable : Survolez pour révéler le « verso » de la carte avec les détails du produit (excellent pour l’engagement sur ordinateur de bureau)
-
Verso de style reçu : Design de « reçu » propre avec nom du produit, prix, description et accent de code-barres
-
Comportement « cliquer pour acheter » : CTA « Acheter maintenant » intégré pour envoyer les acheteurs directement à la page produit
-
Cartes avant de style Polaroid : Images de style de vie dans un look de photo encadrée pour une ambiance éditoriale organisée
-
En-tête instructif : Titre de section + texte d’aide comme « Survolez pour basculer. Cliquez pour acheter. » améliore la convivialité
-
Affichage de cartes multiples : Afficher plusieurs produits côte à côte dans une mise en page de ligne épurée
-
Attribution de marque/handle : Petite étiquette de source sur les cartes pour l’authenticité et la cohérence
-
Mise en page responsive : S’empile ou fait défiler en douceur sur les écrans plus petits (où survol devient appui/clic)
Cas d’usage
-
Produits en vedette de la page d’accueil : Rendez les best-sellers interactifs et plus mémorables qu’une grille basique
-
Sections « acheter le look » : Connectez directement l’imagerie de style de vie à l’achat de produits
-
Lancements de collection : Montrez un petit ensemble organisé avec narration + achat rapide
-
Pages de destination : Augmentez le temps d’engagement et les clics avec des cartes de produit interactives
-
Commerce alimenté par le contenu généré par l’utilisateur : Associez les images de créateur/client avec les revers de produit achetables
Comment intégrer
-
Ajoutez votre catalogue de produits ou les liens de produits dans EmbedSocial (ou mappez les produits à vos publications/articles).
-
Choisissez le modèle dans la bibliothèque de modèles achetables.
-
Personnalisez le titre de la section, le texte d’aide et l’étiquette du bouton (par exemple, Acheter maintenant).
-
Attribuez les détails du produit (nom, prix, description, URL) à chaque carte.
-
Copiez le code d’incorporation (JavaScript ou iFrame).
-
Collez-le dans votre site (Shopify, WooCommerce, Webflow, WordPress, Wix, Squarespace ou HTML personnalisé) et publiez.
Rendez l’achat interactif, intégrez le widget d’affichage de produit interactif et laissez les visiteurs basculer entre les looks, découvrir les détails du produit instantanément et cliquer sur Acheter maintenant en secondes.
