🎯 Overview

You may want to embed a YouTube video on a product page. for example, to showcase how a product works or offer additional guidance. While there is a 'Video Embed Code' field in the 'Info' tab for the product, it’s part of an older setup and may not behave as expected in modern storefronts.

This guide outlines why the standard embed field may not work, and how to correctly embed a YouTube video using supported methods.

❌ Why the “Video Embed Code” Field Doesn’t Work

While the field exists under Product > Info Tab > Video Embed Code,it

is part of a legacy configuration and may not be rendered on the product page, especially in modern themes like Arone. 

Example:

A valid YouTube embed code like the one below:

<iframe width="560" height="315" src="https://www.youtube.com/embed/pxn0wL_uSm4?si=Z0hH5308xiAfCPVc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> 

...was tested but did not display on the live product page, even though it appeared correctly in the admin panel.

✅ Recommended Workarounds

Instead of using the outdated field, use one of these modern and supported options to embed your video:

🔹 Option 1: Embed Video for a Single Product

If the video is specific to a product:

1. In the Product Description

• Go to Product Management > Edit Product
• Use the “Additional Description” Field
• Paste the YouTube iframe embed code here.

⚠️ Note: This will place the video near the bottom of the page (typically above or below the Related Products section).

2. Use Layout Manager for Better Placement (Recommended)

• Paste the embed code into an unsued HTML Content Block (in the editable content)
• Add the HTML Content Block to the product using the Layout Manager
• Position it exactly where you want

🔹 Option 2: Embed a Global Video for All Products

This block appears under the banner on the landing page, ideal for a global message.

1. Go to Editable Content

2. Open  “Product Landing Page Global Content”

3. Paste the iframe embed code into the content editor

4. Save and check your product pages to confirm visibility

📌 Final Tips

• Don’t rely on the 'Video Embed Code' field, it may not work with your storefront’s theme.

• For best control over layout and visibility, use a Content Template in a HTML Content Block.

• You can customise styling, spacing, and position using HTML and Layout Manager tool.

🔗 Helpful Links

• Layout Manager Overview

• Infigo Academy Home

💬 Still Need Help?

If you'd like help setting this up or adjusting the layout, reach out to Infigo Support