Implementierungsleitfaden

Bringen Sie MatBrain™ in wenigen Minuten mit unserem einfachen Integrationsprozess auf Ihre Website.

Fügen Sie diesen Code zu Ihrer Website hinzu, um das MatBrain™-Widget einzubetten:

<!– 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: „en“,
debug: false
});
};
document.head.appendChild(script);
})();
</script>

Sie müssen Ihre eigene CSV-Datei in das Widget hochladen.

CSV-Dateistruktur

Ihre CSV-Datei sollte für eine optimale Kompatibilität diesem Format folgen. Bitte behalten Sie die SKUs bei, da diese als Referenz für unser System dienen, um die Ergebnisse zu bestimmen. Die anderen Spalten können geändert werden.

SKU,Name,Url,Bild

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

Sie können unsere Beispieldatei hier herunterladen (Rechtsklick und Link speichern unter).

Eine detaillierte Schritt-für-Schritt-Anleitung zum Hinzufügen des MatBrain™ Embed zu Ihrer Website finden Sie unter dem folgenden Link.
Schritt-für-Schritt-Anleitung

Beispielimplementierung