Skip to main content
All CollectionsVideo WidgetsHow to install video widgets on Shopify 1.0 theme
How to install video widgets to product pages on Shopify 1.0?
How to install video widgets to product pages on Shopify 1.0?

Follow these instructions to install the shoppable video widgets on your Shopify 1.0 theme pages.

V
Written by Videowise Support
Updated over a week ago

Publishing your shoppable videos on your Shopify 1.0 theme pages is easy. Follow the steps below to learn how: πŸ‘‡
​
​

Step 1: Navigate to the Widgets section β†’ Select the widget that you want to install β†’ Install widget

Create a global video playlist

You can create a global playlist with the same videos that can be used on any page of your website
​

If you create a global playlist with the same videos across the website, you have to set up a rule for it before installing it. If you use different videos per page, simply install the widget on that specific page, no rules.

Add different videos/page

You can create a playlist with different videos for different pages.


​

Install widget

You will be guided toward two options:
​
πŸ‘‰ Install with Shopify themes
πŸ‘‰ Install with code


​


For Product Pages installation on 1.0 Shopify themes, choose the second option: Install with code
​

Step 2: Click on the Copy Code button to copy the installation code, which we call "a div".

Step 3: Go to your Shopify store. Under Online Store β†’ click Themes β†’ Actions β†’ Edit Code
​

Screenshot 2022-10-03 at 14.27.31


​Step 4: Go to Sections β†’ product-template.liquid β†’ copy-paste the div. in between the lines of code where you want the component to appear.
​
​

Screenshot 2022-09-28 at 15.43.49

Identify the template file for your product page in your Shopify theme codes. Commonly, it's product-template.liquid, but it may vary based on your theme. Other frequent files may be:

  • product.liquid

  • main-product.liquid


​

Finally, once you have found the product template file, you need to decide where on the product page you want the widget to render, then paste the code there.


​Step 5. Click on Save, and it's done!

Step 6. Mark your widget as installed in your Videowise app by clicking the appropriate button. This step is important as it helps ensure the widget is properly installed.


​​

Didn't find what you were looking for?
​

Check out the rest of our articles or talk to your CSM and support team by chat or email.
​

Did this answer your question?