LogoLogo
HomeBlogDocsGuides
  • Data Capturing
    • Improve quality of tracking data
    • Server side vs. Client side Tracking
  • Tracking
    • Shopify
      • Add zubi liquid
      • App Embeds
  • Marketing Automation
    • Setup marketing automation
    • Pixels, Tags & Trackers
      • Bundle advertising pixels
      • Integrate Google Analytics 4
      • Send Pixel data to Facebook
    • Attribution
      • Traffic attribution in GA4
      • Improved conversion tracking
    • Audiences
      • Setup dynamic audiences
    • Facebook dynamic product ads
    • Personalized landing pages
    • Remarketing
      • Remarketing with Facebook
      • Remarketing with Google Ads
  • Product Recommendations
    • Setup Recommendations
      • Blocks
      • Design
      • Advanced settings
      • Deploy
        • Javascript
        • Shopify
          • Liquid file
        • Prestashop
          • Positions
        • WooCommerce
          • Use shortcodes
            • Pagebuilder
            • Widget
            • WP Bakery
    • Handle Cache
      • Litespeed Cache
      • Prestashop
      • W3 Total Cache
      • WP Fastest Cache
      • WP Rocket
    • How-to Guides
      • WooCommerce
        • Hide Related Products & Upsell
        • Fix common layout issues
      • Slider fixes
    • Troubleshooting
Powered by GitBook
On this page
  1. Product Recommendations
  2. Setup Recommendations
  3. Deploy
  4. Shopify

Liquid file

PreviousShopifyNextPrestashop

Last updated 2 years ago

To deploy the recommendations directly into the liquid files, the following steps needs to be performed.

Start by heading into engage and fetch the code snippet generated from previous steps when creating the recommendation block. The code snippet is displayed when pressing the deploy button.

Copy the snippet designed for Shopify and head back to the admin panel of Shopify.

<div class="zlt" data-id="[ADD YOUR BLOCK ID]" 
data-key="[ADD YOUR TRACKER KEY]" 
data-mslide="0"></div>

Go to Online Store -> Themes -> Edit Code

Within the section folder, identify the liquid related to the page where the recommendations should be placed. In below example the recommendations are placed on the product page.

Identify the position where the recommendations should be placed, if uncertain, start by adding the code snippet on the bottom of the liquid file.

Save your changes and check the live site to make sure that the result is as expected.

Please note, it might take up to 24h before the recommendation engine has been fully trained. The time it takes is relegated to the amount of data to be processed.