General #
Clerk.io’s Recommendations can be installed on any page of the webshop, to help customers find the right products.
With the Setup Guide, you can see which pages to install recommendations on, and which types to use, to get our Best Practice running.
From the main menu start by clicking on Getting Started:
1. Create a Standard Design #
The first thing you need to do, is create a Standard Design for your sliders.
You can use the Setup Guide under Recommendations - Create a design for your recommendations sliders - to quickly create a Design that has the same color scheme and style as your webshop.
Click Publish when you are happy with the styling.
You can easily change this later, under Recommendations - Designs, then click the edit button.
2. Selecting Which Recommendations To Use #
Next, each step of the Setup Guide focuses on a specific page of the webshop.
and contains information about
Why recommendations are important on the page.
Which recommendations types to use.
Where on the page they should be placed.
Click for each type of recommendations you want to use and follow the steps.
Please bare in mind: by only clicking on each block of Recommendations they will turn green as if they were installed - they are not - you still need to click and follow the steps.
3. Inserting Recommendations #
After choosing which recommendations to use for a page, you can add them to your webshop.
3.1 Inserting only with Embedcodes #
These pages only allow an integration with embedcode:
- Add recommendations to your product page
- Add recommendations to your cart page - Show most popular products in your category pages
- Add recommendations to your home page
- Add content recommendations to your blog or news
For each type of recommendations, simply copy the embedcode and insert them to the file that generates the relevant page in your webshop.
Click on each type of Recommendations and follow the steps.
Here is an example of how to Add recommendations to your product page:
Click on DONE
Some embed codes require need variables like product- or category-IDs. In these cases, simply choose Prestashop from the Choose Platform dropdown, before copying the embedcode.
3.2 Inserting only with Extension #
These pages only allow an integration though the Extension:
- Show add-to-basket recommendations
- Add exit-intent recommendations
Click on each one and follow the steps.
Here is an example of how to Show add-to-basket recommendations:
Click on DONE
You can easily change your content later, under Recommendations - Content in the left menu.
Change Content
After enabling the features, you will be able to see Clerk.io’s RECOMMENDATIONS function on your webshop.
Inserting with a Page Builder #
If your Prestashop page uses Ap BageBuilder to insert content on the home page, Clerk recommendations on the home page must be inserted through this plugin.
Simply go to Ap PageBuilder in the menu to the left in your Prestashop backend and click Ap Profiles Manage:
You will then be sent to an editor of the home page. Click Edit on the element in which you want to insert Clerk recommendations. Insert the embed code of the Clerk recommendation you wish to insert by using a RawHTML container:
Press Save. You’re Clerk elements should now load on the front page (you might have to clear your cache first though).
Exit Intent #
The Exit Intent popup reacts when a visitor tries to leave your webshop. It pops up and displays interesting products, possibly converting a leaving visitor to a buying customer.
Setup with Module #
From v4.0.1 of the Prestashop Module, Exit-Intent can be activated directly from the module.
Make a new of Website Content in my.clerk.io and name it “Exit Intent”
Choose a logic for it - We suggest “Visitor Recommendations”.
In the Prestashop backend, go to Modules and Services in the side-menu and find the Clerk module.
Locate Exit Intent Settings. Set Enabled to YES, and make sure that the Template field contains “exit-intent”.
Click Save to activate it.
Now you will see the exit intent pop-up when anyone tries to leave the page.
Setup Manually #
If you run an older version of the plugin, or want to manually configure Exit-Intent, follow these steps:
Make a new of Website Content in my.clerk.io
Choose a logic for it - We suggest “Visitor Recommendations”.
From Insert Into Website, copy the provided embedcode to this Prestashop file, in FTP:
modules->clerk->views->templates->hook->visitor_tracking.tpl
Add: data-exit-intent=“true” to the embed code you just placed. Like so:
Example embed code
<span class="clerk"
data-template="@exit-intent"
data-exit-intent="true">
</span>
Inserted in visitor_tracking.tpl
Now you will see the exit intent pop-up when anyone tries to leave the page.
Remember to style your content in Designs at my.clerk.io
All recommendations containing the data-exit-intent=“true” will trigger the exit intent pop up.
Add-to-basket step #
1. Activating the Add-To-Basket step #
If you haven’t already, create the Content in my.clerk.io that you want to use in your Add-To-Basket Step (Power Step).
In the Prestashop backend, go to Modules And Services -> Clerk -> Configure.
Under Powerstep Settings, insert the IDs of the Contents you want to use, in the Templates field
Set Enabled to Yes.
Click Save.
You can find the ID’S of each Content blocks you have created in your Clerk backend( my,clerk.io), under Recommendations -> Content -> Edit (the number of Content varies between 1 to 4 for the Add-To-Basket step):
Here is an example of how to find the Content ’s ID:
2. Deactivating Prestashops default Ajax Cart #
To allow the Add-To-Basket step to be shown, you need to deactivate the default Prestashop Ajax like this:
In the Prestashop backend, go to Modules And Services.
Find Cart Block and click Configure.
Set Ajax cart to No.
Click Save.
