Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed YouTube feed on your Canvas LMS website for FREE?

Showcase your YouTube feed on your website to feature your latest videos, grow your subscriber base, and keep visitors engaged with dynamic visual content.

Free forever plan No credit card Cancel any time
How to embed YouTube feed on your Canvas LMS website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 11, 2026 5 min read Ask ChatGPT
Quick answer

Your YouTube feed on Canvas LMS website — live in 3 steps

SociableKIT syncs your youtube feed automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick YouTube feed in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Canvas LMS website. No dev team needed.

  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed YouTube feed with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Canvas LMS website. Screenshots included so you never get stuck.

Complete guide

Follow our complete guide below to embed YouTube feed on Canvas LMS website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your YouTube feed widget

The first part is creating your YouTube feed widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed YouTube feed on your Canvas LMS website for FREE?
  2. Select your YouTube feed type on the dropdown. SociableKIT offers several YouTube feed widgets. You might need to search it using the highlighted area below. Once found, you can then select it. Here are the different types of YouTube feed that you can add to your Canvas LMS website : Select "YouTube feed" on the dropdown - How to embed YouTube feed on your Canvas LMS website for FREE?
  3. Enter your YouTube feed ID or username. Copy your YouTube feed URL and paste it in the username box. Our system will automatically identify your YouTube feed ID or username.
  4. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed YouTube feed on your Canvas LMS website for FREE?
  5. Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed YouTube feed on your Canvas LMS website for FREE?
  6. Paste the embed code and save your Canvas LMS website page. Please follow the second part below to add YouTube feed widget to your Canvas LMS website .

Add YouTube feed widget to your Canvas LMS website

The second part is adding your YouTube feed widget to your Canvas LMS website . After you customize your YouTube feed widget and copied the embed code, it is time to add it to your Canvas LMS website . Follow the steps below.

  1. Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
  2. Login to Canvas . If you don't have an account, you can register here at this link.
  3. In your Account tab, click ePortfolios.
  4. Click on 'Create an ePortfolio' button.
  5. Create your ePortfolio Name and Make it Public, then click on 'Make ePortfolio' button as shown on the image.
  6. Click on 'Go to the Actual ePortfolio' text link.
  7. Click on 'Edit This Page' button.
  8. Under the Add Content section, click on 'HTML/Embedded Content'.
  9. Paste your SociableKIT iFrame code (Note: JavaScript doesn't work on Canvas LMS).
  10. Copy and paste the ePortfolio link in your browser to view.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed YouTube feed on your Canvas LMS site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Canvas . If you don't have an account, you can register here at this link.
  4. In your Account tab, click ePortfolios.
  5. Click on 'Create an ePortfolio' button.
  6. Create your ePortfolio Name and Make it Public, then click on 'Make ePortfolio' button as shown on the image.
  7. Click on 'Go to the Actual ePortfolio' text link.
  8. Click on 'Edit This Page' button.
  9. Under the Add Content section, click on 'HTML/Embedded Content'.
  10. Paste your SociableKIT iFrame code (Note: JavaScript doesn't work on Canvas LMS).
  11. Copy and paste the ePortfolio link in your browser to view.
Full Canvas LMS tutorial →

To embed YouTube feed on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed YouTube feed on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed YouTube feed on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed YouTube feed on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed YouTube feed on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed YouTube feed on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed YouTube feed on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your YouTube feed widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a YouTube Channel template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Canvas LMS website.

Widget previewGrid
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding YouTube feed on your Canvas LMS website.

What is the SociableKIT YouTube feed widget?

It’s a simple tool that gathers your latest YouTube videos, playlists and Shorts and displays them on your website so visitors don’t have to leave your site. It automatically updates to show your newest content and presents it in a clean gallery format. You can choose which videos to highlight and give visitors a seamless viewing experience without any coding knowledge.

How do I connect and embed my YouTube feed on my website?

Just create your widget, connect your YouTube channel or playlist with a few clicks, customize the design, then copy and paste the provided embed code into your website. There’s no installation or plugin needed – your feed appears instantly wherever you place the code. It takes minutes, not hours.

Do I need a YouTube API key or developer access to use it?

No. The widget uses the official YouTube API behind the scenes, so you don’t have to register a developer account or manage tokens. Simply connect your channel and we handle the technical details while you focus on your videos.

Does the widget update automatically when I post new videos?

Yes. Once your feed is set up, it automatically refreshes whenever you upload a new video. Your website stays in sync with your channel without any manual updates, keeping content fresh and engaging.

Can I moderate which videos appear on my website?

Absolutely. You control which videos or playlists show up by filtering out irrelevant or off‑brand clips. Whether you want to feature only certain uploads or hide specific content, moderation tools give you full control.

Can I display content from multiple YouTube channels, playlists or keywords?

Yes. You can mix feeds from different channels, playlists or keywords into a single display or organize them in separate tabs. This flexibility lets you showcase all of your video content in one place without confusing visitors.

Is the widget mobile‑friendly and responsive?

The feed adapts perfectly to any screen size—from desktop monitors to smartphones. Your videos look great and play smoothly on mobile devices, ensuring a consistent user experience everywhere.

Can I customize the layout and design of my YouTube feed?

Yes. Choose from various layouts like grid, list or slider and adjust colors, fonts and spacing to match your brand. You can even shorten text or modify date formats to keep the feed compact and on‑brand.

Will the widget slow down my website?

No. The widget uses lazy‑loading techniques so videos load only when visitors scroll to them, avoiding any slowdown. Even with multiple feeds, it’s optimized to have minimal impact on page speed.

What types of YouTube content can I display with the widget?

You can embed regular videos, Shorts, playlists, music videos and live streams. This flexibility lets you share everything from long‑form content to bite‑sized clips, keeping your audience engaged.

Can visitors watch videos directly on my site or in a pop‑up?

Yes. Visitors can play your videos right on your page, and you can enable a pop‑up view for a larger playback experience without leaving your site. This keeps viewers focused on your content and encourages longer watch times.

Can I hide certain elements like the channel header or video details?

You have full control over which elements appear. Toggle the display of headers, descriptions or dates to create a clean, on‑brand feed. Customization options let you tailor the widget to your design preferences.

Is there a free plan or trial? Are there view limits?

Yes. You can start with a free plan without a credit card, making it easy to try the widget. Paid plans unlock unlimited views and advanced customization options, so you only pay when you’re ready to scale.

Will the widget work on my website platform?

The widget is compatible with all major website builders and CMSs—including WordPress, Shopify, Wix, Squarespace, Webflow and custom HTML sites. Just paste the embed code and it works seamlessly, no matter where your site is hosted.

Do I need to know how to code to use this widget?

No coding skills are required. The drag‑and‑drop editor makes customization simple, and embedding the widget is as easy as copying a single line of code. Anyone can set up a professional‑looking feed in minutes.

Is the widget GDPR compliant and secure?

Yes. It’s designed to comply with data‑privacy regulations and does not collect personal data from your visitors. You can confidently integrate the feed knowing your audience’s privacy is respected.

Can I combine my YouTube feed with other social channels on one page?

Yes. Create aggregated widgets that bring together YouTube and other social channels in a single view. This unified social hub keeps visitors engaged with all of your content in one place.

What happens if I cancel my subscription or stop paying?

There are no long‑term commitments. If you cancel or let your subscription lapse, your feed simply pauses and stops updating—you can reactivate it at any time. This flexibility ensures you stay in control of your plan.

Can I monetize views from videos embedded via the widget?

Yes. If you own the channel, views from your embedded videos still count toward your YouTube monetization metrics. Embedding other creators’ videos won’t generate revenue, but it can enhance your site’s engagement.

How can a YouTube feed widget improve my website’s SEO and engagement?

By showcasing fresh videos, you encourage visitors to stay longer and interact more. This increased engagement and dwell time signal relevance to search engines, helping your site rank better while building trust with your audience.

Add your YouTube feed widget today

Set up in minutes. Free forever to start.

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View YouTube feed widget page →