Elementor is a powerful and user-friendly WordPress page builder that lets you create stunning websites without any coding. With Elementor, you can drag and drop various elements, widgets, and templates to design your pages and customize them to your liking. 
 
One of the widgets that you can use with Elementor is the HTML widget, which allows you to embed any HTML code on your page. This means that you can display your Instagram feed on your Elementor page and showcase your social media content to your visitors.

In this article, we will show you how to embed Instagram feed on Elementor using Idukki, a platform that helps you create and curate beautiful social media albums. 
 
You will also learn how to customise your feed and make it fit your page's style and theme. Let's get started!

<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)
\`\`\`

****Prerequisites****

> ****Instagram Collection in Idukki**** 
> ****A WordPress Website****

## Adding & Curating the Feed

With Idukki, you can easily set up a collection of feeds from various sources and customize the widget to suit your website. 
 
****1.****Create an Instagram feed. To learn how, click[****here****](https://help.idukki.io/articles/how-to-add-an-instagram-hashtag-feed-38ed40-5d91c). 
 
![Add Feed](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_kvsdq6.png) 
 
****2.****After adding the posts, you can edit your collection by pinning posts, showing/hiding posts, using profanity filter, tagging products. To learn how, click[****here****](https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7). 
 
![Edit Collection](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1a2xdgz.png) 
 
****3.****Next, you can curate your collection and fine-tune every detail to match your brand. To learn how, click[****here****](https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb). 
 
![Curate](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13nk5ym.png)

> **You can also add custom CSS to design your widget according to your plan.**

****4.****Click****Publish****and select Copy Code in the dialog to view and copy the HTML code. You will need it later. 
 
![Publish](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13p5svt.png)

### Embedding Feed in Elementor

****1.****In your WordPress dashboard, edit the page where you want to display your widget with****Elementor.**** 
 
****2.****From the Elementor widget library,****drag and drop****an HTML widget to your page. 
 
![Add HTML Element](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1bwc176.png) 
 
****3.****Paste the****HTML code****you copied earlier into the text area of the widget. 
 
****4\. Save and preview****your page to see your Instagram feed. 
 
![Preview Feed](https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xi7kbf.png) 
 
**I hope this helps.**

Turn User-Generated Content Into Brand Success

**Build Trust ![]() Increase Engagement ![]() Grow Conversions ![]()**

* [Request Demo]()
* [Start Free Trial]()
">
Turn User-Generated Content Into Brand Success

**Build Trust ![check](https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg) Increase Engagement ![check](https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg) Grow Conversions ![check](https://static.wixstatic.com/shapes/0cf4be_0b1fc9720c7946b4ba131118466f7fb2.svg)**

* [Request Demo](https://idukki.io/request-demo)
* [Start Free Trial](https://app.idukki.io/register/)

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">How to Embed Instagram Feed on Elementor</h1> Elementor is a powerful and user-friendly WordPress page builder that lets you create stunning websites without any coding. With Elementor, you can drag and drop various elements, widgets, and templates to design your pages and customize them to your liking. One of the widgets that you can use with Elementor is the HTML widget, which allows you to embed any HTML code on your page. This means that you can display your Instagram feed on your Elementor page and showcase your social media content to your visitors. In this article, we will show you how to embed Instagram feed on Elementor using Idukki, a platform that helps you create and curate beautiful social media albums. You will also learn how to customise your feed and make it fit your page's style and theme. Let's get started! Prerequisites<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Instagram Collection in Idukki</li><li value="2" class="PlaygroundEditorTheme__listItem">A WordPress Website</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Adding &amp; Curating the Feed</h2> With Idukki, you can easily set up a collection of feeds from various sources and customize the widget to suit your website. 1. Create an Instagram feed. To learn how, click <a href="https://help.idukki.io/en/article/how-to-add-an-instagram-hashtag-feed-1msrqza/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_kvsdq6.png" alt="Add Feed" width="inherit" height="inherit"> 2. After adding the posts, you can edit your collection by pinning posts, showing/hiding posts, using profanity filter, tagging products. To learn how, click <a href="https://help.idukki.io/en/article/how-to-edit-existing-collection-on-idukki-1coklfv/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1a2xdgz.png" alt="Edit Collection" width="inherit" height="inherit"> 3. Next, you can curate your collection and fine-tune every detail to match your brand. To learn how, click <a href="https://help.idukki.io/en/article/how-to-curate-collections-on-idukki-1pce791/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13nk5ym.png" alt="Curate" width="inherit" height="inherit"> You can also add custom CSS to design your widget according to your plan. 4. Click Publish and select Copy Code in the dialog to view and copy the HTML code. You will need it later. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13p5svt.png" alt="Publish" width="inherit" height="inherit"> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Embedding Feed in Elementor</h3> 1. In your WordPress dashboard, edit the page where you want to display your widget with Elementor. 2. From the Elementor widget library, drag and drop an HTML widget to your page. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1bwc176.png" alt="Add HTML Element" width="inherit" height="inherit"> 3. Paste the HTML code you copied earlier into the text area of the widget. 4. Save and preview your page to see your Instagram feed. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xi7kbf.png" alt="Preview Feed" width="inherit" height="inherit"> I hope this helps.

How to Embed Instagram Feed on Elementor

Elementor is a powerful and user-friendly WordPress page builder that lets you create stunning websites without any coding. With Elementor, you can drag and drop various elements, widgets, and templates to design your pages and customize them to your liking. One of the widgets that you can use with Elementor is the HTML widget, which allows you to embed any HTML code on your page. This means that you can display your Instagram feed on your Elementor page and showcase your social media content to your visitors. In this article, we will show you how to embed Instagram feed on Elementor using Idukki, a platform that helps you create and curate beautiful social media albums. You will also learn how to customise your feed and make it fit your page's style and theme. Let's get started! Prerequisites<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Instagram Collection in Idukki</li><li value="2" class="PlaygroundEditorTheme__listItem">A WordPress Website</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Adding &amp; Curating the Feed</h2> With Idukki, you can easily set up a collection of feeds from various sources and customize the widget to suit your website. 1. Create an Instagram feed. To learn how, click <a href="https://help.idukki.io/en/article/how-to-add-an-instagram-hashtag-feed-1msrqza/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_kvsdq6.png" alt="Add Feed" width="inherit" height="inherit"> 2. After adding the posts, you can edit your collection by pinning posts, showing/hiding posts, using profanity filter, tagging products. To learn how, click <a href="https://help.idukki.io/en/article/how-to-edit-existing-collection-on-idukki-1coklfv/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1a2xdgz.png" alt="Edit Collection" width="inherit" height="inherit"> 3. Next, you can curate your collection and fine-tune every detail to match your brand. To learn how, click <a href="https://help.idukki.io/en/article/how-to-curate-collections-on-idukki-1pce791/" target="_self" rel="noopener noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13nk5ym.png" alt="Curate" width="inherit" height="inherit"> You can also add custom CSS to design your widget according to your plan. 4. Click Publish and select Copy Code in the dialog to view and copy the HTML code. You will need it later. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13p5svt.png" alt="Publish" width="inherit" height="inherit"> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Embedding Feed in Elementor</h3> 1. In your WordPress dashboard, edit the page where you want to display your widget with Elementor. 2. From the Elementor widget library, drag and drop an HTML widget to your page. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1bwc176.png" alt="Add HTML Element" width="inherit" height="inherit"> 3. Paste the HTML code you copied earlier into the text area of the widget. 4. Save and preview your page to see your Instagram feed. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xi7kbf.png" alt="Preview Feed" width="inherit" height="inherit"> I hope this helps.

Elementor is a powerful and user-friendly WordPress page builder that lets you create stunning websites without any coding. With Elementor, you can drag and drop various elements, widgets, and templates to design your pages and customize them to your liking. One of the widgets that you can use with Elementor is the HTML widget, which allows you to embed any HTML code on your page. This means that you can display your Instagram feed on your Elementor page and showcase your social media content to your visitors. In this article, we will show you how to embed Instagram feed on Elementor using Idukki, a platform that helps you create and curate beautiful social media albums. You will also learn how to customise your feed and make it fit your page's style and theme. Let's get started! Prerequisites<blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Instagram Collection in Idukki A WordPress Website</blockquote> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Adding &amp; Curating the Feed</h2> With Idukki, you can easily set up a collection of feeds from various sources and customize the widget to suit your website. 1. Create an Instagram feed. To learn how, click <a href="https://help.idukki.io/articles/how-to-add-an-instagram-hashtag-feed-38ed40-5d91c" rel="noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_kvsdq6.png" alt="Add Feed" width="inherit" height="inherit"> 2. After adding the posts, you can edit your collection by pinning posts, showing/hiding posts, using profanity filter, tagging products. To learn how, click <a href="https://help.idukki.io/articles/how-to-edit-existing-collection-on-idukki-38ed40-2caf7" rel="noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1a2xdgz.png" alt="Edit Collection" width="inherit" height="inherit"> 3. Next, you can curate your collection and fine-tune every detail to match your brand. To learn how, click <a href="https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb" rel="noreferrer" class="PlaygroundEditorTheme__link">here</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13nk5ym.png" alt="Curate" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can also add custom CSS to design your widget according to your plan.</blockquote> 4. Click Publish and select Copy Code in the dialog to view and copy the HTML code. You will need it later. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_13p5svt.png" alt="Publish" width="inherit" height="inherit"> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Embedding Feed in Elementor</h3> 1. In your WordPress dashboard, edit the page where you want to display your widget with Elementor. 2. From the Elementor widget library, drag and drop an HTML widget to your page. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1bwc176.png" alt="Add HTML Element" width="inherit" height="inherit"> 3. Paste the HTML code you copied earlier into the text area of the widget. 4. Save and preview your page to see your Instagram feed. <img src="https://storage.crisp.chat/users/helpdesk/website/ac09982175aed000/image_1xi7kbf.png" alt="Preview Feed" width="inherit" height="inherit"> I hope this helps.

Embed media on various third-party platforms

Was this article helpful?