CYBER MONDAY: Get Lifetime Access to All Themes & Plugins for only $299 - 24/100 Licenses remaining View Details →

How to Embed Instagram Feed On WordPress?

Deciding to embed Instagram into WordPress comes with some noteworthy advantages.

Either if you are a blogger or a business owner, displaying your Instagram feed is not only visually pleasing and captures the attention of your readers, but could also provide more details about your posts or products.

Also, linking your feed might drive website visitors to your Instagram account and increase the number of your followers. At the same time, you might add links to your website in your Instagram posts and drive traffic to it, thus resulting in an efficient cross-platform promotion of your online activity.

How to embed Instagram on WordPress

Embed Instagram Feed on WordPress in 3 Steps

Since Instagram doesn’t provide a direct way of embedding your feed out of their platform, you’d have to use a specialized plugin to achieve this. Even so, this is really easy to achieve, and basically, you have to follow three steps:

  1. Install a specialized Instagram plugin
  2. Connect your Instagram account
  3. Embed the Instagram feed on your website

Let’s dive into each step in detail.


Step 1: Install an Instagram plugin

Using a specialized plugin is the easiest way to add an Instagram feed to your WordPress website. This means that you don’t have to worry about coding, files, and other complicated technical terms.

So, the first step for embedding your Instagram feed to your website is to install the Social Feed Widget & Block plugin in Plugins → Add New. You can search for the plugin by keywords and install it. Or, you can download the plugin from WordPres.org and install the ZIP folder by using the Upload Plugin option.

After installing the plugin, make sure to click on the Activate button.

Social Feed Widget & Block plugin

If you’ve decided to start with the PRO version of Social Feed Widget & Block, follow these instructions.


Step 2: Connect your Instagram account

At this point, make sure you are logged in with your Instagram account in your current browser on instagram.com.

After the plugin is installed and activated on your website, a special Instagram Widget section will appear in the left sidebar of your WordPress Dashboard. Click on Instagram Widget → Users and click on the Connect your Instagram account button.

Connect your Instagram account

After clicking on the button you’ll be asked to grant permissions to our plugin to display your feed. Make sure to enable the Access your media option and then click on the Authorize button.

That’s it! You’re now ready to customize and embed the Instagram feed on your website.

When you go back to the Instagram Widget → Users section, you’ll have options such as to Edit or Delete the user. When clicking on the Edit User button, you’ll have the options to add a profile picture, name, and bio info for your account. Due to some restrictions imposed by Instagram, Instagram Widget cannot import the profile photo and bio text for Personal accounts.

With Social Feed Widget & Block PRO, you can connect multiple accounts and embed Instagram feeds from each of them.


Step 3: Embed the Instagram feed to WordPress

After you’ve connected your Instagram account, head on to Instagram Widget → Feeds and click on the Add New Feed button. You’ll be prompted to choose the Instagram account you want to create the feed for. Click on Select an Account and choose the corresponding Instagram account. After the selection, you will be presented with some configuration options.

To customize the style and design of the feed, switch to the Design tab and choose within the numerous options the plugin includes. You can configure settings for the layout, profile details, and the feed itself:

Embed the Instagram feed to WordPress

Make sure to hit the Save button after you’ve set up the design of your Instagram feed.

After this, switch to the Embed tab and see several available options for embedding your Instagram feed on your website. You can either use a shortcode, a block, or add the feed as a widget.

The shortcode option is the most universal one. It allows you to embed the Instagram feed in pages, posts, page builder modules, and widgets.

Full-width Instagram feed added with a block
Full-width Instagram feed added with a block

When you go back to the Instagram Widget → Feeds section, you’ll have options such as to Edit, Duplicate or Delete the feed, as well as the option to Copy the shortcode and Update the posts in the feed.


Conclusion

Adding an Instagram feed helps you create an online impact and gain new followers. On the other hand, you can drive traffic to your website through your Instagram account.

Embedding an Instagram feed to your WordPress website with Social Feed Widget & Block is simple: install the plugin, connect your Instagram account and embed the feed anywhere on your website. It’s easy, saves you time, and is completely beginner-friendly.

You can even opt for more features for your Instagram feed by upgrading to Social Feed Widget & Block PRO.

Got any questions about adding the Instagram feed to your website? Feel free to ask in the comments section below.

Related Posts

Subscribe to the WPZOOM newsletter.

Join 150,000 people. Get our latest news & releases delivered to your inbox.

Leave a Reply

*

*