Add a feed of YouTube videos on your channel to your collection. Idukki lets you source your channel videos with just a few clicks. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: You can create a mix of YT videos and shorts to engage your customers and increase conversions through the UGC content.</blockquote> <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: 40px;
 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: 40px;
 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> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add a YouTube channel video</h2> 1. Log in to your <a href="https://app.idukki.io" rel="noreferrer" class="PlaygroundEditorTheme__link">Idukki</a> account. 2. Go to Collection &gt; All Collections on the left panel. You will see all your albums. 3. Click Add Feed for the collection you want to update with videos from a YouTube channel. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1dtmaof.1696667136214.png?alt=media" alt="image_1dtmaof.png" width="inherit" height="inherit"> 4. Select YouTube as the source and Channel as the preferred method. Enter the channel name or keyword to search for it and pick one from the results. 5. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_u08uco.1696667179187.png?alt=media" alt="image_u08uco.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can create and add a playlist to your collection.</blockquote> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Idukki provides you with the ability to <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">manage posts</a> in your collection by hiding irrelevant content. You can also use the <a href="https://help.idukki.io/articles/how-to-use-profanity-filter-38ed40-3f9bd" rel="noreferrer" class="PlaygroundEditorTheme__link">profanity filter</a> to ensure that posts containing specific words do not appear in your collection. Additionally, you can <a href="https://help.idukki.io/articles/how-to-tag-products-to-your-media-on-idukki-38ed40-d65b3" rel="noreferrer" class="PlaygroundEditorTheme__link">tag products</a> in your posts to elevate the overall experience for your visitors.</blockquote> I hope this helps. <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>

Add a feed of YouTube videos on your channel to your collection. Idukki lets you source your channel videos with just a few clicks.

> ****Quick tip:****You can create a mix of YT videos and shorts to engage your customers and increase conversions through the UGC content.

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/)

## To add a YouTube channel video

****1.****Log in to your[Idukki](https://app.idukki.io)account.

****2.****Go to****Collection****>****All Collections****on the left panel. You will see all your albums.

****3.****Click****Add Feed****for the collection you want to update with videos from a YouTube channel. A pop-up will open.

![image_1dtmaof.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1dtmaof.1696667136214.png?alt=media)

****4.****Select****YouTube****as the source and****Channel****as the preferred method. Enter the****channel name****or****keyword****to search for it and pick one from the results.

****5.****Click****Add****to finish.

![image_u08uco.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_u08uco.1696667179187.png?alt=media)

> You can create and add a playlist to your collection.

> Idukki provides you with the ability to[manage posts](https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7)in your collection by hiding irrelevant content. You can also use the[profanity filter](https://help.idukki.io/articles/how-to-use-profanity-filter-38ed40-3f9bd)to ensure that posts containing specific words do not appear in your collection. Additionally, you can[tag products](https://help.idukki.io/articles/how-to-tag-products-to-your-media-on-idukki-38ed40-d65b3)in your posts to elevate the overall experience for your visitors.

**I hope this helps.**

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)

Add a feed of YouTube videos on your channel to your collection. Idukki lets you source your channel videos with just a few clicks. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: You can create a mix of YT videos and shorts to engage your customers and increase conversions through the UGC content.</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add a YouTube channel video</h2> 1. Log in to your <a href="https://app.idukki.io" rel="noreferrer" class="PlaygroundEditorTheme__link">Idukki</a> account. 2. Go to Collection &gt; All Collections on the left panel. You will see all your albums. 3. Click Add Feed for the collection you want to update with videos from a YouTube channel. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1dtmaof.1696667136214.png?alt=media" alt="image_1dtmaof.png" width="inherit" height="inherit"> 4. Select YouTube as the source and Channel as the preferred method. Enter the channel name or keyword to search for it and pick one from the results. 5. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_u08uco.1696667179187.png?alt=media" alt="image_u08uco.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can create and add a playlist to your collection.</blockquote> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Idukki provides you with the ability to <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">manage posts</a> in your collection by hiding irrelevant content. You can also use the <a href="https://help.idukki.io/articles/how-to-use-profanity-filter-38ed40-3f9bd" rel="noreferrer" class="PlaygroundEditorTheme__link">profanity filter</a> to ensure that posts containing specific words do not appear in your collection. Additionally, you can <a href="https://help.idukki.io/articles/how-to-tag-products-to-your-media-on-idukki-38ed40-d65b3" rel="noreferrer" class="PlaygroundEditorTheme__link">tag products</a> in your posts to elevate the overall experience for your visitors. </blockquote> I hope this helps.

How to Add a YouTube Channel Video

Add a feed of YouTube videos on your channel to your collection. Idukki lets you source your channel videos with just a few clicks. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: You can create a mix of YT videos and shorts to engage your customers and increase conversions through the UGC content.</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add a YouTube channel video</h2> 1. Log in to your <a href="https://app.idukki.io" rel="noreferrer" class="PlaygroundEditorTheme__link">Idukki</a> account. 2. Go to Collection &gt; All Collections on the left panel. You will see all your albums. 3. Click Add Feed for the collection you want to update with videos from a YouTube channel. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1dtmaof.1696667136214.png?alt=media" alt="image_1dtmaof.png" width="inherit" height="inherit"> 4. Select YouTube as the source and Channel as the preferred method. Enter the channel name or keyword to search for it and pick one from the results. 5. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_u08uco.1696667179187.png?alt=media" alt="image_u08uco.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can create and add a playlist to your collection.</blockquote> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Idukki provides you with the ability to <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">manage posts</a> in your collection by hiding irrelevant content. You can also use the <a href="https://help.idukki.io/articles/how-to-use-profanity-filter-38ed40-3f9bd" rel="noreferrer" class="PlaygroundEditorTheme__link">profanity filter</a> to ensure that posts containing specific words do not appear in your collection. Additionally, you can <a href="https://help.idukki.io/articles/how-to-tag-products-to-your-media-on-idukki-38ed40-d65b3" rel="noreferrer" class="PlaygroundEditorTheme__link">tag products</a> in your posts to elevate the overall experience for your visitors.</blockquote> I hope this helps.

Add a feed of YouTube videos on your channel to your collection. Idukki lets you source your channel videos with just a few clicks. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: You can create a mix of YT videos and shorts to engage your customers and increase conversions through the UGC content.</blockquote> <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;
 margin-right: 5vw;
}

.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;
 margin-right: 5vw;
}

.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> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add a YouTube channel video</h2> 1. Log in to your <a href="https://app.idukki.io" rel="noreferrer" class="PlaygroundEditorTheme__link">Idukki</a> account. 2. Go to Collection &gt; All Collections on the left panel. You will see all your albums. 3. Click Add Feed for the collection you want to update with videos from a YouTube channel. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1dtmaof.1696667136214.png?alt=media" alt="image_1dtmaof.png" width="inherit" height="inherit"> 4. Select YouTube as the source and Channel as the preferred method. Enter the channel name or keyword to search for it and pick one from the results. 5. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_u08uco.1696667179187.png?alt=media" alt="image_u08uco.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can create and add a playlist to your collection.</blockquote> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Idukki provides you with the ability to <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">manage posts</a> in your collection by hiding irrelevant content. You can also use the <a href="https://help.idukki.io/articles/how-to-use-profanity-filter-38ed40-3f9bd" rel="noreferrer" class="PlaygroundEditorTheme__link">profanity filter</a> to ensure that posts containing specific words do not appear in your collection. Additionally, you can <a href="https://help.idukki.io/articles/how-to-tag-products-to-your-media-on-idukki-38ed40-d65b3" rel="noreferrer" class="PlaygroundEditorTheme__link">tag products</a> in your posts to elevate the overall experience for your visitors.</blockquote> I hope this helps. <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>

Add a feed of YouTube videos on your channel to your collection. Idukki lets you source your channel videos with just a few clicks. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: You can create a mix of YT videos and shorts to engage your customers and increase conversions through the UGC content.</blockquote> <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> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add a YouTube channel video</h2> 1. Log in to your <a href="https://app.idukki.io" rel="noreferrer" class="PlaygroundEditorTheme__link">Idukki</a> account. 2. Go to Collection &gt; All Collections on the left panel. You will see all your albums. 3. Click Add Feed for the collection you want to update with videos from a YouTube channel. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1dtmaof.1696667136214.png?alt=media" alt="image_1dtmaof.png" width="inherit" height="inherit"> 4. Select YouTube as the source and Channel as the preferred method. Enter the channel name or keyword to search for it and pick one from the results. 5. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_u08uco.1696667179187.png?alt=media" alt="image_u08uco.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can create and add a playlist to your collection.</blockquote> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Idukki provides you with the ability to <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">manage posts</a> in your collection by hiding irrelevant content. You can also use the <a href="https://help.idukki.io/articles/how-to-use-profanity-filter-38ed40-3f9bd" rel="noreferrer" class="PlaygroundEditorTheme__link">profanity filter</a> to ensure that posts containing specific words do not appear in your collection. Additionally, you can <a href="https://help.idukki.io/articles/how-to-tag-products-to-your-media-on-idukki-38ed40-d65b3" rel="noreferrer" class="PlaygroundEditorTheme__link">tag products</a> in your posts to elevate the overall experience for your visitors.</blockquote> I hope this helps. <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>

Add a feed of YouTube videos on your channel to your collection. Idukki lets you source your channel videos with just a few clicks. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: You can create a mix of YT videos and shorts to engage your customers and increase conversions through the UGC content.</blockquote> <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;
 margin-top: 30px;
}

.cta_box_btn {
 margin-top: 40px;
 text-align: center;
 margin-right: 5vw;
}

.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;
 margin-top: 30px;
}

.cta_box_btn {
 margin-top: 40px;
 text-align: center;
 margin-right: 5vw;
}

.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> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add a YouTube channel video</h2> 1. Log in to your <a href="https://app.idukki.io" rel="noreferrer" class="PlaygroundEditorTheme__link">Idukki</a> account. 2. Go to Collection &gt; All Collections on the left panel. You will see all your albums. 3. Click Add Feed for the collection you want to update with videos from a YouTube channel. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1dtmaof.1696667136214.png?alt=media" alt="image_1dtmaof.png" width="inherit" height="inherit"> 4. Select YouTube as the source and Channel as the preferred method. Enter the channel name or keyword to search for it and pick one from the results. 5. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_u08uco.1696667179187.png?alt=media" alt="image_u08uco.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can create and add a playlist to your collection.</blockquote> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Idukki provides you with the ability to <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">manage posts</a> in your collection by hiding irrelevant content. You can also use the <a href="https://help.idukki.io/articles/how-to-use-profanity-filter-38ed40-3f9bd" rel="noreferrer" class="PlaygroundEditorTheme__link">profanity filter</a> to ensure that posts containing specific words do not appear in your collection. Additionally, you can <a href="https://help.idukki.io/articles/how-to-tag-products-to-your-media-on-idukki-38ed40-d65b3" rel="noreferrer" class="PlaygroundEditorTheme__link">tag products</a> in your posts to elevate the overall experience for your visitors.</blockquote> I hope this helps. <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>

Set up your account and create your first collection in Idukki

Was this article helpful?