Videoly automates the whole process of finding, curating, and embedding high-quality product videos into your Run Free Project eCommerce store.
This article provides a brief overview of Videoly and step-by-step instructions to connect it to your store if you decide to subscribe to their service.
What does the Run Free/Videoly Integration Do?
Once you connect your Videoly account to your Run Free Project account, you will see product videos appear on most of your product pages automatically. These are being served to the Run Free platform by Videoly. Videoly's platform also allows you to upload your own videos and present them on your product pages in the same area. The screenshot below illustrates how Videoly's content appears on product pages after the integration is set up:
Videoly is a paid service. Like most online platforms, they bill you monthly to access their system and use their videos.
To learn more about how it all works, take a look at this webinar conducted with Videoly:
Note: You have the ability to embed video into your product pages at no cost and without external plugins as well. If that's more your style, take a look at this article which gives you instructions on how to accomplish that.
Find Your Videoly Shop ID
Before you can connect Videoly to Run Free, you'll need to purchase the service from Videoly. Get in touch with them here.
Once you set up an account with Videoly, you'll need to get your "Shop ID" so you can plug it into the Run Free platform. At some stage, you will receive an email from them with an embed script that looks like the text below:
<script>
(function(d, e, n){
e = d.createElement('script');
e.type = 'text/javascript';
e.async = true;
e.src = 'https://api.videoly.co/1/quchbox/0/****/quch.js';
n = d.getElementsByTagName('script')[0];
n.parentNode.insertBefore(e, n);
})(document);
</script>
On the 6th line of code in the example above, you'll see a URL:
e.src = 'https://api.videoly.co/1/quchbox/0/****/quch.js';
In your copy of the URL sent by Videoly you will see a number (typically four digits) in place of the **** you see in the example above. That number represents what Videoly calls your "Shop ID". Write it down, copy it, do whatever you need to do to have it on-hand for the next step.
How to Set Up the Videoly Integration in Run Free
Once you find that number, log into the admin dashboard of the Run Free Project platform (by navigating to your ecommerce store). Once logged in, click Settings in the upper right corner, then choose Integrations as shown in the image below:
On the Integrations page, find the Videoly tab on the left side of the screen and click to open up its integration configuration window.
Toggle Videoly to On.
Once toggled on, you should see the information in the screenshot below:
Type the number from the aforementioned script sent to you by Videoly into the text box labeled Token, then click Save.
That's it! Videoly is integrated and will begin serving up videos to your users.
If you don't see the change on the customer-side of your store immediately, you may need to clear your browser's cache and reload the page. Not sure how to do that? Take a look at this video for instructions.