Guide d’utilisation : Comment intégrer des contenus dynamiques sur votre site web ?

Ce guide fournit une explication rapide pour intégrer facilement les contenus dynamiques sur votre site web via Icecat Live (JavaScript). Le contenu dynamique ou Product Stories est un nouveau type de contenu riche qui combine plusieurs données multimédia tout en suivant le « look and feel » de la marque. Son principal avantage est qu’il aide les revendeurs à optimiser le taux de conversion de leur page produit entrainant de ce fait une augmentation des ventes grâce à un contenu officiel provenant directement de la marque. Parmi les marques ayant déjà adopté le contenu dynamique via Icecat, nous pouvons citer LEGO, Huawei ou encore DELL.

En résumé, tout utilisateur Open Icecat et Full Icecat peut utiliser ce nouveau type de contenu pour enrichir ses fiches produit. Ci-dessous un exemple de contenu dynamique Lego

Pour résumer, l’intégration des contenus dynamiques vous permet :

• De booster vos ventes avant tout – le contenu riche a fait ses preuves sur l’augmentation des taux de conversion de plusieurs sites web
• D’augmenter le taux d’engagement du consommateur – les contenus dynamiques contiennent des éléments interactifs tel que vidéos, photos, vision du produit à 360 degrés
• De fournir un contenu cohérent – vos fiches produits auront un « look and feel » conformes aux directives visuelles de la marque.
• D’utiliser un message approuvé par la marque – des arguments de vente et des avantages convaincants qui définissent la position unique du produit sur le marché.
• Il est également facile à intégrer – Le contenu dynamique est intégré en ajoutant seulement quelques lignes de code JavaScript dans le modèle HTML. En outre, il est 100% compatible avec notre intégration classique XML/JSON et possède un design réactif qui s’adapte aux résolutions d’écran des visiteurs.
• Et surtout, il est GRATUIT et peut être utilisé immédiatement après avoir créé un compte sur Icecat.

Intégrer du contenu dynamique sur votre site web via Icecat Live

Pour résumer, vous pouvez intégrer le contenu riche avec Icecat Live en utilisant la méthode Icecat Live Granular Call. Cette méthode permet de délivrer du contenu à votre page web en temps réel. De plus, elle ne nécessite que quelques lignes de code Javascript dans votre modèle HTML.

Vous pouvez « appeler » le contenu riche en utilisant trois types d’identifiants produits :

1. Via le code de la marque ou le numéro de pièce (SKU, MPN).
2. Via le GTIN (EAN, UPC)
3. Via l’ID Icecat (l’identifiant unique d’un produit dans la base de données Icecat).

Vous trouverez ci-dessous des exemples pour ces trois codes d’appel :

1. Appel de contenu dynamique par code marque

<html>
    <head>
    </head>
<body>

<div id="container1"></div>

<script>
    window.addEventListener('liveload', function() {
        IcecatLive.getDatasheet(
            {
                'productstory':'#container1'
            }, 
            {
             Brand: 'DELL',
             PartCode: 'GHHXD',
            UserName: 'openicecat-live'
        }, 'en')               
    });
</script>
<script src="https://live.icecat.biz/js/live-current-2.js"></script>

</body>
</html>

2. GTIN:

<html>
    <head>
    </head>
<body>

<div id="container1"></div>

<script>
    window.addEventListener('liveload', function() {
        IcecatLive.getDatasheet(
            {
                'productstory':'#container1'
            }, 
            {
            GTIN: '5397184333648',
            UserName: 'openicecat-live'
        }, 'en')               
    });
</script>
<script src="https://live.icecat.biz/js/live-current-2.js"></script>

</body>
</html>

3. Icecat ID:

<html>
    <head>
    </head>
<body>

<div id="container1"></div>

<script>
    window.addEventListener('liveload', function() {
        IcecatLive.getDatasheet(
            {
                'productstory':'#container1'
            }, 
            {
            IcecatProductId: '76472360',
            UserName: 'openicecat-live'
        }, 'en')               
    });
</script>
<script src="https://live.icecat.biz/js/live-current-2.js"></script>

</body>
</html>

Description des paramètres:

Valeur	Explication
UserName	Nom d’utilisateur Icecat
Brand	Le nom de la marque du produit
PartCode	Le code produit de la marque ou le numéro de pièce du fabricant, qui identifie le produit de manière unique en combinaison avec le nom de la marque.
GTIN	Le code GTIN: EAN (European Article Number ), UPC (Universal Product Code) ou JAN (Japan Article Number)
IcecatProductId	L’identifiant numérique interne du produit Icecat. A utiliser uniquement par les utilisateurs avancés qui utilisent (déjà) les fichiers d’index d’Icecat.

Pour toute question ou commentaire, n’hésitez pas à contacter votre account manager ou à nous écrire via notre site web