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

Follow these instructions to install the shoppable video widgets on your Shopify 2.0 product pages.

V
Written by Videowise Support
Updated over a week ago

Publishing your shoppable videos on your Shopify product pages has never been easier. Follow the instructions 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 video component with Shopify Themes
πŸ‘‰ install video component with code


​

For Product Pages installation on 2.0 Shopify themes, choose Shopify themes.
​
​
​Step 2: Go to your Shopify store. Under Online Store β†’ click Themes β†’ Customize
​

Screenshot 2024-01-15 at 00.31.42


​

Step 3: In the App embeds tab enable the Videowise app extension.

Screenshot 2024-01-15 at 00.32.46


​
​
​Step 4: Go back to the Sections tab and select the page from the Search Bar
​
​

Screenshot 2024-01-15 at 00.34.02


​
​

Step 5: Click Add Section (to add a new section to the page) on the left menu, or Add Block (to add a block in an already existing section).
​
​

Screenshot 2022-10-04 at 12.11.04-1


​

Step 6: In the search tab, type Videowise, and select Videowise Videos from the apps.
​
​

Screenshot 2024-01-15 at 00.35.26


​
​
​Step 7: A Videowise Embed section has popped up βž” Go back to the Videowise app βž” Copy the code from the Installation tutorial page ( Step 2) βž” Paste it here.
​
​

Screenshot 2024-01-15 at 00.37.47


​Step 8: Click Save when you are ready.
​

Screenshot 2024-01-15 at 00.38.36

πŸ’‘ To reposition the video widget, go to the left menu βž” Click the six dots icon next to Videowise Videos block or section βž” Drag it to the desired display location.
​
​

Screenshot 2024-01-15 at 00.40.00


​

Step 9: 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?