Skip to main content

How to install Syncle in Shopify (step-by-step)

I
Written by Inka Turunen
Updated over 3 weeks ago

Syncle easily integrates using Shopify’s native tools. Installation of Syncle only requires a slight modification to the theme.

💡We highly recommend placing your Syncle script on all pages of your online store. This will allow you to easily manage content for PDPs and non-PDPs alike. The script will not affect pages that are not configured for the widget.

Step-by-step guide

  • Open your themes

  • Click on 'Actions' -> 'Edit code' to access the raw code of template files

You'll see a folder titled ''Snippets''. Create a new snippet, which will be responsible for loading the Syncle widget:

  • Click 'Add a new snippet'

  • Name your snippet '' syncle_loader '' and

  • Insert your store's unique Syncle tag (JavaScript-code) into the snippet's body

  • Save changes!

The snippet should now be on your shop's template.

  • Navigate to 'Layout': For most themes, the template is called theme.liquid and should already be among your assets under ''Layout''

  • In order to include the snippet, insert a tag at the bottom of the template - right above the closing </body> tag by typing the following line:

{% render 'syncle_loader' %}
  • Save changes.


Done! 👏 The widget should appear on product pages right away!

Did this answer your question?