This is our official Shopify plugin to fetch data from your store. This plugin takes care of all setup needed to get data flowing from your store to engage. This includes batch data ingestion as well as advanced javascript tracking.
In order to display product recommendations on the store front, a small code snippet needs to be placed in the theme code of the store. The code snippet is displayed when you click deploy on the recommendation block.
Deploy a recommendation block
Copy the code snippet
Retrieve the code snippet
Insert the code into your template at the position you would like the recommendations to be displayed. Go to Online Store -> Themes
Then click Actions and Edit code
Open the code editor of the theme
Select the templateyou would like to update
Open the template file you would like to update
Add the code snippet at the positionwhere you would like it to be displayed.
Example of placing the recommendation block on the top of the page
Click previewto make sure that everything looks good before saving. ThenSave.
Preview and save your block
Events
The following events are defined out-of-the-box for you when you activate the Shopify plugin.
Events
Order Completed
Page Viewed
Product Viewed
Extended events
In addition to the standard events you may extend the tracking with below events (these events are automatically tracked when adding the performance version below):
Additional events
User
Added To Cart
Removed From Cart
Cart Viewed
Product Seen
Products Searched
Custom events
You may track additional or custom events in your store by adding the corresponding zlt.track(); javascript function on your website.
1
/* Example of a custom event */
2
zlt.track('My Custom Event',{
3
param_one:'Some value',
4
param_two:123
5
});
Copied!
Performance version
The Shopify product recommendations load times can be improved with two simple steps:
1.
Create a liquid file called zubi-script-app.liquid in to the snippets section in Shopify
2.
Copy the below script into the newly created zubi-script-app.liquid file.
3.
On the first line of the body element in theme.liquid add: {% render 'zubi-script-app' %}
Liquid file
The liquid file is available inside the Shopify plugin.