Youtube Video Card builder

Easily configure product YouTube videos, custom pill titles, and display settings into a single custom.youtube_videos metafield.

🎛️ Studio Hub ← Back to Store
📥
Import Existing Metafield JSON Paste any JSON string or upload a .json file to load videos and settings directly into the builder

1. Select a Product from Catalog

Click any product to automatically import its existing YouTube videos, or configure new videos for it.

Currently Editing: (Select a Product)
⚙️

Section-Level Settings

Controls display under this product
Show Video Label Pills Master toggle to show or hide all glass title pills above videos.

Product Videos List

0 Videos
Add up to 8 videos. Each video can have its own custom title pill and toggle.

Live Pills Preview

Active
Add videos to preview pill tags...
Primary Video Player Preview
Enter a valid YouTube URL to test player

Single Big Metafield (JSON)

Namespace & Key: custom.youtube_videos
Target: (Select a product) 


          
          

            

              
              Paste raw string
            

            
            
          

        


        
        

          

            📖 How to Include Inside Your Products
          

          
    
            
  1. Create Metafield Definition (One-time only): In Shopify Admin, go to Settings > Custom data > Products > Add definition.
              
    
                Name: YouTube Videos
    
                Namespace & key: custom.youtube_videos
    
                Type: JSON (or Multi-line text)
              
    
            
    2. 
            
  2. Configure Videos in this Builder: Select your product, adjust titles, and toggle pills.
    3. 
            
  3. Save Directly or Copy: Click "🚀 Save Directly to Shopify" for instant 1-click update, or click "Copy JSON" and paste in Shopify Admin.
    4.