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

By
Manual

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

LEGO enhanced content Google Shopping
Exemple d’intégration Icecat Live utilisant le contenu dynamique, le texte marketing, les raisons d’acheter, vidéos et autres données spécifiques.

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:

ValeurExplication
UserNameNom d’utilisateur Icecat
BrandLe nom de la marque du produit
PartCodeLe 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.
GTINLe code GTIN: EAN (European Article Number ), UPC (Universal Product Code) ou JAN (Japan Article Number)
IcecatProductIdL’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

Leave a Reply

Your email address will not be published. Required fields are marked *

Icecat xml

Open Catalog Interface (OCI): Manual for Open Icecat XML and Full Icecat XML

This document describes the Icecat XML method of Icecat's Open Catalog Inte...
 November 3, 2019
manual thumbnail3

Manual for Icecat Live: Real-Time Product Data in Your App

Icecat Live is a (free) service that enables you to insert real-time produc...
 June 10, 2022
Icecat CSV Interface

Manual for Icecat CSV Interface

This document describes the manual for Icecat CSV interface (Comma-Separate...
 September 28, 2016
 October 4, 2018
manual thumbnail

Manual for Open Icecat JSON Product Requests

JSON (JavaScript Object Notation) is an increasingly popular means of trans...
 September 17, 2018
LIVE JS

How to Create a Button that Opens Video in a Modal Window

Recently, our Icecat Live JavaScript interface was updated with two new fun...
 November 3, 2021
Addons plugins

Icecat Add-Ons Overview. NEW: Red Technology

Icecat has a huge list of integration partners, making it easy for clients ...
 October 27, 2023
 January 20, 2020
New Standard video thumbnail

Autheos video acquisition completed

July 21, Icecat and Autheos jointly a...
 September 7, 2021
Personalized Interface File and Catalog from Icecat

Manual Personalized Interface File and Catalog from Icecat

With Icecat, you can generate personalized or customized CSV or Excel files...
 May 3, 2022