You can embed YouTube videos on your Webflow website to showcase your work, promote your brand, or engage your audience. In this guide, you will learn how to use a custom HTML code to embed YouTube videos on Webflow in a few simple steps. You will also learn how to customize the appearance and behavior of your YouTube video player using various parameters. Let’s get started!

Leverage User Generated Content in Your Marketing Campaigns

Schedule a Demo Now!

[Book a Demo]()

![]()
">
Leverage User Generated Content in Your Marketing Campaigns

Schedule a Demo Now!

[Book a Demo](https://idukki.io/request-demo)

![Free Trial](https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png)

****Prerequisites****

> ****A YouTube Video Collection****  
> ****A Webflow Website on a paid plan****

## Creating a YouTube Videos Collection

You can use Idukki to create and display a collection of YouTube videos on your website. Follow these steps to get started:  
  
****1.****Choose YouTube as the source and select a channel, a playlist or hashtags to fetch videos.[****Learn more****](https://help.idukki.io/articles/how-to-add-you-tube-video-through-keywords-search-38ed40-7bbfc).  
  
![Add Feed](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_zih6at.png)  
  
****2.****Edit your collection by hiding or pinning videos, tagging products, and getting approval from users.[****Learn more****](https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7).  
  
![Edit Collection](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_hpjbbu.png)  
  
****3.****Now, click****Publish****to either directly proceed to the publishing window, or select****Curate my feed****to customize your collection by changing its appearance and layout.[****Learn more****](https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb).  
  
![Curate](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1tbawsj.png)  
  
****4.****After curating, click****Publish****to copy the HTML code from the publishing window. You can also preview your collection before embedding it on your website.  
  
![Publish](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xrd41t.png)

> **Your collection will automatically reflect any changes you make to it.**

### Embedding into Webflow

To display your YouTube video collection on your Webflow website, follow these steps:  
  
****1.****Log in to your****Webflow account****and****open the project****you want to edit.  
  
****2.****Navigate to the****page****from the drop-down at the top-left where you want to****embed****the YouTube collection.  
  
****3.****Add an****Embed****element from the****Add panel****to the Webflow canvas at the desired location.  
  
![Embed](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_qcqqp3.png)  
  
****4\. Paste the HTML code****you copied from Idukki into the Embed element and click****Save and Close****.  
  
****5.****Publish your Webflow site and check out your YouTube collection.

> **You can modify the embed element in the Webflow editor to match your website design.**

**I hope this helps.**

Turn User-Generated Content Into Brand Success

**Build Trust ![]() Increase Engagement ![]() Grow Conversions ![]()**

* [Request Demo]()
* [Start Free Trial]()
">
Turn User-Generated Content Into Brand Success

**Build Trust ![check](https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg) Increase Engagement ![check](https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg) Grow Conversions ![check](https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg)**

* [Request Demo](https://idukki.io/request-demo)
* [Start Free Trial](https://app.idukki.io/register/)

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">How to Embed YouTube Video on Webflow</h1> You can embed YouTube videos on your Webflow website to showcase your work, promote your brand, or engage your audience. In this guide, you will learn how to use a custom HTML code to embed YouTube videos on Webflow in a few simple steps. You will also learn how to customize the appearance and behavior of your YouTube video player using various parameters. Let’s get started! PrerequisitesA YouTube Video CollectionA Webflow Website on a paid plan <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos Collection</h2> You can use Idukki to create and display a collection of YouTube videos on your website. Follow these steps to get started: 1. Choose YouTube as the source and select a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/en/article/how-to-add-youtube-video-through-keywords-search-dbt7j9/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_zih6at.png" alt="Add Feed" width="inherit" height="inherit"> 2. Edit your collection by hiding or pinning videos, tagging products, and getting approval from users. <a href="https://help.idukki.io/en/article/how-to-edit-existing-collection-on-idukki-1coklfv/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_hpjbbu.png" alt="Edit Collection" width="inherit" height="inherit"> 3. Now, click Publish to either directly proceed to the publishing window, or select Curate my feed to customize your collection by changing its appearance and layout. <a href="https://help.idukki.io/en/article/how-to-curate-collections-on-idukki-1pce791/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1tbawsj.png" alt="Curate" width="inherit" height="inherit"> 4. After curating, click Publish to copy the HTML code from the publishing window. You can also preview your collection before embedding it on your website. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xrd41t.png" alt="Publish" width="inherit" height="inherit"> Your collection will automatically reflect any changes you make to it. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Embedding into Webflow</h3> To display your YouTube video collection on your Webflow website, follow these steps: 1. Log in to your Webflow account and open the project you want to edit. 2. Navigate to the page from the drop-down at the top-left where you want to embed the YouTube collection. 3. Add an Embed element from the Add panel to the Webflow canvas at the desired location. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_qcqqp3.png" alt="Embed" width="inherit" height="inherit"> 4. Paste the HTML code you copied from Idukki into the Embed element and click Save and Close. 5. Publish your Webflow site and check out your YouTube collection. You can modify the embed element in the Webflow editor to match your website design. I hope this helps.

How to Embed YouTube Video on Webflow

You can embed YouTube videos on your Webflow website to showcase your work, promote your brand, or engage your audience. In this guide, you will learn how to use a custom HTML code to embed YouTube videos on Webflow in a few simple steps. You will also learn how to customize the appearance and behavior of your YouTube video player using various parameters. Let’s get started! PrerequisitesA YouTube Video CollectionA Webflow Website on a paid plan <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos Collection</h2> You can use Idukki to create and display a collection of YouTube videos on your website. Follow these steps to get started: 1. Choose YouTube as the source and select a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/en/article/how-to-add-youtube-video-through-keywords-search-dbt7j9/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_zih6at.png" alt="Add Feed" width="inherit" height="inherit"> 2. Edit your collection by hiding or pinning videos, tagging products, and getting approval from users. <a href="https://help.idukki.io/en/article/how-to-edit-existing-collection-on-idukki-1coklfv/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_hpjbbu.png" alt="Edit Collection" width="inherit" height="inherit"> 3. Now, click Publish to either directly proceed to the publishing window, or select Curate my feed to customize your collection by changing its appearance and layout. <a href="https://help.idukki.io/en/article/how-to-curate-collections-on-idukki-1pce791/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1tbawsj.png" alt="Curate" width="inherit" height="inherit"> 4. After curating, click Publish to copy the HTML code from the publishing window. You can also preview your collection before embedding it on your website. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xrd41t.png" alt="Publish" width="inherit" height="inherit"> Your collection will automatically reflect any changes you make to it. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Embedding into Webflow</h3> To display your YouTube video collection on your Webflow website, follow these steps: 1. Log in to your Webflow account and open the project you want to edit. 2. Navigate to the page from the drop-down at the top-left where you want to embed the YouTube collection. 3. Add an Embed element from the Add panel to the Webflow canvas at the desired location. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_qcqqp3.png" alt="Embed" width="inherit" height="inherit"> 4. Paste the HTML code you copied from Idukki into the Embed element and click Save and Close. 5. Publish your Webflow site and check out your YouTube collection. You can modify the embed element in the Webflow editor to match your website design. I hope this helps.

You can embed YouTube videos on your Webflow website to showcase your work, promote your brand, or engage your audience. In this guide, you will learn how to use a custom HTML code to embed YouTube videos on Webflow in a few simple steps. You will also learn how to customize the appearance and behavior of your YouTube video player using various parameters. Let’s get started! Prerequisites<blockquote class="PlaygroundEditorTheme__quote" dir="ltr">A YouTube Video Collection A Webflow Website on a paid plan</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos Collection</h2> You can use Idukki to create and display a collection of YouTube videos on your website. Follow these steps to get started: 1. Choose YouTube as the source and select a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/articles/how-to-add-you-tube-video-through-keywords-search-38ed40-7bbfc" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_zih6at.png" alt="Add Feed" width="inherit" height="inherit"> 2. Edit your collection by hiding or pinning videos, tagging products, and getting approval from users. <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_hpjbbu.png" alt="Edit Collection" width="inherit" height="inherit"> 3. Now, click Publish to either directly proceed to the publishing window, or select Curate my feed to customize your collection by changing its appearance and layout. <a href="https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1tbawsj.png" alt="Curate" width="inherit" height="inherit"> 4. After curating, click Publish to copy the HTML code from the publishing window. You can also preview your collection before embedding it on your website. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xrd41t.png" alt="Publish" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Your collection will automatically reflect any changes you make to it.</blockquote> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Embedding into Webflow</h3> To display your YouTube video collection on your Webflow website, follow these steps: 1. Log in to your Webflow account and open the project you want to edit. 2. Navigate to the page from the drop-down at the top-left where you want to embed the YouTube collection. 3. Add an Embed element from the Add panel to the Webflow canvas at the desired location. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_qcqqp3.png" alt="Embed" width="inherit" height="inherit"> 4. Paste the HTML code you copied from Idukki into the Embed element and click Save and Close. 5. Publish your Webflow site and check out your YouTube collection. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can modify the embed element in the Webflow editor to match your website design.</blockquote> I hope this helps.

You can embed YouTube videos on your Webflow website to showcase your work, promote your brand, or engage your audience. In this guide, you will learn how to use a custom HTML code to embed YouTube videos on Webflow in a few simple steps. You will also learn how to customize the appearance and behavior of your YouTube video player using various parameters. Let’s get started! Prerequisites<blockquote class="PlaygroundEditorTheme__quote" dir="ltr">A YouTube Video Collection A Webflow Website on a paid plan</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos Collection</h2> You can use Idukki to create and display a collection of YouTube videos on your website. Follow these steps to get started: 1. Choose YouTube as the source and select a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/articles/how-to-add-you-tube-video-through-keywords-search-38ed40-7bbfc" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_zih6at.png" alt="Add Feed" width="inherit" height="inherit"> 2. Edit your collection by hiding or pinning videos, tagging products, and getting approval from users. <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_hpjbbu.png" alt="Edit Collection" width="inherit" height="inherit"> 3. Now, click Publish to either directly proceed to the publishing window, or select Curate my feed to customize your collection by changing its appearance and layout. <a href="https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1tbawsj.png" alt="Curate" width="inherit" height="inherit"> 4. After curating, click Publish to copy the HTML code from the publishing window. You can also preview your collection before embedding it on your website. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xrd41t.png" alt="Publish" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Your collection will automatically reflect any changes you make to it.</blockquote> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Embedding into Webflow</h3> To display your YouTube video collection on your Webflow website, follow these steps: 1. Log in to your Webflow account and open the project you want to edit. 2. Navigate to the page from the drop-down at the top-left where you want to embed the YouTube collection. 3. Add an Embed element from the Add panel to the Webflow canvas at the desired location. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_qcqqp3.png" alt="Embed" width="inherit" height="inherit"> 4. Paste the HTML code you copied from Idukki into the Embed element and click Save and Close. 5. Publish your Webflow site and check out your YouTube collection. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can modify the embed element in the Webflow editor to match your website design.</blockquote> I hope this helps.

Embed media on various third-party platforms

Was this article helpful?