How to install Videoly in Shopify: a step-by-step guide
If your shop is using Shopify as a platform, it’s easy to integrate Videoly using Shopify’s native tools.
Installation of Videoly only requires a slight modification to the theme.
You can continue reading the step-by-step guide below, or watch the video guide here
Step-by-step guide
When you open a list of themes, click on Actions -> Edit code, to access the raw code of template files.
You will see a folder titled Snippets.
Create a new snippet, which will be responsible for loading the Videoly widget
Click 'Add a new snippet', name it videoly_loader and insert to the content of the snippet's body the JavaScript-code = Videoly tag which you received from the Videoly team (please see example depicted below)
Don't forget to Save changes
The snippet should find its way to the product page template.
To do this, select Templates.
- For most themes, the template is called product.liquid and should already be among your templates
In order to include the snippet, insert a tag at the bottom of the template by typing in the following line:
{% render 'videoly_loader' %}
- Don't forget to Save changes.
Done! The Videoly widget should appear on product pages right away!
If you need any further instructions, please don't hesitate to contact support@videoly.co.