...
...
...
...
...
...
...
...
...
...
...
...
...
How to Show Recommendation Widgets on your Website
To get the javascript code for your specific widget;
...
visit Personalize > Widgets
...
. You should see the list of widgets as shown below
...
:
...
Click on Edit
...
next to the Widget Name
...
that you would like to get the code for. You will see a screen similar to the one shown below. The template code is on the bottom part of the screen. Just copy the code and paste it to the specific page.
Warning |
---|
...
Do not forget that a widget only returns a recommended product array and you need to implement it according to your |
...
requirements in order to display |
...
relevant recommendations on your |
...
website. |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<script>
var vl = new Visilabs();
vl.AddParameter("json",true);
vl.Suggest(1,null,null,TopSellers);
function TopSellers(dataArr){
if (dataArr.length>0){
$.each(dataArr,function(index,element){
$("#content").append("<div><a href='"+element.dest_url+"'>
<img src='"+element.img+"'></a>"+
"<p>Title: "+element.title+"</p>+
"<p>Org.Fiyat"+element.price+"</p>"+
"<p>Disc.Fiyat"+element.dprice+"</p></div>");
});
}
</script |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
"title": "Product Name",
"img": "Product Image URL",
"code": "Product Code",
"target": "_self",
"dest_url": "www.website.com/prodpage?OM.zn=widget_adi&OM.zpc=productcode",
"brand": "product brands",
"price": 18.5000, // original price of product
"dprice": 9.0000, // discounted price of product
"cur": "USD", // original price currency
"rating": 0, // customer rating of product
"comment": 0, // number of comments by customers
"freeshipping": false, //
"samedayshipping": false,
"attr1": "", // product attribute (can be anything like color,size)
"attr2": "",
"attr3": "",
"attr4": "",
"attr5": "" |
Filtering Recommendation Widgets
You can add filter for the recommendation widgets.
Panel | ||
---|---|---|
| ||
Name, Category, ProductName, Brand, Color, Material, Gender, AgeGroup, Attribute1, Attribute2, Attribute3, Attribute4, Attribute5, FreeShipping ( “true” veya “false” ), ShippingOnSameDay (“true” veya “false”) |
Code Block | ||
---|---|---|
| ||
new VL_OfferFilter("Name",VLOfferFilterType.Include,"Value"); |
- Value: These values are comes from the product file. The filtering value must be the same as the value sent in the product file.
- Type: Takes VLOfferFilter.Include & VLOfferFilter.Exclude as filter type. Determines whether products should be imported according to the given value.
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<script>
var arrFilter = [];
var filterColor = new VL_OfferFilter("COLOR", VL_OfferFilterType.Include, "Mavi");
var filterBrand = new VL_OfferFilter("BRAND", VL_OfferFilterType.Include, "Nike");
arrFilter.push(filterColor);
arrFilter.push(filterBrand);
var vl = new Visilabs();
vl.AddParameter("json",true);
vl.Suggest(ZoneID,null,ViewedProductCode,callBack,null,arrFilter);
</script> |
Parent Topic: Getting Data