How to Embed Instagram Widget on Elementor
Idukki is a no-code UGC platform that allows you to create and manage user-generated content on your website. With Idukki, you can easily create an Instagram widget that will display your latest photos and videos on your Elementor website.
Before you start, make sure you have an Idukki collection and its HTML code ready. You also need an Elementor website where you want to add the widget.
Go to your Idukki dashboard and create a collection of your Instagram posts.
After you've created a new collection, you will be taken to the Manage Collection page. Learn more about it here.
On the Manage Collection page, click the "Publish" button. You get a prompt overlay: Curate My Feed or Publish. Continue to publish.
Learn more about curating your feed here.
In the Publish Collection dialog, by default, HTML 5 will be selected. You can simply copy the embed code by clicking Copy to Clipboard. You can click the Mail icon to send the code to the developer.
Note: If you're not sure how to install the code, you can connect with Idukki support using the Start Live Chat at the bottom or email the code to your development team by clicking Send it to Developer.
Open your Elementor-created website and go to the page where you want to embed your feed.
Click on the search box under Elements tab and search for HTML.
Click on the HTML element. It will be added to the page and a box to paste the code will open.
Paste the embed code into the HTML Code field. The widget will show up on the page. You can then click Publish to display your feed to the visitors.
Your Instagram feed will now be embedded on your Elementor website.
1. You can customize the appearance of your feed by changing the width, height, and layout.
2. You can also add a title and description to your feed.
3. You can embed multiple feeds on your website.
1. Add different sources to create a diverse widget.
2. Edit your collection to pin posts, show or hide posts, use a profanity filter, and tag products.
3. Curate your collection and fine-tune every detail to match your brand.
4. Use a consistent design throughout your widget.
I hope this helps!
Before you start, make sure you have an Idukki collection and its HTML code ready. You also need an Elementor website where you want to add the widget.
To embed your Instagram feed on your Elementor website using an Idukki collection, you will need to follow these steps:
Go to your Idukki dashboard and create a collection of your Instagram posts.
After you've created a new collection, you will be taken to the Manage Collection page. Learn more about it here.
On the Manage Collection page, click the "Publish" button. You get a prompt overlay: Curate My Feed or Publish. Continue to publish.
Learn more about curating your feed here.
In the Publish Collection dialog, by default, HTML 5 will be selected. You can simply copy the embed code by clicking Copy to Clipboard. You can click the Mail icon to send the code to the developer.
Note: If you're not sure how to install the code, you can connect with Idukki support using the Start Live Chat at the bottom or email the code to your development team by clicking Send it to Developer.
Open your Elementor-created website and go to the page where you want to embed your feed.
Click on the search box under Elements tab and search for HTML.
Click on the HTML element. It will be added to the page and a box to paste the code will open.
Paste the embed code into the HTML Code field. The widget will show up on the page. You can then click Publish to display your feed to the visitors.
Your Instagram feed will now be embedded on your Elementor website.
Here are some additional tips for embedding your Instagram feed on your Wix website using an Idukki collection:
1. You can customize the appearance of your feed by changing the width, height, and layout.
2. You can also add a title and description to your feed.
3. You can embed multiple feeds on your website.
Here are some additional tips for creating and customizing your Idukki collection:
1. Add different sources to create a diverse widget.
2. Edit your collection to pin posts, show or hide posts, use a profanity filter, and tag products.
3. Curate your collection and fine-tune every detail to match your brand.
4. Use a consistent design throughout your widget.
I hope this helps!
Updated on: 15/08/2023
Thank you!