Articles on: Integration

How to Embed Instagram Feed on Pagecloud

Pagecloud is a website builder that lets you create your own sites with ease and convenience. It has a drag-and-drop system that lets you customize each site by moving elements around on the page. It is designed for beginners who want to create attractive and functional sites. In this article, we will teach you how to embed an Instagram feed on your Pagecloud site using an HTML code. This will help you showcase your Instagram posts or stories on your website and boost your social media engagement.

A few benefits are:

Boost your brand exposure by channelizing traffic from your website to your Instagram profile and vice versa.
Spark more interactions and engagement with your visitors by displaying fresh and genuine content from Instagram.
Earn trust and loyalty from your potential customers by featuring user-generated content and social proof from Instagram.

An Instagram Feed Collection on Idukki
A Pagecloud Website

Adding & Curating the Collection

To embed an Instagram feed on your Pagecloud site, follow these steps:

Create a collection of Instagram posts using Idukki. You can learn how to do that here.

Add Collection

Edit your collection to match your preferences. You can find out how to do that here.

Edit Collection

Curate your collection to make it ready for embedding on your Pagecloud site. You can learn more about that here.


While curating, you can leverage the Custom CSS option to override the existing style and design your feed as per your brand guidelines.

Click Publish and go to Copy to Clipboard to copy the HTML code. You will need this code later. You can preview the collection using the Preview button.


Embedding into Pagecloud

If you are designing your website on Pagecloud, it makes easy for you to embed HTML Snippets or DIVs. Here's how:

Log in to your Pagecloud account and open the site for editing.

Add a new section on the page 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.

Embed HTML

Pagecloud lets you stylize the section, arrange it on your website, and provides some advanced settings, such as CSS Selectors, Data Attributes, and more.

Save and preview the site to see how it looks. If you're satisfied with the result, go live.

I hope this helps.

Updated on: 15/08/2023

Was this article helpful?

Share your feedback


Thank you!