Elementor is a WordPress website builder that lets you embed content using HTML code. In this guide, we will show you how to embed a YouTube video collection on your Elementor site using Idukki and the HTML widget. <div data-lexical-embed-block="<div class=&quot;CTA&quot; style=&quot;background-image: url(https://static.wixstatic.com/media/0cf4be_68b652fbf5f24ef4aca4a6a039050162~mv2.jpg);&quot;>
<div class=&quot;d-flex&quot;>
<div class=&quot;title&quot;>
<div class=&quot;h2&quot;>Leverage User Generated Content in Your Marketing Campaigns</div>
Schedule a Demo Now!
<div class=&quot;actions&quot;>
<a href=&quot;https://idukki.io/request-demo&quot; style=&quot;background: beige;&quot; class=&quot;ugcFromBtn&quot;>Book a Demo</a>
</div>
</div>
<div class=&quot;titleImg&quot;>
<img decoding=&quot;async&quot; src=&quot;https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png&quot; height=&quot;180px&quot; alt=&quot;Free Trial&quot;></div>
</div>
</div>
<style>
.CTA {
 padding: 20px 30px;
 background: #fff;
 max-width: 95%;
 margin: 30px auto;
 border-radius: 15px;
 box-shadow: 0 0 10px rgb(0 0 0/10%);
 background-size: cover;
 background-repeat: no-repeat
}

.CTA .d-flex {
 display: flex;
 justify-content: space-between;
 align-items: center
}

.CTA .title {
 width: 50%
}

.CTA .titleImg {
 width: 40%
}

.CTA .title .h2,.CTA .title .h3 {
 font-size: 24px;
 font-weight: 800;
 margin-top: 0;
 line-height: 36px;
 color: #333'
}

.CTA .title p {
 color: #333'
 margin-top: 5px
}

.CTA .actions {
 margin-top: 20px
}

.CTA .actions a {
 display: inline-block;
 padding: 12px 30px;
 border-width: 1px;
 border-style: solid;
 border-radius: 8px;
 font-size: 16px;
 transition: all ease .3s;
 text-decoration: none;
 font-weight: 400
}

.CTA .actions a.btn-fill {
 border-color: #ff4051;
 background: #ff4051;
 color: #fff;
 margin-bottom: 15px
}

.CTA .actions a.btn-fill:hover {
 background-color: #e23442;
 border-color: #e23442;
 color: #fff
}

.CTA .actions a.btn-bdr {
 border-color: #1a2029;
 color: #1a2029
}

.CTA .actions a.btn-bdr:hover {
 background-color: #ff4051;
 border-color: #ff4051;
 color: #fff
}

.actions_form {
 position: relative
}

.actions_form .form-control {
 width: 100%;
 padding: 15px;
 border: none;
 border-radius: 5px;
 padding-right: 140px;
 font-size: 14px
}

.actions_form .btn-fill {
 padding: 10px 12px;
 border-radius: 4px;
 font-size: 12px;
 text-decoration: none;
 font-weight: 400;
 position: absolute;
 right: 10px;
 background-color: #ff4555;
 color: #fff;
 top: 50%;
 transform: translate(0%,-50%)
}

.form-text.text-danger {
 color: #ff4555
}

.CTA_full .title {
 width: 100%;
 text-align: center
}

body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style>"><div class="CTA" style="background-image: url(https://static.wixstatic.com/media/0cf4be_68b652fbf5f24ef4aca4a6a039050162~mv2.jpg);">
<div class="d-flex">
<div class="title">
<div class="h2">Leverage User Generated Content in Your Marketing Campaigns</div>
Schedule a Demo Now!
<div class="actions">
<a href="https://idukki.io/request-demo" style="background: beige;" class="ugcFromBtn">Book a Demo</a>
</div>
</div>
<div class="titleImg">
<img decoding="async" src="https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png" height="180px" alt="Free Trial"></div>
</div>
</div>
<style>
.CTA {
 padding: 20px 30px;
 background: #fff;
 max-width: 95%;
 margin: 30px auto;
 border-radius: 15px;
 box-shadow: 0 0 10px rgb(0 0 0/10%);
 background-size: cover;
 background-repeat: no-repeat
}

.CTA .d-flex {
 display: flex;
 justify-content: space-between;
 align-items: center
}

.CTA .title {
 width: 50%
}

.CTA .titleImg {
 width: 40%
}

.CTA .title .h2,.CTA .title .h3 {
 font-size: 24px;
 font-weight: 800;
 margin-top: 0;
 line-height: 36px;
 color: #333'
}

.CTA .title p {
 color: #333'
 margin-top: 5px
}

.CTA .actions {
 margin-top: 20px
}

.CTA .actions a {
 display: inline-block;
 padding: 12px 30px;
 border-width: 1px;
 border-style: solid;
 border-radius: 8px;
 font-size: 16px;
 transition: all ease .3s;
 text-decoration: none;
 font-weight: 400
}

.CTA .actions a.btn-fill {
 border-color: #ff4051;
 background: #ff4051;
 color: #fff;
 margin-bottom: 15px
}

.CTA .actions a.btn-fill:hover {
 background-color: #e23442;
 border-color: #e23442;
 color: #fff
}

.CTA .actions a.btn-bdr {
 border-color: #1a2029;
 color: #1a2029
}

.CTA .actions a.btn-bdr:hover {
 background-color: #ff4051;
 border-color: #ff4051;
 color: #fff
}

.actions_form {
 position: relative
}

.actions_form .form-control {
 width: 100%;
 padding: 15px;
 border: none;
 border-radius: 5px;
 padding-right: 140px;
 font-size: 14px
}

.actions_form .btn-fill {
 padding: 10px 12px;
 border-radius: 4px;
 font-size: 12px;
 text-decoration: none;
 font-weight: 400;
 position: absolute;
 right: 10px;
 background-color: #ff4555;
 color: #fff;
 top: 50%;
 transform: translate(0%,-50%)
}

.form-text.text-danger {
 color: #ff4555
}

.CTA_full .title {
 width: 100%;
 text-align: center
}

body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style></div> Prerequisites<blockquote class="PlaygroundEditorTheme__quote" dir="ltr">A YouTube Videos collection in Idukki A WordPress website</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos collection</h2> You can create a collection of user-generated content (UGC) feeds from YouTube and display it on your website. Here are the steps to do it with Idukki: Select YouTube as the source and choose a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/articles/how-to-add-a-you-tube-channel-video-38ed40-af139" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1f3rx5m.png" alt="Add Feed" width="inherit" height="inherit"> Edit your collection by hiding or pinning videos and using the profanity filter. <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_ju0gvx.png" alt="Edit Collection" width="inherit" height="inherit"> 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_vksoim.png" alt="Curate" width="inherit" height="inherit"> Copy the HTML code from the Publish button and preview your collection before embedding it on your website. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Your collection will update automatically whenever you make any changes to it.</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Embedding into Elementor</h2> Display your collection on website by pasting the code in Elementor. Here are the steps: In your WordPress dashboard, select the page or post you want to edit and choose the Edit with Elementor option. From the left dashboard, search for the HTML widget and drag and drop it to your desired location on your page. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_9onz2v.png" alt="Embed HTML" width="inherit" height="inherit"> Paste the HTML code from Idukki into the text area and click Publish. Save your changes and preview your page. You should see your YouTube video collection embedded on your website. I hope this helps! <div data-lexical-embed-block="<section class=&quot;small_CTA&quot;>
<div class=&quot;container&quot;>
<div class=&quot;container_size_cta&quot;>
<div class=&quot;cta_wrapper sec_heading&quot;>
<div class=&quot;heading2&quot;>Turn User-Generated Content Into Brand Success</div>

Build Trust

<img loading=&quot;lazy&quot; width=&quot;18&quot; height=&quot;15&quot; style=&quot;margin:0 10px;&quot; src=&quot;https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg&quot; alt=&quot;check&quot;>
 Increase Engagement

<img loading=&quot;lazy&quot; width=&quot;18&quot; height=&quot;15&quot; style=&quot;margin:0 10px;&quot; src=&quot;https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg&quot; alt=&quot;check&quot;>
 Grow Conversions

<img loading=&quot;lazy&quot; width=&quot;18&quot; height=&quot;15&quot; style=&quot;margin:0 10px;&quot; src=&quot;https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg&quot; alt=&quot;check&quot;>



<ul class=&quot;cta_box_btn t_cta_btn&quot;>
<li>
<a href=&quot;https://idukki.io/request-demo&quot; class=&quot;btn&quot; rel=&quot;noopener&quot; aria-label=&quot;Request Demo&quot;>Request Demo</a>
</li>
<li>
<a href=&quot;https://app.idukki.io/register/&quot; class=&quot;btn&quot; rel=&quot;noopener&quot; aria-label=&quot;Start Free Trial&quot;>Start Free Trial</a>
</li>
</ul>
</div>
</div>
</div>
</section>

<style>
.heading2{
font-size:1.5rem;
}
section.small_CTA {
 position: relative;
 padding: 0;
 margin-bottom: 0
}

.container_size_cta {
 padding: 60px 30px;
 background-color: #ff4051;
 color: #fff;
 text-align: center;
 position: relative;
 border-radius: 7px;
 overflow: hidden
}

section.small_CTA:before {
 content: '';
 position: absolute;
 background-color: #f8f8f8;
 width: 100%;
 height: 50%;
 left: 0;
 top: 0
}
.btn {
 display: inline-block;
 font-weight: 400;
 line-height: 1.5;
 color: #212529;
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 background-color: transparent;
 border: 1px solid transparent;
 padding: .375rem .75rem;
 font-size: 1rem;
 border-radius: .25rem;
 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.container_size_cta:after {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 background-image: url(https://static.wixstatic.com/shapes/0cf4be_85d5ede42544461b9ae924557c652578.svg);
 height: 100%;
 width: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 70%
}

.t_cta_btn li {
 display: inline-block;
 padding: 0 10px;
 vertical-align: middle;
 margin-bottom: 15px
}

.idukki_CTA {
 padding: 70px 0;
 background-color: #ff4051;
 color: #fff;
 text-align: center;
 position: relative
}

.idukki_CTA:after {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 background-image: url(https://cloud.idukkibox.com/idukkibox/assets/img/CTA-BG.svg);
 height: 100%;
 width: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 70%
}

.cta_wrapper {
 position: relative;
 z-index: 1
}

.cta_wrapper p {
 text-align: center;
 color: #fff
}

.cta_box_btn {
 margin-top: 30px;
 text-align: center
}

.cta_wrapper h2 {
 margin-bottom: 26px;
 color: #fff
}

.cta_box_btn .btn {
 color: #ff4051;
 background-color: #fff;
 border-radius: 4px;
 padding: 12px 30px;
 font-weight: 600
}

.cta_box_btn .btn:hover {
 box-shadow: 0 6px 12px 0 rgba(0,0,0,.1)
}
body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style>"><section class="small_CTA">
<div class="container">
<div class="container_size_cta">
<div class="cta_wrapper sec_heading">
<div class="heading2">Turn User-Generated Content Into Brand Success</div>

Build Trust

<img loading="lazy" width="18" height="15" style="margin:0 10px;" src="https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg" alt="check">
 Increase Engagement

<img loading="lazy" width="18" height="15" style="margin:0 10px;" src="https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg" alt="check">
 Grow Conversions

<img loading="lazy" width="18" height="15" style="margin:0 10px;" src="https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg" alt="check">



<ul class="cta_box_btn t_cta_btn">
<li>
<a href="https://idukki.io/request-demo" class="btn" rel="noopener" aria-label="Request Demo">Request Demo</a>
</li>
<li>
<a href="https://app.idukki.io/register/" class="btn" rel="noopener" aria-label="Start Free Trial">Start Free Trial</a>
</li>
</ul>
</div>
</div>
</div>
</section>

<style>
.heading2{
font-size:1.5rem;
}
section.small_CTA {
 position: relative;
 padding: 0;
 margin-bottom: 0
}

.container_size_cta {
 padding: 60px 30px;
 background-color: #ff4051;
 color: #fff;
 text-align: center;
 position: relative;
 border-radius: 7px;
 overflow: hidden
}

section.small_CTA:before {
 content: '';
 position: absolute;
 background-color: #f8f8f8;
 width: 100%;
 height: 50%;
 left: 0;
 top: 0
}
.btn {
 display: inline-block;
 font-weight: 400;
 line-height: 1.5;
 color: #212529;
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 background-color: transparent;
 border: 1px solid transparent;
 padding: .375rem .75rem;
 font-size: 1rem;
 border-radius: .25rem;
 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.container_size_cta:after {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 background-image: url(https://static.wixstatic.com/shapes/0cf4be_85d5ede42544461b9ae924557c652578.svg);
 height: 100%;
 width: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 70%
}

.t_cta_btn li {
 display: inline-block;
 padding: 0 10px;
 vertical-align: middle;
 margin-bottom: 15px
}

.idukki_CTA {
 padding: 70px 0;
 background-color: #ff4051;
 color: #fff;
 text-align: center;
 position: relative
}

.idukki_CTA:after {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 background-image: url(https://cloud.idukkibox.com/idukkibox/assets/img/CTA-BG.svg);
 height: 100%;
 width: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 70%
}

.cta_wrapper {
 position: relative;
 z-index: 1
}

.cta_wrapper p {
 text-align: center;
 color: #fff
}

.cta_box_btn {
 margin-top: 30px;
 text-align: center
}

.cta_wrapper h2 {
 margin-bottom: 26px;
 color: #fff
}

.cta_box_btn .btn {
 color: #ff4051;
 background-color: #fff;
 border-radius: 4px;
 padding: 12px 30px;
 font-weight: 600
}

.cta_box_btn .btn:hover {
 box-shadow: 0 6px 12px 0 rgba(0,0,0,.1)
}
body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style></div>

Elementor is a WordPress website builder that lets you embed content using HTML code. In this guide, we will show you how to embed a YouTube video collection on your Elementor site using Idukki and the HTML widget.

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 Videos collection in Idukki****  
> ****A WordPress website****

## Creating a YouTube Videos collection

You can create a collection of user-generated content (UGC) feeds from YouTube and display it on your website. Here are the steps to do it with Idukki:  
  
Select YouTube as the source and choose a channel, a playlist or hashtags to fetch videos.[****Learn more****](https://help.idukki.io/articles/how-to-add-a-you-tube-channel-video-38ed40-af139).  
  
![Add Feed](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1f3rx5m.png)  
  
Edit your collection by hiding or pinning videos and using the profanity filter.[****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_ju0gvx.png)  
  
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_vksoim.png)  
  
Copy the HTML code from the****Publish****button and preview your collection before embedding it on your website.

> Your collection will update automatically whenever you make any changes to it.

## Embedding into Elementor

Display your collection on website by pasting the code in Elementor. Here are the steps:  
  
In your WordPress dashboard, select the page or post you want to edit and choose the****Edit with Elementor****option.  
  
From the left dashboard, search for the****HTML widget****and drag and drop it to your desired location on your page.  
  
![Embed HTML](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_9onz2v.png)  
  
Paste the****HTML code****from Idukki into the text area and click****Publish****.  
  
Save your changes and preview your page. You should see your YouTube video collection embedded on your website.  
  
**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 Elementor</h1> Elementor is a WordPress website builder that lets you embed content using HTML code. In this guide, we will show you how to embed a YouTube video collection on your Elementor site using Idukki and the HTML widget. Prerequisites<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">A YouTube Videos collection in Idukki</li><li value="2" class="PlaygroundEditorTheme__listItem">A WordPress website</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos collection</h2> You can create a collection of user-generated content (UGC) feeds from YouTube and display it on your website. Here are the steps to do it with Idukki: Select YouTube as the source and choose a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/en/article/how-to-add-a-youtube-channel-video-1e2jxbx/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1f3rx5m.png" alt="Add Feed" width="inherit" height="inherit"> Edit your collection by hiding or pinning videos and using the profanity filter. <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_ju0gvx.png" alt="Edit Collection" width="inherit" height="inherit"> 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_vksoim.png" alt="Curate" width="inherit" height="inherit"> Copy the HTML code from the Publish button and preview your collection before embedding it on your website. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Your collection will update automatically whenever you make any changes to it.</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Embedding into Elementor</h2> Display your collection on website by pasting the code in Elementor. Here are the steps: In your WordPress dashboard, select the page or post you want to edit and choose the Edit with Elementor option. From the left dashboard, search for the HTML widget and drag and drop it to your desired location on your page. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_9onz2v.png" alt="Embed HTML" width="inherit" height="inherit"> Paste the HTML code from Idukki into the text area and click Publish. Save your changes and preview your page. You should see your YouTube video collection embedded on your website. I hope this helps!

How to Embed YouTube Video on Elementor

Elementor is a WordPress website builder that lets you embed content using HTML code. In this guide, we will show you how to embed a YouTube video collection on your Elementor site using Idukki and the HTML widget. Prerequisites<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">A YouTube Videos collection in Idukki</li><li value="2" class="PlaygroundEditorTheme__listItem">A WordPress website</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos collection</h2> You can create a collection of user-generated content (UGC) feeds from YouTube and display it on your website. Here are the steps to do it with Idukki: Select YouTube as the source and choose a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/en/article/how-to-add-a-youtube-channel-video-1e2jxbx/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1f3rx5m.png" alt="Add Feed" width="inherit" height="inherit"> Edit your collection by hiding or pinning videos and using the profanity filter. <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_ju0gvx.png" alt="Edit Collection" width="inherit" height="inherit"> 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_vksoim.png" alt="Curate" width="inherit" height="inherit"> Copy the HTML code from the Publish button and preview your collection before embedding it on your website. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Your collection will update automatically whenever you make any changes to it.</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Embedding into Elementor</h2> Display your collection on website by pasting the code in Elementor. Here are the steps: In your WordPress dashboard, select the page or post you want to edit and choose the Edit with Elementor option. From the left dashboard, search for the HTML widget and drag and drop it to your desired location on your page. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_9onz2v.png" alt="Embed HTML" width="inherit" height="inherit"> Paste the HTML code from Idukki into the text area and click Publish. Save your changes and preview your page. You should see your YouTube video collection embedded on your website. I hope this helps!

Elementor is a WordPress website builder that lets you embed content using HTML code. In this guide, we will show you how to embed a YouTube video collection on your Elementor site using Idukki and the HTML widget. Prerequisites<blockquote class="PlaygroundEditorTheme__quote" dir="ltr">A YouTube Videos collection in Idukki A WordPress website</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Creating a YouTube Videos collection</h2> You can create a collection of user-generated content (UGC) feeds from YouTube and display it on your website. Here are the steps to do it with Idukki: Select YouTube as the source and choose a channel, a playlist or hashtags to fetch videos. <a href="https://help.idukki.io/articles/how-to-add-a-you-tube-channel-video-38ed40-af139" rel="noreferrer" class="PlaygroundEditorTheme__link">Learn more</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1f3rx5m.png" alt="Add Feed" width="inherit" height="inherit"> Edit your collection by hiding or pinning videos and using the profanity filter. <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_ju0gvx.png" alt="Edit Collection" width="inherit" height="inherit"> 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_vksoim.png" alt="Curate" width="inherit" height="inherit"> Copy the HTML code from the Publish button and preview your collection before embedding it on your website. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Your collection will update automatically whenever you make any changes to it.</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Embedding into Elementor</h2> Display your collection on website by pasting the code in Elementor. Here are the steps: In your WordPress dashboard, select the page or post you want to edit and choose the Edit with Elementor option. From the left dashboard, search for the HTML widget and drag and drop it to your desired location on your page. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_9onz2v.png" alt="Embed HTML" width="inherit" height="inherit"> Paste the HTML code from Idukki into the text area and click Publish. Save your changes and preview your page. You should see your YouTube video collection embedded on your website. I hope this helps!

Embed media on various third-party platforms

Was this article helpful?