How to Embed Instagram Widget on Pagecloud
Idukki is a powerful UGC platform that lets you create and manage user-generated content for your website. One of the amazing features of Idukki is the ability to create a widget that showcases your Instagram feed.
Idukki gives you a custom HTML code that you can use to add your Instagram feed to any website. This code is easy to use and can be tailored to suit your specific needs.
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.
Pro Tip: Add different sources to create a diverse widget. Edit your collection to pin posts, show or hide posts, use a profanity filter, and tag products. 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.
You can curate your collection and fine-tune every detail to match your brand. Use a consistent design throughout your widget.
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 Pagecloud website and go to the project you want to edit.
Create a new section on the page or go to an existing one where you want to add the feed.
Paste the entire code onto your page. This will create an object that you can move and resize.
Save and preview the site to see how it looks. If you are happy with the result, publish your site.
Note: You can also use CMS Collection fields to dynamically update embedded code on Pagecloud.
Idukki gives you a custom HTML code that you can use to add your Instagram feed to any website. This code is easy to use and can be tailored to suit your specific needs.
To display your Instagram feed on your Pagecloud website using an Idukki collection, 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.
Pro Tip: Add different sources to create a diverse widget. Edit your collection to pin posts, show or hide posts, use a profanity filter, and tag products. 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.
You can curate your collection and fine-tune every detail to match your brand. Use a consistent design throughout your widget.
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 Pagecloud website and go to the project you want to edit.
Create a new section on the page or go to an existing one where you want to add the feed.
Paste the entire code onto your page. This will create an object that you can move and resize.
Save and preview the site to see how it looks. If you are happy with the result, publish your site.
Note: You can also use CMS Collection fields to dynamically update embedded code on Pagecloud.
Updated on: 15/08/2023
Thank you!