Experiment: Building a floating video popup with Shopify metafields
Hey everyone 
I’ve been experimenting with a small feature recently and thought I’d share it here.
The idea: a floating video popup for product pages, so customers can always see the product video while browsing.
Why I built this
-
Many stores already have installation videos, try-on demos, or shopping guide clips.
-
But these videos often get buried on the product page — once customers scroll down, they miss the content.
-
I wanted to see if keeping the video visible (in a small draggable popup) could help improve engagement and add-to-cart conversions.
How I approached it
-
Used Shopify metafields to allow each product to define its own video.
-
Front-end: added drag-to-move + fullscreen support.
-
Smooth animations to make it feel natural.
-
Currently supports MP4 uploads. Planning to add YouTube & Vimeo support later.
Current result
It’s still an early prototype, but it works:
-
Video floats at the corner of the page
-
Customers can drag it around
-
Clicking expands it to fullscreen
-
Each product can have its own video
Open question
I’m curious how others approach product videos:
-
Do you prefer uploading MP4s directly, or embedding YouTube/Vimeo links?
-
What kind of videos (tutorial, try-on, promo) do you think work best as floating popups?
I’ll keep iterating on this idea and happy to share more details if anyone’s interested. 