How to Embed Instagram Profile on Website for Multiple Source/Username

Based on your needs to embed the Instagram profile on your CMS website, you can implement by different methods.

More than 90% of marketers claim that Socal Media Marketing is a vital part of their business success. Like previously people used to share beautiful captures on Facebook, now most of the people migrated to Instagram to share their lovely moments. So, keep engaging the users on your blog or website using Instagram Profile Embed or Embedding posts is beneficial for your business.

Today below, I am going to show you how you can Embed Instagram Pictures or Post from a Single Username, Multiple Username, and Custom Feeds.

Methods to Embed Instagram Posts/Album

Here are the ways-

Embed a Single Post/Video:

To embed a single post or picture, the best advice is not to use any third party or a plugin. Instagram provides a free embed feature to insert a separate post on your website. Here is how to do that-

Suppose I am going to Embed a post from Instagram

Now click on the three dots just right the above corner, and you can see the below options-

How to embed Instagram Picture post

How to embed Instagram Picture post

Now click on Embed. After clicking on embed, you will see the code like below-

Copy Instagram Embed code

Now copy the code, you can include the caption by a tick mark on the embed or exclude that. Paste on any website whether it is pure HTML code website or WordPress or Magento or Wix. It will work on all platforms.

Demo:

 

View this post on Instagram

 

A post shared by Janhvi Kapoor (@janhvikapoor) on

Embed a Single Profile: (Self Accounts)

To embed a profile from Instagram, I am explaining to you, for now, WordPress only. There are many plugins to do that, but here we use three two of them are

1. WP Instagram Feed Gallery

2. Custom Feeds for Instagram By Smash Balloon &

3. Instagram Feed By 10Web

Note that these methods require your access to the Instagram accounts for which you want to show the feeds. For public account embed, keep reading the full post.

WP Instagram Feed Gallery:

An easy and straightforward way to display your Instagram Feed and Tag Gallery on your website. Display pictures from your Instagram account as a gallery or as carousel Slider.

The implementation of this plugin is straightforward; you need to connect your Instagram account and request for an access token. Install the plugin, and you can add shortcode to the page where you want to display the feeds.

The shorcode for WP Instagram Feed Gallery: is [insta-gallery id=”1″] , [insta-gallery id=”2″], [insta-gallery id=”3″], etc.

Download the plugin

Custom Feeds for Instagram By Smash Balloon

Display Instagram posts from your Instagram account, either in the same single feed or in multiple different ones.

Demo:

Some of the great features about this plugin are that,

  • Display your Instagram photos chronologically or in random order
  • Display multiple Instagram feeds on the same page or different pages throughout your site
  • Infinitely load more of your Instagram photos with the ‘Load More’ button
  • Completely customizable – Customize the width, height, number of photos, number of columns, image size, background color, image spacing, and more!
  • Includes a Follow on the Instagram button at the bottom of your feed

The shortcode for Custom Feeds for Instagram By Smash Balloon is: [instagram-feed]

Here is a quick review of Custom feeds for Instagram By Smash Ballon

Download the plugin:

Instagram Feed By 10Web

10Web Social Feed for Instagram is the leading plugin for quickly presenting a customizable Instagram feed on your website.

For a single profile embed of self account, the Instagram feed by 10Web is a user-friendly WordPress plugin which helps you show the latest feeds on your website. The settings and controls features allow you to customize according to your needs to display the feeds. This plugin fits for the bloggers, photography website, foods, travel, and much more to show videos or posts from their profile on the blogs or website. The responsive plugin is scaled correctly to all screen sizes providing an excellent user experience.

10web instagram profile embed

Demo: https://demo.10web.io/instagram-feed/

The shotrcode for Instagram Feed By 10Web is: [wdi_feed id=”1″] , [wdi_feed id=”2″], etc.

Download the plugin

Embed Instagram Accounts/Profiles: (Public Profile)

If you aim to embed a profile or feeds/album from a public account, then there is also possible to do that.

To do that you need to Signup on a website called Elfsight and select Instashow Application. There no need to login via Instagram or take access token. InstaShow allows setting up gorgeous grids of Instagram photos and embedding them in any place of your website.

They care all the things to embed the profiles for. You need to customize and set up the feeds.

Instagram feeds by Elfsight Instashow

Some of the features include-

  • Add multiple profiles
  • Set the number of columns manually in your widget
  • Embed your Instagram photos on a website and create the excellent feed in no time due to Elfsight HTML code generator
  • Photo description from your account while aiming at it in the grid
  • Post settings to show date, like, comments, etc.

Below is a demo for a user name saraalikhan95, which display Instagram feeds by username.

 

How useful was this post?

Click on a star to rate it!

Average rating / 5. Vote count:

We are sorry that this post was not useful for you!

Let us improve this post!

Share this

Leave a Reply