Sensefuel provides real time hyper personalized recommendations that can be deployed easily thanks to its Java Script tag and by a copy-paste of snippets in any web context of your e-commerce website (home page, Product Detail Page, Cart, special pages, etc.)
Prerequisite:
Our Java Script tag must be deployed on your website (for more information about our tags deployment, please refer to our guidelines available directly in our back office in the TAG section or in our helpdesk).
If your website has a Content Security Policy implemented (https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy), make sure Sensefuel domains are allowed:
- *.search.sensefuel.live
- *.sensefuel.live
Java Script tag & Snippets
When using our products Search & Recommend, our Java Script tag has 4 purposes on your website:
- Display Sensefuel’s search layer when users click in your search box
- Learn from user's behaviors
- Capture and propagate metrics into the business performance dashboards accessible in our platform
- Display recommendations in the snippets you have deployed on your website
A snippet is piece of code composed of a “div” with a class named “sf-recommendation-snippet” and a data attribute containing the slot id.
You insert the snippet in the HTML DOM of your website and it will act as an “anchor” so our Java Script tag can push personalized recommendations in that area.
Each snippet is linked to a slot that your business team has configured in Sensefuel’s back office.
Note that you can manage several web or application contexts in our back office in order to differentiate slots and configurations for each of them.
Slots & Snippets
Each slot is associated with a type of page.
To obtain the snippets of your slots, simply connect to our back office, access to the Recommend section, and click the button </> of your slot.
You can also collect all the snippets by clicking “Get all snippets”.
A slot can have one or several configurations that your business team has set up in our back office. For more information about these configurations, algorithms available, constraints, targeting, please refer to the corresponding section in our helpdesk.
Dos & Don’ts
Dos
- Insert the snippet within a main container (a div for instance) of your website to inherit from the style of it and align with the width of the website content.
Don’ts
- Do not add any extra CSS styling on the snippet to avoid conflicts with the display of recommended products generated by our JavaScript tag in the snippet
- Do not add any other attribute or any content in the snippet div element
- Do not use the same snippet several times on the same type of page