How to Embed Youtube Shorts on Website

⭐️ 30% Discount: Systeme.io Startup Plan

Are you struggling to embed YouTube Shorts on your website in a way that looks great both on desktop and mobile? In this quick guide, I'll show you exactly how to make YouTube Shorts appear perfectly on your site, without unwanted framing or scaling issues.

🌟 Steps to Add Google Analytics on Systeme.io:

1. Identify the Problem: Understand the common issues with embedding YouTube Shorts, like improper scaling and framing.

2. Consult ChatGPT for Code: I asked ChatGPT for a mobile-responsive YouTube Shorts embed code.

3. Using Website Builder (e.g. Systeme.io): Since some builders like Systeme.io don’t have a native Shorts embed option, you'll need to use raw HTML.

4. Embed the Code: Copy the provided code into the raw HTML section of your website builder.

5. Adjust for Mobile: Modify the margins and padding to ensure the Shorts look great on mobile devices.

💻 See it in Action: Follow the video to see how it seamlessly integrates a YouTube Short into the website, ensuring it fits perfectly on both desktop and mobile screens.

🔗 Get the Code: Want to embed YouTube Shorts on your site just like I did? Copy the exact code I used in this tutorial below.

As a thank you for stopping by, here's a 30% discount to upgrade/start Systeme.io:

🔗 30% Discount: Systeme.io

*This post contains affiliate links. If you choose to purchase through one of our links, as an Amazon Associate, we'll earn a commission at no extra cost to you.

🖥️ The Exact Code I Used

*Remember to replace my video with yours. There's a spot where it says: "Replace 'YKTFZq-DRq4' with your YouTube video code ID"

More like this