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 :
Instagram Collection in Idukki
A WordPress Website
With Idukki, you can easily set up a collection of feeds from various sources and customize the widget to suit your website.
Create an Instagram feed. To learn how, click here.
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.
Next, you can curate your collection and fine-tune every detail to match your brand. To learn how, click here.
You can also add custom CSS to design your widget according to your plan.
Click Publish and select Copy Code in the dialog to view and copy the HTML code. You will need it later.
In your WordPress dashboard, edit the page where you want to display your widget with Elementor.
From the Elementor widget library, drag and drop an HTML widget to your page.
Paste the HTML code you copied earlier into the text area of the widget.
Save and preview your page to see your Instagram feed.
I hope this helps.
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 :
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.
Create an Instagram feed. To learn how, click here.
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.
Next, you can curate your collection and fine-tune every detail to match your brand. To learn how, click here.
You can also add custom CSS to design your widget according to your plan.
Click Publish and select Copy Code in the dialog to view and copy the HTML code. You will need it later.
Embedding Feed in Elementor
In your WordPress dashboard, edit the page where you want to display your widget with Elementor.
From the Elementor widget library, drag and drop an HTML widget to your page.
Paste the HTML code you copied earlier into the text area of the widget.
Save and preview your page to see your Instagram feed.
I hope this helps.
Updated on: 15/08/2023
Thank you!