In this article, you may learn the way to use the Shoppable Videos by VideoWise element in PageFly.
In order to use this element, you have to install the Shoppable Videos by VideoWise app from Shopify Store and go back PageFly to use the element.
Install Shoppable Videos by VideoWise
About VideoWise – Shoppable videos element
VideoWise helps Shopify and Shopify Plus merchants engage with shoppers and boost sales with the subsequent level Shopify video app.
Before using this element, you have to install the VideoWise app to your store and configure all options within the app and return to PageFly to use the element(s) on all of your PageFly pages.
Access the Shoppable videos element in PageFly
In your PageFly editor, head to Add third party elements in the left toolbar > Search for Shoppable videos by VideoWise element in Product Information section > Drag and drop the element into anywhere you want in your editor.
After dragging the element onto the editor page, you need to paste the code embedded in your PageFly editor.
VideoWise Configuration
Step 1: Set up Shoppable Videos by VideoWise element by your Shopify Account.
Go to your Shopify Admin > Apps > Choose VideoWise to set it up.
Step 2: Set up Shoppable videos by VideoWise for your store
This is the Dashboard of VideoWise.
To start configuring for your shoppable videos, in the Dashboard of VideoWise, head to My videos.
Then, click in Upload video to choose the video.
After completing to upload your videos, if you want to use the video for your Product pages, head to Products in the dashboard of VideoWise.
In this Products selection, there’ll be a list of your current products. Click to decide on products that you just want to upload videos on those product pages.
In Off-site video, you can add video for a specific product page or other pages. You can simply add Youtube, Instagram, TikTok and Uploaded video for each product here.
Next, hit Publish to make the video visible in your pages.
Or, if you want to upload videos for your regular pages, in the dashboard of VideoWise, choose Other Pages. However, with PageFly pages, you’ve got to publish the page first to get the page URL.
Then, in this Other Pages section > choose Add new page and copy that page URL.
After choosing the page, click on the page name > you can choose to Re-use a product page widget or Create a new widget for this page.
With Re-use a product page widget option
You need to select one of the widget you have created for the Product page. After that, hit Finish to complete the progress.
Then, click the Installation button here to copy the embedded code which is needed to add in the PageFly editor.
With Create new video widget option
You need to select one source of video from these options: Uploaded video, TikTok Video, Instagram and Youtube video. Then choose the embedded video type.
After adjusting the setting of the widget, hit Continue to finish the progress.
Then, click on Installation button > Copy Embed code
Note:
All widget needs to be published in the VideoWise app before using on PageFly pages.
Styling Configuration
You can customize the styling of the Shoppable Videos by VideoWise element in the Styling tab.
You can check more information about the Styling tab here.
Lastly, hit Save & Publish your PageFly page to see the video on live page. And done!
Please NOTE that, one embed code is only used for once. You cannot use the same code to display a video twice.
Let’s check this article out to learn some tips when building your store with PageFly!