Guide de Mise en Œuvre

Faites fonctionner MatBrain™ sur votre site web en quelques minutes grâce à notre processus d’intégration simple.

Ajoutez ce code à votre site web pour intégrer le widget MatBrain™ :

<!– MatBrain Widget Container –>
<div id= »matbrain-widget »></div>
<!– MatBrain Widget Script –><script>
(function() {
var script = document.createElement(« script »);
script.src = « https://www.coba.com/tools/matbrain/matbrain-widget.js »;
script.onload = function() {
MatBrainWidget.init({
container: « #matbrain-widget »,
domain: window.location.origin,
// Path to CSV file containing SKU, URL, and Image mappings
csvPath: ‘https://www.coba.com/tools/matbrain/dummy-data.csv’,
// Additional configuration options
theme: « default »,
language: « fr »,
debug: false
});
};
document.head.appendChild(script);
})();
</script>

Vous devrez ajouter votre propre fichier CSV au widget.

Structure du Fichier CSV

Votre fichier CSV doit suivre ce format pour une compatibilité optimale. Veuillez conserver les SKU, car ils servent de référence à notre système pour déterminer les résultats. Les autres colonnes peuvent changer.

SKU,Nom,Url,Image

GF01,Coba Europe Aluminium Non Slip Stair Tread,https://example.com/product1, https://example.com/images/gf01-stair-tread.jpg
SS07,Coba Europe Open Fatigue Step Floor Matting,https://example.com/product2,https://example.com/images/ss07-fatigue-step.jpg

Vous pouvez télécharger notre fichier d’exemple ici (Clic droit et Enregistrer le lien sous).

 

Pour obtenir un guide détaillé étape par étape sur l’ajout de MatBrain™ Embed à votre site, cliquez sur le lien ci-dessous.
Guide étape par étape

Example Implementation