Experience the power of Idukki as it seamlessly integrates with your Instagram profile, enabling you to curate a truly unique collection in a matter of clicks. With Idukki, connecting your social accounts, including Instagram, becomes a breeze, empowering you to effortlessly organize and arrange your posts.

<picture><source /> ![]()</picture> ### Start leveraging your Instagram feed to grow your business

Get started with your first feed in minutes

[Try for free]()
\`\`\` ">
<picture><source /> ![instagram](https://assets.idukki.io/blogassets/instagram-icon.png)</picture> ### Start leveraging your Instagram feed to grow your business

Get started with your first feed in minutes

[Try for free](https://app.idukki.io/register)
\`\`\`

## To add an Instagram handle feed

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

****2.****Go to****Collection****>****All Collections****on the left panel. A list of all your albums will open.

****3.****Click****Add Feed****for the collection you want to update with posts from your Instagram account. A pop-up will open.

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

****4.****In the Add Feed dialog, ensure the source is****Instagram****and the method selected is****Username****. Then, enter your username or Instagram handle in the empty field. Click****Add****to finish.

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

> Quick tip: Click****Add Feed****to update your collection with new feed when you're managing a 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.

****5.1****Once you have finalized your widget and ready to publish, click****Publish****. A prompt overlay will open.

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

****5.2****You can choose to[curate your feed](https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb)furtheror directly proceed to publish page.

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

****5.3****Here, we will move to publishing. Click****Publish****>****Embed on a website****. You will see the following screen:

* Choose your target in the top dropdown. Ex. HTML or Shopify
* Copy the embed code
* **Select the store page on which you want to publish the widget. (** *****Only visible in case of Shopify***** **)**
* Add custom domain(s)

**And, that's it.**

![Idukki_PublishCollection_Shopify.gif](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_idukki_publishcollection_shopify.1705297886150.gif?alt=media)

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

Experience the power of Idukki as it seamlessly integrates with your Instagram profile, enabling you to curate a truly unique collection in a matter of clicks. With Idukki, connecting your social accounts, including Instagram, becomes a breeze, empowering you to effortlessly organize and arrange your posts. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add an Instagram handle feed</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. A list of all your albums will open. 3. Click Add Feed for the collection you want to update with posts from your Instagram account. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_rmt899.1696656646572.png?alt=media" alt="image_rmt899.png" width="inherit" height="inherit"> 4. In the Add Feed dialog, ensure the source is Instagram and the method selected is Username. Then, enter your username or Instagram handle in the empty field. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_hu5dhe.1696656694008.png?alt=media" alt="image_hu5dhe.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: Click Add Album to update your collection with new feed when you're managing a collection. </blockquote> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Idukki provides you with the ability to [manage posts]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 [tag products] in your posts to elevate the overall experience for your visitors. </blockquote> I hope this helps.

How to Add an Instagram Handle Feed

Experience the power of Idukki as it seamlessly integrates with your Instagram profile, enabling you to curate a truly unique collection in a matter of clicks. With Idukki, connecting your social accounts, including Instagram, becomes a breeze, empowering you to effortlessly organize and arrange your posts. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add an Instagram handle feed</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. A list of all your albums will open. 3. Click Add Feed for the collection you want to update with posts from your Instagram account. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_rmt899.1696656646572.png?alt=media" alt="image_rmt899.png" width="inherit" height="inherit"> 4. In the Add Feed dialog, ensure the source is Instagram and the method selected is Username. Then, enter your username or Instagram handle in the empty field. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_hu5dhe.1696656694008.png?alt=media" alt="image_hu5dhe.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: Click Add Feed to update your collection with new feed when you're managing a 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.

Experience the power of Idukki as it seamlessly integrates with your Instagram profile, enabling you to curate a truly unique collection in a matter of clicks. With Idukki, connecting your social accounts, including Instagram, becomes a breeze, empowering you to effortlessly organize and arrange your posts. <div data-lexical-embed-block="<div class=&quot;id-container&quot;>
 <div class=&quot;id-features-cta&quot;>
 <div class=&quot;id-cta-content&quot;>
 <picture decoding=&quot;async&quot;>
<source type=&quot;image/webp&quot; srcset=&quot;https://assets.idukki.io/blogassets/instagram-icon-2.png.webp&quot; width=&quot;75px&quot;>
<img decoding=&quot;async&quot; src=&quot;https://assets.idukki.io/blogassets/instagram-icon.png&quot; alt=&quot;instagram&quot;>
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class=&quot;id-cta-btn&quot;>
 <a class=&quot;id-btn-peach&quot; href=&quot;https://app.idukki.io/register&quot;>Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style>"><div class="id-container">
 <div class="id-features-cta">
 <div class="id-cta-content">
 <picture decoding="async">
<source type="image/webp" srcset="https://assets.idukki.io/blogassets/instagram-icon-2.png.webp" width="75px">
<img decoding="async" src="https://assets.idukki.io/blogassets/instagram-icon.png" alt="instagram">
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class="id-cta-btn">
 <a class="id-btn-peach" href="https://app.idukki.io/register">Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style></div> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add an Instagram handle feed</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. A list of all your albums will open. 3. Click Add Feed for the collection you want to update with posts from your Instagram account. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_rmt899.1696656646572.png?alt=media" alt="image_rmt899.png" width="inherit" height="inherit"> 4. In the Add Feed dialog, ensure the source is Instagram and the method selected is Username. Then, enter your username or Instagram handle in the empty field. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_hu5dhe.1696656694008.png?alt=media" alt="image_hu5dhe.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: Click Add Feed to update your collection with new feed when you're managing a 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>

Experience the power of Idukki as it seamlessly integrates with your Instagram profile, enabling you to curate a truly unique collection in a matter of clicks. With Idukki, connecting your social accounts, including Instagram, becomes a breeze, empowering you to effortlessly organize and arrange your posts. <div data-lexical-embed-block="<div class=&quot;id-container&quot;>
 <div class=&quot;id-features-cta&quot;>
 <div class=&quot;id-cta-content&quot;>
 <picture decoding=&quot;async&quot;>
<source type=&quot;image/webp&quot; srcset=&quot;https://assets.idukki.io/blogassets/instagram-icon-2.png.webp&quot; width=&quot;75px&quot;>
<img decoding=&quot;async&quot; src=&quot;https://assets.idukki.io/blogassets/instagram-icon.png&quot; alt=&quot;instagram&quot;>
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class=&quot;id-cta-btn&quot;>
 <a class=&quot;id-btn-peach&quot; href=&quot;https://app.idukki.io/register&quot;>Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style>"><div class="id-container">
 <div class="id-features-cta">
 <div class="id-cta-content">
 <picture decoding="async">
<source type="image/webp" srcset="https://assets.idukki.io/blogassets/instagram-icon-2.png.webp" width="75px">
<img decoding="async" src="https://assets.idukki.io/blogassets/instagram-icon.png" alt="instagram">
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class="id-cta-btn">
 <a class="id-btn-peach" href="https://app.idukki.io/register">Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style></div> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add an Instagram handle feed</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. A list of all your albums will open. 3. Click Add Feed for the collection you want to update with posts from your Instagram account. A pop-up will open. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_rmt899.1696656646572.png?alt=media" alt="image_rmt899.png" width="inherit" height="inherit"> 4. In the Add Feed dialog, ensure the source is Instagram and the method selected is Username. Then, enter your username or Instagram handle in the empty field. Click Add to finish. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_hu5dhe.1696656694008.png?alt=media" alt="image_hu5dhe.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Quick tip: Click Add Feed to update your collection with new feed when you're managing a 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?