fbpx

Données produit en temps réel dans votre application

Commepouces vers le haut(34)N’aime paspouces vers le bas(0)

Icecat Live est un service (gratuit) qui vous permet d’insérer du contenu produit en temps réel de quelques centaines de grandes marques ou fabricants dans n’importe laquelle de vos applications. Juste avec quelques lignes de JavaScript dans votre modèle HTML.

Dans ce manuel, nous fournissons un guide rapide sur la façon d’intégrer facilement des informations produit dans votre site Web. De plus, nous décrivons le service Icecat Live et donnons un aperçu concis de la structure interne d’Icecat. Dans cet article, nous nous concentrons sur l’intégration des données produit Icecat Live, car il s’agit de l’application la plus courante de notre interface Live.

Si vous envisagez d’intégrer Icecat Live, nous vous conseillons d’abord d’intégrer Open Icecat Live gratuit et de l’évaluer à vos besoins. Et puis, planifiez l’étape suivante en mettant à niveau votre interface vers Full Icecat.

Veuillez noter qu’Open Icecat Live nécessite un abonnement gratuit. Veuillez d’abord vous inscrire (gratuitement) si vous n’avez pas encore de compte pour recevoir un nom d’utilisateur Icecat et accéder au panneau de contrôle Icecat.

Open Icecat Live nécessite un abonnement gratuit. Veuillez d’abord vous inscrire si vous n’avez pas encore de compte.

Autres méthodes d’intégration

Si vous souhaitez intégrer des données produit sans cadres, conformément à votre CSS, utilisez ce manuel Icecat Live. Live (JS) est la variante moderne de la bonne vieille méthode d’intégration d’URL. Si vous souhaitez avoir un contrôle total sur les données, utilisez les méthodes de téléchargement XML, JSON ou CSV.

De plus, consultez la page Add-On pour les plates-formes populaires intégrant déjà les données Icecat.

Souhaitez-vous ajouter des avis sur les produits? Alors consultez notre manuel des critiques.

Les propriétaires de marques qui cherchent à transférer des données dans Icecat, veuillez consulter notre Push-API ou pour la saisie manuelle des données Icecat Free Vendor Central.

1. À propos d’Icecat – le fournisseur de catalogue ouvert

Icecat – est un catalogue unique ouvert et multilingue avec des fiches produits. Les données produits Icecat peuvent être intégrées dans les boutiques en ligne, les ERP, les systèmes d’achat, les sites de comparaison, les blogs et autres applications. Les données produits Icecat sont entièrement standardisées et permettent la catégorisation, le filtrage, la recherche et les comparaisons de produits. De plus, Icecat optimise le contenu, augmente la conversion des magasins et rend les achats en ligne plus faciles et plus amusants, en particulier lors de l’inclusion de contenu multimédia.

Notre mission mondiale: un contenu produit qui aide les acheteurs à décider, dans n’importe quelle langue, dans n’importe quel pays, sur n’importe quel support

Qu’est-ce qu’Icecat Live?

Qu’est-ce qu’Icecat Live? Icecat Live est essentiellement un service JavaScript (JS), fournissant des insertions en temps réel de données produit dans les sites Web des clients. Icecat Live permet à la fois
insertion transparente d’une fiche technique complète du produit et insertion transparente d’un contenu individuel
actifs, sans avoir besoin d’utiliser des cadres ou des iframes comme dans le service d’URL Icecat. La version Live est l’intégration facile où – dans le cas de Full Icecat – toutes les autorisations et la sécurité sont gérées côté serveur Icecat.

Les éléments de contenu pris en charge sont:

  • Identificateurs de produit
  • Titre du produit
  • Catégorie
  • Texte marketing
  • Spécifications incl. textes explicatifs
  • Images
  • Raisons d’acheter (logos de fonctionnalités et / ou textes de fonctionnalités)
  • Vidéos
  • Dépliants et manuels (PDF)
  • Visites 3D / objets à 360o
  • Avis d’experts

Les appels JavaScript (JS) permettent aux partenaires de distribution d’intégrer très facilement des informations sur les produits dans leurs sites Web avec seulement quelques lignes de code dans un modèle ou une application HTML. Une fiche technique complète et des objets individuels peuvent être appelés. Dans ce manuel, nous avons inclus les appels pour les objets individuels les plus populaires.

Veuillez noter que certaines marques d’Open Icecat telles que Philips, rendent certains éléments multimédias riches (par exemple, la vidéo) disponibles uniquement pour leurs revendeurs agréés. S’il vous plaît, contactez-nous au cas où vous voyez sur le site Web d’icecat plus d’actifs que ceux auxquels vous pouvez accéder via Icecat Live.

2. Choisir la bonne licence Icecat: Commencez avec Open Icecat gratuit

Open Icecat est un catalogue ouvert unique au monde, avec des fiches techniques produits en coopération avec de grandes marques mondiales et des partenaires de distribution. Les fiches techniques Open Icecat sont entièrement approuvées par les fabricants sponsors et sont distribuées gratuitement aux partenaires de distribution afin de réduire leurs coûts de contenu et d’améliorer l’expérience d’achat. Open Icecat contient les spécifications du produit et des informations supplémentaires dans un seul format standardisé, ce qui facilite la catégorisation, le filtrage, la recherche et la comparaison des produits.

En retour, nous demandons aux Utilisateurs d’Open Icecat gratuit d’informer leurs partenaires commerciaux (distributeurs, fabricants, détaillants) via une newsletter et / ou sur le site Internet qu’ils utilisent Open Icecat, et qu’ils demandent à leurs partenaires de s’y joindre également. que tout le contenu du produit deviendra disponible via le catalogue ouvert et gratuit. Plus les marques rejoignent, plus l’Open Icecat deviendra meilleur et plus complet.

ASTUCE: choisissez Ouvrir Icecat si vous êtes nouveau sur Icecat ou Icecat Live.

Si vous souhaitez décider d’utiliser Icecat, il peut être important d’analyser d’abord la couverture de votre portefeuille ou celui de votre fournisseur. Vous pouvez toujours nous demander de vous fournir un aperçu de la couverture actuelle du portefeuille (stock) de vos fournisseurs (par exemple, distributeurs) à un moment donné. Nous nous efforçons de couvrir au moins 90% du portefeuille d’actions (stock> 1) des distributeurs grand public et travaillons avec des partenaires pour surveiller quotidiennement cette couverture. En savoir plus sur Pourquoi passer à Full Icecat.

Si vous souhaitez analyser vous-même la couverture, vous devez vous inscrire et télécharger votre catalogue sur Icecat via le panneau de contrôle Icecat. Dans l’analyse de correspondance, vous obtenez les pourcentages de correspondance pour Full Icecat et Open Icecat, et vous pouvez obtenir une liste des produits non reconnus. Un avantage est que vous pouvez également, en option, afficher vos offres sur les comparateurs de prix Icecat (Icecat.biz a un excellent classement alexa.com).

CONSEIL: si vous téléchargez votre flux de prix, Icecat vous fournira automatiquement votre index Icecat privé au cas où vous souhaiteriez utiliser les interfaces de données d’Icecat.

Pour plus d’informations, consultez également les plans d’abonnement Icecat

Si vous souhaitez passer à Full Icecat Live, vous pouvez nous contacter via le formulaire de contact ou via le panneau de contrôle Icecat.

Accès à Icecat

Pour accéder à Open Icecat, vous aurez besoin des identifiants de connexion Icecat. Si vous ne les avez pas encore, veuillez vous inscrire en ligne pour libre pour ouvrir Icecat.

CONSEIL: pour de nombreuses solutions grand public, des interfaces standard sont disponibles, notamment Magento, Prestashop, osCommerce (et ses frères et sœurs) et Batavi.

3. Intégration d’Icecat Live JS dans votre site Web

Vous trouverez ci-dessous le diagramme de flux de données de l’intégration d’Icecat Live JS:

schéma 1

API Icecat Live JS

Icecat Live fait référence à un code de programme écrit en JavaScript (JS) qui est intégré dans une page Web, et exécuté par le navigateur du visiteur de votre site lorsqu’une page est téléchargée par le visiteur respectif, ou en réponse à un événement déclenché par vous comme un partenaire.

JS permet de créer un pont entre une boutique en ligne et le catalogue Icecat, ce qui permet d’intégrer des informations produits (descriptions, dépliants, objets multimédias) dans les boutiques en ligne des commerçants. De plus, Icecat Live utilise le Document Object Model (DOM), qui permet de mettre à jour le contenu de manière dynamique.

ASTUCE: pour voir Icecat Live en action, JavaScript doit être activé dans votre navigateur.

Intégration Open Icecat Live

Sur chaque page produit d’une marque Open Icecat, une démo d’une intégration Icecat Live peut être trouvée. Allez par exemple sur la page du produit HP Spectre Pro x360, et cliquez dans la section «Incorporer la fiche technique du produit dans votre contenu» sur le lien «Icecat LIVE: JS pour HP V1B02EA». Une nouvelle page s’ouvrira alors pour démontrer l’utilisation d’Icecat Live JS.

À titre de démonstration, nous avons également réalisé un exemple d’intégration très simple d’une fiche technique Icecat Live sur une page de blog, en utilisant un compte démo Icecat et un compte test sur Blogger.com. Il donne également un exemple de code HTML d’une page Web très simple avec le code Icecat Live JS intégré:

<html>
<head>
<script src="https://live.icecat.biz/js/live-current-2.js"></script>
</head>
<body>
<div id="IcecatLive">
</div>
<script type="text/javascript">
setTimeout(function(){IcecatLive.getDatasheet('#IcecatLive',{'UserName': 'openIcecat-live','Brand':'HP','ProductCode':'F0Y97EA'},'en');}, 200);
</script>
</body>
</html>

ASTUCE: ‘openIcecat-live’ est juste le nom d’un compte démo, qui donnera également un message «démo» dans l’en-tête. Utilisez votre propre compte utilisateur gratuit Icecat, et ce message de démonstration disparaîtra.

Suivez ces trois étapes simples pour intégrer Open Icecat Live sur votre site Web:

1) Pour intégrer la bibliothèque Icecat Live dans une page HTML:

<script type="text/javascript"
src="https://live.icecat.biz/js/live-current-2.js"></script>

NOTE: it's not necessary to put the any part of the script in the <head> part of the HTML as was done in the example above.

2) Pour insérer dans une page HTML un élément DOM spécifique par un identifiant unique:

<div id="IcecatLive"></div>

3) Pour appeler la bibliothèque Live Icecat avec vos paramètres personnels:

<script type="text/javascript">
setTimeout(function()
{
IcecatLive.getDatasheet('#IcecatLive', {
'UserName': 'userShopName',
'GTIN': '1234567891234',
'Brand': 'abcdefg',
'ProductCode': '123abcdefg',
'IcecatProductId':'123456',
}, 'en');
}, 200);

Il y a trois façons d’accéder à une fiche technique: par ‘Brand‘+’Code produit‘, par ‘GTIN‘ou par ‘IcecatProductId’.

une. Appelez par combinaison marque + code produit du fabricant. Nous essaierons de reconnaître le produit même pour une variation connue du code produit du fabricant.

Exemple:

IcecatLive.getDatasheet('#IcecatLive',{'UserName': 'demoshop',
'Brand':'Philips','ProductCode':'123456789'},'en', 200);

b. Faire un appel par code GTIN (EAN ou UPC ou JAN)
Exemple:

IcecatLive.getDatasheet('#IcecatLive',{'UserName': 'demoshop',‘GTIN’:'8478097595798729'},'en', 200);

Description des paramètres:

Valeur Explication
Nom d’utilisateur Nom d’utilisateur Icecat
Marque Le nom de marque du produit
Code produit Code produit de la marque ou numéro de pièce du fabricant, identifiant de manière unique le produit en combinaison avec le nom de la marque. Aussi appelé code de pièce du fabricant.
GTIN Le GTIN: EAN (numéro d’article européen), UPC (code produit universel) ou JAN (numéro d’article japonais)
IcecatProductId Identificateur numérique interne du produit d’Icecat. À n’utiliser que par les utilisateurs avancés qui utilisent (déjà) les fichiers d’index Icecat.
‘dans’ Un exemple (en = anglais – GB) du code à deux ou cinq caractères utilisé par Icecat pour identifier les paramètres régionaux. Il y a plus de 40 langues ou paramètres régionaux disponibles dans Icecat. Voir ici la table complète des codes de langue / locale d’Icecat.
200 Un exemple (200s) d’un paramètre de délai d’attente en secondes

Personnalisation de l’apparence et de la convivialité

Open Icecat Live est réactif de par sa conception et s’adapte à votre propre CSS. Si plus de personnalisation est nécessaire, vous pouvez personnaliser notre JS selon vos propres besoins. Pour effectuer la personnalisation, vous devez stocker icecatlive.js localement sur votre serveur, le modifier selon vos propres besoins et basculer vers votre bibliothèque personnalisée dans votre code HTML.

Veuillez noter qu’Icecat ne prend pas en charge les bibliothèques JS personnalisées par le client. Si vous les utilisez, organisez vous-même une assistance.

Appeler des objets individuels: vidéo, 3D et raisons d’acheter

Dans le cas où vous ne souhaitez pas insérer la fiche technique complète (IcecatLive.getDatasheet), mais seulement un objet spécifique, nous avons créé des appels séparés pour l’insertion d’une vidéo, une visite 3D ou des raisons d’acheter.

REMARQUE: ce sont les demandes les plus courantes pour des objets individuels. Contactez-nous pour plus d’informations sur d’autres appels d’objets individuels ou de personnalisation CSS.

La syntaxe est la suivante:

  1. IcecatLive.getVideos (outputSelector, resource_id, lang)
  2. IcecatLive.get3DTours (outputSelector, resource_id, lang)
  3. IcecatLive.getRTB (outputSelector, resource_id, lang)

getVideos, get3DTours et getRTB sont des appels distincts de vidéo, de visites 3D (vues à 360o) et de raisons d’acheter respectivement. Les paramètres que vous devez passer à ces méthodes sont complètement les mêmes que ceux déjà décrits getDatasheet appel. outputSelector est un conteneur dans lequel vous souhaitez placer le contenu d’Icecat Live; resource_id est un paramètre de requête et lang est la langue (ou locale) préférée pour la page.

Exemples d’appel pour l’objet vidéo (s).

Avec Marque + Code Pièce (voir aussi un test sur un blog):

 IcecatLive.getVideos("#videosContainer", {
 'UserName': 'openicecat-live',
 'Brand':'Philips',
 'ProductCode':'50PFL5008T/12',
 }, 'en');

Avec GTIN (EAN, UPC):

 IcecatLive.getVideos("#videosContainer", {
 'UserName': 'openicecat-live',
 'GTIN': '8712581669904',
 }, 'en');

Exemple d’appel pour un objet de visite 3D (les variantes de syntaxe sont les mêmes que pour getVideos):

 IcecatLive.get3DTours("#toursContainer", {
 'UserName': 'openicecat-live',
 'GTIN': '8712581669904',
 }, 'en');

Exemple d’appel pour un objet RTB (les variantes de syntaxe sont les mêmes que pour getVideos):

 IcecatLive.getRTB("#RTBContainer", {
 'UserName': 'openicecat-live',
 'GTIN': '8712581669904',
 }, 'en');

Les paramètres sont égaux à ceux pour obtenir une fiche technique complète.

Autres questions ou remarques?

N’hésitez pas à nous contacter en cas de questions ou de commentaires via votre gestionnaire de compte Icecat ou via le site internet: https://www.icecat.biz/fr/menu/contacts/index.html

Laisser un commentaire