Embed widget on your website's home page and product pages to build trust and engage better with your target audience. Leverage Idukki's advanced capabilities to showcase different user-generated content on your primary touchpoints seamlessly. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">To add stories widget:</h2> 1. Go to Collection &gt; All Collections on the left navigation pane in your Idukki account. 2. On the Collections page, you can create a new collection or manage an existing one. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Click Add to create a new collection.</li><li value="2" class="PlaygroundEditorTheme__listItem">Click on the name of any collection to manage it.</li></ul> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can directly go to curate section of any collection, just click Curate on the collections page.</blockquote> 3. When the collection is ready, click Publish and select Curate my feed from the prompt overlay. 4. In the Curate section, go to Layout and select Story. You can see the preview on the right side of your screen. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1700914422021.png?alt=media" alt="image.png" width="inherit" height="inherit"> 5. To embed the widget, click Publish on the top right. The Publish Collection overlay will open. Follow these steps:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Select the platform/mode from the dropdown, such as, HTML, Woo, Magento, etc.</li><li value="2" class="PlaygroundEditorTheme__listItem">Click Copy to copy the code.</li><li value="3" class="PlaygroundEditorTheme__listItem">Add a custom domain.</li><li value="4" class="PlaygroundEditorTheme__listItem">Follow instructions to paste the code into your page's source.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1700915192971.png?alt=media" alt="image.png" width="inherit" height="inherit">

Embed widget on your website's home page and product pages to build trust and engage better with your target audience. Leverage Idukki's advanced capabilities to showcase different user-generated content on your primary touchpoints seamlessly.

## To add stories widget:

****1.****Go to****Collection****>****All Collections****on the left navigation pane in your Idukki account.

****2\.****On the Collections page, you can create a new collection or manage an existing one.

* Click****Add****to create a new collection.
* Click on the name of any collection to manage it.

> **You can directly go to curate section of any collection, just click** *****Curate***** **on the collections page.**

****3\.****When the collection is ready, click****Publish****and select****Curate my feed****from the prompt overlay.

****4\.****In the Curate section, go to****Layout****and select****Story****. You can see the preview on the right side of your screen.

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

****5\.****To embed the widget, click****Publish****on the top right. The Publish Collection overlay will open.

Follow these steps:

* Select the platform/mode from the dropdown, such as, HTML, Woo, Magento, etc.
* Click Copy to copy the code.
* Add a custom domain****.****
* Follow instructions to paste the code into your page's source.

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

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Sample Title</h1> This is a very simple editor that helps you craft your document.Tips <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Use Keyboard shortcuts</li><li value="2" class="PlaygroundEditorTheme__listItem">Highlight a text to see formatting options</li><li value="3" class="PlaygroundEditorTheme__listItem">Enter a new line and press Tab to see options</li></ol> * This is just a pre-formatted sample documentFeel free to delete this text and start all over again You can also Diagrams<span data-lexical-excalidraw-json="{&quot;appState&quot;:{&quot;exportBackground&quot;:true,&quot;exportScale&quot;:2,&quot;exportWithDarkMode&quot;:false,&quot;isBindingEnabled&quot;:true,&quot;isLoading&quot;:false,&quot;name&quot;:&quot;Untitled-2023-07-24-1101&quot;,&quot;theme&quot;:&quot;light&quot;,&quot;viewBackgroundColor&quot;:&quot;#ffffff&quot;,&quot;viewModeEnabled&quot;:false,&quot;zenModeEnabled&quot;:false,&quot;zoom&quot;:{&quot;value&quot;:1}},&quot;elements&quot;:[{&quot;id&quot;:&quot;ZUlI8yQ_m1UIfIOQZus7O&quot;,&quot;type&quot;:&quot;rectangle&quot;,&quot;x&quot;:270.24609375,&quot;y&quot;:167.96875,&quot;width&quot;:97.4140625,&quot;height&quot;:94.21484375,&quot;angle&quot;:0,&quot;strokeColor&quot;:&quot;#000000&quot;,&quot;backgroundColor&quot;:&quot;transparent&quot;,&quot;fillStyle&quot;:&quot;hachure&quot;,&quot;strokeWidth&quot;:1,&quot;strokeStyle&quot;:&quot;solid&quot;,&quot;roughness&quot;:1,&quot;opacity&quot;:100,&quot;groupIds&quot;:[],&quot;roundness&quot;:{&quot;type&quot;:3},&quot;seed&quot;:40042329,&quot;version&quot;:120,&quot;versionNonce&quot;:1540045337,&quot;isDeleted&quot;:false,&quot;boundElements&quot;:[{&quot;id&quot;:&quot;8aE6hF-UqGZStSVniYSSh&quot;,&quot;type&quot;:&quot;arrow&quot;}],&quot;updated&quot;:1690176684781,&quot;link&quot;:null,&quot;locked&quot;:false},{&quot;id&quot;:&quot;8aE6hF-UqGZStSVniYSSh&quot;,&quot;type&quot;:&quot;arrow&quot;,&quot;x&quot;:370.71875,&quot;y&quot;:213.9921875,&quot;width&quot;:89.6484375,&quot;height&quot;:0.578125,&quot;angle&quot;:0,&quot;strokeColor&quot;:&quot;#000000&quot;,&quot;backgroundColor&quot;:&quot;transparent&quot;,&quot;fillStyle&quot;:&quot;hachure&quot;,&quot;strokeWidth&quot;:1,&quot;strokeStyle&quot;:&quot;solid&quot;,&quot;roughness&quot;:1,&quot;opacity&quot;:100,&quot;groupIds&quot;:[],&quot;roundness&quot;:{&quot;type&quot;:2},&quot;seed&quot;:630576407,&quot;version&quot;:61,&quot;versionNonce&quot;:342901463,&quot;isDeleted&quot;:false,&quot;boundElements&quot;:null,&quot;updated&quot;:1690176684781,&quot;link&quot;:null,&quot;locked&quot;:false,&quot;points&quot;:[[0,0],[89.6484375,0.578125]],&quot;lastCommittedPoint&quot;:null,&quot;startBinding&quot;:{&quot;elementId&quot;:&quot;ZUlI8yQ_m1UIfIOQZus7O&quot;,&quot;focus&quot;:-0.029898040219433306,&quot;gap&quot;:3.05859375},&quot;endBinding&quot;:null,&quot;startArrowhead&quot;:null,&quot;endArrowhead&quot;:&quot;arrow&quot;},{&quot;id&quot;:&quot;tvSZrq0A2YbHmuNhokRpV&quot;,&quot;type&quot;:&quot;rectangle&quot;,&quot;x&quot;:458.234375,&quot;y&quot;:159.6640625,&quot;width&quot;:127.56640625,&quot;height&quot;:105.63671875,&quot;angle&quot;:0,&quot;strokeColor&quot;:&quot;#000000&quot;,&quot;backgroundColor&quot;:&quot;transparent&quot;,&quot;fillStyle&quot;:&quot;hachure&quot;,&quot;strokeWidth&quot;:1,&quot;strokeStyle&quot;:&quot;solid&quot;,&quot;roughness&quot;:1,&quot;opacity&quot;:100,&quot;groupIds&quot;:[],&quot;roundness&quot;:{&quot;type&quot;:3},&quot;seed&quot;:87019511,&quot;version&quot;:152,&quot;versionNonce&quot;:536347513,&quot;isDeleted&quot;:false,&quot;boundElements&quot;:[{&quot;id&quot;:&quot;H4-HGSOP1SuUcVRKPBT9N&quot;,&quot;type&quot;:&quot;arrow&quot;}],&quot;updated&quot;:1690176692885,&quot;link&quot;:null,&quot;locked&quot;:false},{&quot;id&quot;:&quot;H4-HGSOP1SuUcVRKPBT9N&quot;,&quot;type&quot;:&quot;arrow&quot;,&quot;x&quot;:590.3828125,&quot;y&quot;:206.76953125,&quot;width&quot;:103.953125,&quot;height&quot;:1.01953125,&quot;angle&quot;:0,&quot;strokeColor&quot;:&quot;#000000&quot;,&quot;backgroundColor&quot;:&quot;transparent&quot;,&quot;fillStyle&quot;:&quot;hachure&quot;,&quot;strokeWidth&quot;:1,&quot;strokeStyle&quot;:&quot;solid&quot;,&quot;roughness&quot;:1,&quot;opacity&quot;:100,&quot;groupIds&quot;:[],&quot;roundness&quot;:{&quot;type&quot;:2},&quot;seed&quot;:817773943,&quot;version&quot;:97,&quot;versionNonce&quot;:1889686391,&quot;isDeleted&quot;:false,&quot;boundElements&quot;:null,&quot;updated&quot;:1690176692885,&quot;link&quot;:null,&quot;locked&quot;:false,&quot;points&quot;:[[0,0],[103.953125,1.01953125]],&quot;lastCommittedPoint&quot;:null,&quot;startBinding&quot;:{&quot;elementId&quot;:&quot;tvSZrq0A2YbHmuNhokRpV&quot;,&quot;focus&quot;:-0.11944089982348924,&quot;gap&quot;:4.58203125},&quot;endBinding&quot;:null,&quot;startArrowhead&quot;:null,&quot;endArrowhead&quot;:&quot;arrow&quot;},{&quot;id&quot;:&quot;KR0Zn0yOyvzehVaGSE2o6&quot;,&quot;type&quot;:&quot;rectangle&quot;,&quot;x&quot;:688.0703125,&quot;y&quot;:148.20703125,&quot;width&quot;:137.30859375,&quot;height&quot;:125.62890625,&quot;angle&quot;:0,&quot;strokeColor&quot;:&quot;#000000&quot;,&quot;backgroundColor&quot;:&quot;transparent&quot;,&quot;fillStyle&quot;:&quot;hachure&quot;,&quot;strokeWidth&quot;:1,&quot;strokeStyle&quot;:&quot;solid&quot;,&quot;roughness&quot;:1,&quot;opacity&quot;:100,&quot;groupIds&quot;:[],&quot;roundness&quot;:{&quot;type&quot;:3},&quot;seed&quot;:2115423383,&quot;version&quot;:110,&quot;versionNonce&quot;:1871306649,&quot;isDeleted&quot;:false,&quot;boundElements&quot;:null,&quot;updated&quot;:1690176695818,&quot;link&quot;:null,&quot;locked&quot;:false}],&quot;files&quot;:{}}"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 575.1328125 145.62890625" width="100%" height="100%" display="block">
 
 
 <defs>
 
 </defs>
 <rect x="0" y="0" width="575.1328125" height="145.62890625" fill="#ffffff"></rect><g stroke-linecap="round" transform="translate(10 29.76171875) rotate(0 48.70703125 47.107421875)"><path d="M23.55 0 M23.55 0 C35.32 2.08, 45.25 -1.5, 73.86 0 M23.55 0 C36.56 -0.64, 50.11 -0.02, 73.86 0 M73.86 0 C89.78 1.1, 96.02 6.42, 97.41 23.55 M73.86 0 C89.54 -2.21, 97.13 9.87, 97.41 23.55 M97.41 23.55 C98.66 37.07, 98.51 53.52, 97.41 70.66 M97.41 23.55 C97.64 38.77, 98.7 53.86, 97.41 70.66 M97.41 70.66 C98.99 84.92, 89.42 94.08, 73.86 94.21 M97.41 70.66 C96.64 87.32, 90.8 91.96, 73.86 94.21 M73.86 94.21 C61.25 93.77, 46.76 95.81, 23.55 94.21 M73.86 94.21 C59.98 94.27, 45.07 94.11, 23.55 94.21 M23.55 94.21 C6.02 93.32, 1.99 86.46, 0 70.66 M23.55 94.21 C5.55 94.51, -1.09 88.19, 0 70.66 M0 70.66 C0.9 58.37, 0.99 45.75, 0 23.55 M0 70.66 C0.79 53.73, -0.56 35.03, 0 23.55 M0 23.55 C0.96 6.41, 8.16 -0.38, 23.55 0 M0 23.55 C0.42 7.37, 9.89 -1.37, 23.55 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g stroke-linecap="round"><g transform="translate(110.47265625 75.78515625) rotate(0 44.82421875 0.2890625)"><path d="M0.94 0.43 C16.02 0.21, 74.46 -0.08, 89.41 -0.22 M-0.03 -0.39 C14.96 0.05, 73.27 0.77, 88.34 0.89" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(110.47265625 75.78515625) rotate(0 44.82421875 0.2890625)"><path d="M60.76 10.46 C64.6 10.18, 70.2 7.84, 89.23 0.35 M59.85 10.97 C66.56 9.33, 73.21 6.58, 88.04 1.45" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(110.47265625 75.78515625) rotate(0 44.82421875 0.2890625)"><path d="M60.98 -10.06 C64.95 -6, 70.51 -4.01, 89.23 0.35 M60.08 -9.55 C66.69 -6.17, 73.29 -3.89, 88.04 1.45" stroke="#000000" stroke-width="1" fill="none"></path></g></g><mask></mask><g stroke-linecap="round" transform="translate(197.98828125 21.45703125) rotate(0 63.783203125 52.818359375)"><path d="M26.41 0 M26.41 0 C39.66 -1.05, 55.49 -1.49, 101.16 0 M26.41 0 C45.83 0.48, 65.05 -0.28, 101.16 0 M101.16 0 C118.54 -0.88, 126.35 10.15, 127.57 26.41 M101.16 0 C118.92 0.79, 126.17 6.9, 127.57 26.41 M127.57 26.41 C127.83 42.58, 128.27 63.26, 127.57 79.23 M127.57 26.41 C127.1 40.77, 127.94 55.19, 127.57 79.23 M127.57 79.23 C129.04 97.78, 118.97 103.78, 101.16 105.64 M127.57 79.23 C127.17 96.26, 119.21 106.73, 101.16 105.64 M101.16 105.64 C84.51 103.86, 64.44 107.05, 26.41 105.64 M101.16 105.64 C84.77 105.82, 68.54 104.69, 26.41 105.64 M26.41 105.64 C8.06 107.12, 1.96 97.82, 0 79.23 M26.41 105.64 C8.88 103.56, -1.55 96.67, 0 79.23 M0 79.23 C1.59 60.41, 1.48 38.12, 0 26.41 M0 79.23 C0.55 63.15, 0.69 45.85, 0 26.41 M0 26.41 C0.25 9.98, 10.68 -0.75, 26.41 0 M0 26.41 C0.19 10.82, 10.72 0.35, 26.41 0" stroke="#000000" stroke-width="1" fill="none"></path></g><g stroke-linecap="round"><g transform="translate(330.13671875 68.5625) rotate(0 51.9765625 0.509765625)"><path d="M-0.58 1.1 C16.57 1.02, 86.46 0.11, 103.82 0.25 M1.31 0.63 C18.22 0.62, 85.91 1.48, 102.8 1.39" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(330.13671875 68.5625) rotate(0 51.9765625 0.509765625)"><path d="M76.39 11.29 C83.78 7.28, 97.14 4.96, 103.4 0.19 M75.25 11.27 C86.21 7.5, 96.45 3.53, 102.11 0.5" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(330.13671875 68.5625) rotate(0 51.9765625 0.509765625)"><path d="M76.49 -9.23 C83.97 -5.57, 97.29 -0.21, 103.4 0.19 M75.35 -9.26 C86.46 -5.05, 96.67 -1.07, 102.11 0.5" stroke="#000000" stroke-width="1" fill="none"></path></g></g><mask></mask><g stroke-linecap="round" transform="translate(427.82421875 10) rotate(0 68.654296875 62.814453125)"><path d="M31.41 0 M31.41 0 C50.23 0.51, 72 1.86, 105.9 0 M31.41 0 C59.7 0.27, 89.07 0.78, 105.9 0 M105.9 0 C126.54 0.96, 135.35 10.15, 137.31 31.41 M105.9 0 C124.76 1.89, 135.99 9.56, 137.31 31.41 M137.31 31.41 C136.35 44.69, 136.76 57.42, 137.31 94.22 M137.31 31.41 C138.64 48.6, 138.81 63.54, 137.31 94.22 M137.31 94.22 C136.79 115.26, 125.17 127.04, 105.9 125.63 M137.31 94.22 C135.26 116.46, 127.96 127.73, 105.9 125.63 M105.9 125.63 C88.62 126.09, 70.58 126.36, 31.41 125.63 M105.9 125.63 C90.86 125.91, 74.93 125.2, 31.41 125.63 M31.41 125.63 C9.85 126.31, 0.04 115.7, 0 94.22 M31.41 125.63 C10.93 125.99, -1.81 113.78, 0 94.22 M0 94.22 C-1.42 78.15, -0.46 59.03, 0 31.41 M0 94.22 C0.08 71.05, -1.13 47.93, 0 31.41 M0 31.41 C-0.88 12.25, 9.08 1.01, 31.41 0 M0 31.41 C0.31 11.22, 11.72 -0.22, 31.41 0" stroke="#000000" stroke-width="1" fill="none"></path></g></svg> You can also embed and HTML<code>&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/NxKTy_ymTjc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;</code>

How to Add Stories Widget on Home Page and PDP

Set up your account and create your first collection in Idukki

Was this article helpful?