On-site UGC upload is a unique feature to allow your customers to directly contribute to a UGC collection you have put up on your website. The submitted posts will be subject to approval from the user/brand and after approval, the customers can see their posts in the embedded feed. By allowing users to upload UGC on site, brands can: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Build trust and credibility through customer testimonials</li><li value="2" class="PlaygroundEditorTheme__listItem">Create brand loyalty and engagement by involving customers in the brand's story and recognizing them for their contributions</li><li value="3" class="PlaygroundEditorTheme__listItem">Boost brand's authenticity and reliability through content showcasing real people using products</li></ul> In this article, you'll learn how to enable On-Site UGC Upload option in your feed. <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> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Here's How to do it:</h2> 1. Go to Collection &gt; All Collections on the left menu bar on your Idukki dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_n17x5.1696665179570.png?alt=media" alt="image_n17x5.png" width="inherit" height="inherit"> 2. Select a collection to edit and click Curate on the top-right of your screen. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_3a3mmj.1696665216026.png?alt=media" alt="image_3a3mmj.png" width="inherit" height="inherit"> 3. Click Advance and enable the Show Button option under Gallery Site Uploads. Edit the button text and colour. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_18tqp1s.1696665249052.png?alt=media" alt="image_18tqp1s.png" width="inherit" height="inherit"> 4. Now, publish the collection, by clicking Publish &gt; Copy to Clipboard. 5. Paste the code to take the feed live on your website. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1uir4rc.1696665314267.png?alt=media" alt="image_1uir4rc.png" width="inherit" height="inherit"> Now when a visitor will browse your website, they can click the button, let's say, Upload Media strategically placed on the widget to submit their posts. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Note: When the user clicks Upload Media, they'll be asked to review their experience, upload the photo, and provide basic details, such as Name and Email to complete the process.</blockquote> I hope this helps. <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>

On-site UGC upload is a unique feature to allow your customers to directly contribute to a UGC collection you have put up on your website. The submitted posts will be subject to approval from the user/brand and after approval, the customers can see their posts in the embedded feed. By allowing users to upload UGC on site, brands can: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Build trust and credibility through customer testimonials</li><li value="2" class="PlaygroundEditorTheme__listItem">Create brand loyalty and engagement by involving customers in the brand's story and recognizing them for their contributions</li><li value="3" class="PlaygroundEditorTheme__listItem">Boost brand's authenticity and reliability through content showcasing real people using products</li></ul> In this article, you'll learn how to enable On-Site UGC Upload option in your feed. 1. Go to Collection &gt; All Collections on the left menu bar on your Idukki dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_n17x5.1696665179570.png?alt=media" alt="image_n17x5.png" width="inherit" height="inherit"> 2. Select a collection to edit and click Curate on the top-right of your screen. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_3a3mmj.1696665216026.png?alt=media" alt="image_3a3mmj.png" width="inherit" height="inherit"> 3. Click Advance and enable the Show Button option under Gallery Site Uploads. Edit the button text and colour. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_18tqp1s.1696665249052.png?alt=media" alt="image_18tqp1s.png" width="inherit" height="inherit"> 4. Now, publish the collection, by clicking Publish &gt; Copy to Clipboard. 5. Paste the code to take the feed live on your website. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1uir4rc.1696665314267.png?alt=media" alt="image_1uir4rc.png" width="inherit" height="inherit"> Now when a visitor will browse your website, they can click the button, let's say, Upload Media strategically placed on the widget to submit their posts. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Note: When the user clicks Upload Media, they'll be asked to review their experience, upload the photo, and provide basic details, such as Name and Email to complete the process.</blockquote> I hope this helps.

How To Use On-site UGC Upload Feature in Idukki

On-site UGC upload is a unique feature to allow your customers to directly contribute to a UGC collection you have put up on your website. The submitted posts will be subject to approval from the user/brand and after approval, the customers can see their posts in the embedded feed. By allowing users to upload UGC on site, brands can: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Build trust and credibility through customer testimonials</li><li value="2" class="PlaygroundEditorTheme__listItem">Create brand loyalty and engagement by involving customers in the brand's story and recognizing them for their contributions</li><li value="3" class="PlaygroundEditorTheme__listItem">Boost brand's authenticity and reliability through content showcasing real people using products</li></ul> In this article, you'll learn how to enable On-Site UGC Upload option in your feed. 1. Go to Collection &gt; All Collections on the left menu bar on your Idukki dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_n17x5.1696665179570.png?alt=media" alt="image_n17x5.png" width="inherit" height="inherit"> 2. Select a collection to edit and click Curate on the top-right of your screen. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_3a3mmj.1696665216026.png?alt=media" alt="image_3a3mmj.png" width="inherit" height="inherit"> 3. Click Advance and enable the Show Button option under Gallery Site Uploads. Edit the button text and colour. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_18tqp1s.1696665249052.png?alt=media" alt="image_18tqp1s.png" width="inherit" height="inherit"> 4. Now, publish the collection, by clicking Publish &gt; Copy to Clipboard. 5. Paste the code to take the feed live on your website. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image_1uir4rc.1696665314267.png?alt=media" alt="image_1uir4rc.png" width="inherit" height="inherit"> Now when a visitor will browse your website, they can click the button, let's say, Upload Media strategically placed on the widget to submit their posts. <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Note: When the user clicks Upload Media, they'll be asked to review their experience, upload the photo, and provide basic details, such as Name and Email to complete the process.</blockquote> I hope this helps.