Vous pouvez désormais afficher dynamiquement les médias tagués avec des produits spécifiques grâce à notre nouvelle fonctionnalité "Dynamic Embed Code". Cette mise à jour vous permet d'afficher du contenu UGC pertinent sur différentes pages produits sans créer de widgets séparés, ce qui vous fait gagner du temps et facilite la gestion de votre contenu.
Cette fonctionnalité est parfaite si:
Vous gérez plusieurs pages produits.
Vous souhaitez réutiliser un widget sur différentes pages
Vous préférez une configuration plus flexible et évolutive.
Nous allons vous expliquer comment l'utiliser.
Où trouver le "Dynamic Embed Code"
1. Allez dans la section "Widgets" et ouvrez le widget contenant les médias tagués avec vos produits:
2. Dans la barre latérale gauche, cliquez sur l’onglet "Embed", faites défiler sous le code d’intégration standard pour trouver la section "Dynamic Embed Code", et cliquez sur "Generate code":
Une fois généré, vous verrez deux méthodes possibles :
Option 1 : Substitution manuelle de l’identifiant produit
Idéal pour les développeurs ou les utilisateurs de sites web dynamiques
Utilisez cette méthode si vous avez déjà des valeurs de product_id dans votre code ou CMS et souhaitez charger les bons médias pour chaque page produit.
Comment l’utiliser:
Copiez le "Dynamic Embed Code".
Remplacez {{ product_id }} par l’identifiant réel du produit de votre catalogue:
Emple de code - assurez-vous de modifier la section {{ product_id }} avec votre identifiant produit:
<div class="embedsocial-hashtag" data-ref="89ba5783c3e106b63db926f16b1de76cee4b251a" data-productId="{{ product_id }}"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>
3. Collez le code sur la page produit concernée de votre site web.
Vous pouvez également insérer dynamiquement l’ID correct en fonction de votre URL ou des métadonnées de la page en utilisant JavaScript ou la logique de votre CMS.
Option 2 : Choisir depuis les catalogues produits téléchargés
Idéal pour une configuration manuelle sans modification du code
Si vous ne souhaitez pas modifier de code, cette option vous permet de sélectionner les produits directement à partir de vos catalogues téléchargés.
Comment l’utiliser:
Dans le panneau "Dynamic Embed", choisissez le catalogue que vous avez déjà téléchargé, et dans la liste des produits, sélectionnez celui pour lequel vous souhaitez afficher les médias :
Le code d’intégration se mettra automatiquement à jour avec le bon data-productId.
2. Ensuite, copiez simplement le code d’intégration et collez-le dans vos pages produits :
Que se passe-t-il ensuite ?
Quelle que soit la méthode utilisée, le widget va automatiquement :
Filtrer et afficher uniquement les médias tagués avec le produit sélectionné.
Se mettre à jour dynamiquement sur vos pages produits.
C’est tout !
Si vous avez des questions, cliquez sur l’icône de chat en bas à droite pour discuter avec notre équipe Customer Success ou envoyez-nous un email à support@embedsocial.com
Nous sommes là pour vous 🙏