Implementation Guide

Get MatBrain™ running on your website in minutes with our simple integration process.

Add this code to your website to embed the MatBrain™ widget:

<!– 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>

You will need to add your own CSV to the widget.

CSV File Structure

Your CSV file should follow this format for optimal compatibility. Please keep the SKUs, as this is a reference for our system to determine the results. The other columns can change.

SKU,Name,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

You can download our sample file here (Right Click and Save Link As).

For an in-depth step-by-step guide to adding the MatBrain Embed to your site, click the link below.
Step-By-Step Guide

Example Implementation