The cross selling section is a module to manage cross selling with Inbenta.
The first thing to do is configure the cross selling in backstage, for this example we configure a cross selling with id = 1 and the attribute 'img'.
Once we have the cross selling configured in backstage we can call the method of the client to retrieve the cross selling.
In this example we use the SDK, no directly the client. If we use the client we need to generate a session to track the information. generateSession method.
// We should call a client method when sdk is ready.
sdk.untilReady().then(function(){
sdk.client.getCrossSellingById(1).then(function(response){
manageCrossSelling(response.data.results);
});
});When we have the cross sellings endpoint results, we will print them in the crossSelling div and add the click event to track click in each cross selling.
// HTML for cross selling
<div id="crossSelling"></div>// Function to manage cross selling
function manageCrossSelling(results){
var crossSellings = document.getElementById("crossSelling");
results.forEach(function(result) {
// Create img
var element = document.createElement("img");
element.className = "cross-selling__"+result.name;
element.src = result.attributes.img;
// Manage click
element.onclick = function (e){
var code = result.tracking.clickCode;
sdk.client.track('click', {code: code});
}
// Append to crossSelling div
crossSellings.appendChild(element);
});
}