How to Embed Instagram Feed on a WordPress Website?
BLOG

How to Embed Instagram Feed on a WordPress Website?

WordPress is your best bet if you want a business website that does almost everything you want it to do without any coding complexities. It is easy, free of cost, and a robust platform. You might find more easy-to-use platforms. However, they do not have the functionalities that WordPress offers. 

WordPress is a content management system (CMS) ideal for entrepreneurs and brands to display their products and services. Many people think WordPress is just for blogs; say no more and allow us to change this perception. WordPress not only helps you manage your content but also enables you to develop web pages. 

Statistics say that about 200 million people who use Instagram visit at least one business profile regularly. 62% of users say they are more interested in a brand they see in IG stories. And about 81% of consumers use Instagram to browse for new brands. 

Now that we know a bit about WordPress and Instagram let’s move on to the embedding process. Many marketers and brands adopt this strategy to expand their horizons beyond social media marketing and improve their website layout. 

In this blog, you will find a carefully curated step-wise guide on how to embed an Instagram feed on a WordPress website. Check various methods below. 

Method 1: Embed using Instagram feed WordPress Plugin

The first and most crucial method of embedding an Instagram feed on a WordPress website is using a WordPress plugin. You can use Plugins like Taggbox, EmbedSocial, etc. These plugins are handy, easy to use, and responsive. 

You get many features and functionalities like templates, layouts, colors, fonts, etc. With the advanced moderation panel, you can eliminate objectionable content and display only premium content on the website. 

These Instagram plugins come with analytical features that provide insights into how visitors behave with the widget. You get detailed information about the number of clicks, visits, impressions, click-through rates, and more. 

With this, let’s see how you can embed the feed on the website using the WordPress plugin. 

Install the required plugin 

  • First and foremost, download the required plugin from the WordPress directory or the editor panel. 
  • Now, to activate the plugin, upload it to the WordPress account. Navigate to the plugin section and hit the “Activate” button.

Integrate the Instagram feed

If you don’t already have a widget, you can create one using the tool of your choice. Fetch the Instagram feed using the connection type of your choice. You can choose from various options such as Handle, hashtag, mention, personal account, tagged, reels, videos, etc. 

Connect your Instagram account, personalize the widget, and copy the hence generated embed code. You’re done!

Embed on the WordPress website

Using the WordPress plugin, two methods exist to embed the Instagram widget on the website. 

Option 1- 

  • In your WordPress account, click on the new widget option after you collect the plugin.
  • Paste the copied code in the editor section of the preferred web page. 

Option 2-

  • Click “+” or the “Add block” button on the required web page. 
  • Choose the plugin and paste the code. Adjust the dimensions of the widget. 
  • Preview the web page and finalize the changes, if any. 
  • Complete the process by hitting the “Publish” button. 

Method 2: Use Social Media Aggregators

Another way is to use social media aggregator platforms like Taggbox, EmbedSocial, etc., and the second method is embedding the Instagram feed on the website. These platforms aggregate content from Instagram and display it in a unified frame. Using stunning widget formats, you can display UGC, reels, videos, or simple photos on the website. 

Let’s see how these platforms work. 

1. Aggregate the Instagram feed

  • Log in or sign up to your social media aggregator account, and add the required social feeds using the preferred connection type.
  • Choose Instagram as your source platform, connect the Instagram account, and tap “Create feed”. 

2. Personalize and Design the widget

Customize your widget layout and moderate the content. The platform allows you to obtain UGC rights from content creators and legally repurpose them. 

3. Generate the embed code

  • Once all the modifications are completed, choose “WordPress” as your website-building platform. 
  • Adjust the dimensions of the widget, and click “Get code”
  • Copy the embed code. 

4. Add the feed to the WordPress website

Embed the feed on WordPress 5.0+ version:

  • Log in to your WordPress account and navigate to the editor section of the preferred webpage. 
  • Select the “+” or “add block” option and choose “Formatting option” 
  • Click on “Custom HTML” and paste the embed code
  • Tap the “Publish” button, and your widget will appear on the website. 

Embed the feed on the Classic WordPress version:

  • Once you are on the editor page of the preferred web page, select the “Text” mode. 
  • Paste the embed code in the <body> section and make the necessary changes.
  • Click “Publish” to activate your widget on the website. 

Method 3: Use Instagram’s self-embed option

Instagram also offers a self-embed option. This option is highly trustworthy as it is Instagram’s built-in feature and can help you embed posts hassle-free without coding or technical knowledge/expertise. 

The only issue with this feature is that Instagram does not allow multiple posts to be embedded in one go. Users are required to embed every post one by one manually. This option does not allow any customization feature either; you are forced to display the post as it is. 

You also do not have any moderation option, and all types of content, relevant or irrelevant, are displayed using this method. However, this method can be your best shot if you wish to embed a specific post on a dedicated web page! Let’s see how. 

Log in to your Instagram account and navigate to the required Instagram post. The post can be reel, video, or other visual content. 

  • Choose the “embed” option in the menu. And copy the embed code. 
  • Login to your WordPress account and redirect to the editor panel of the preferred web page. 
  • Paste the copied code in the required section of the web page. 
  • Make the necessary changes, if any, after you preview the web page. 
  • Hit the “Publish” button to make the Instagram post live on the website. 

Well, that’s it! All these methods are highly recommended, especially using the WordPress plugin. You can showcase diverse content on the website, display brilliant widgets, flaunt UGC, attract new clients, and improve conversion rates. 

By embedding your Instagram feed on the WordPress website, you can expand your reach beyond the social media platform and uplift your website simultaneously. 

Up to you!

If you are a business with a WordPress website, embedding Instagram posts might be even more helpful. You can use any of the three methods discussed above to empower your WordPress website with social media content to upgrade your marketing efforts. 

wp tech support

Table of Contents

Leave a Reply

Comment policy: We value comments and the time that visitors to our blog spend to give feedback. Please note that all comments are manually moderated and any deemed to be spam or promotional will be deleted.