How to Embed Instagram Feed on a WordPress Website?

If you want a business website that does almost everything you want it to do without any coding complexities, WordPress is your best bet. 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. 

It 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, allow us to change this perception. WordPress not only helps you manage your content but allows 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 that 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. It is a marketing strategy adopted by many marketers and brands who want to expand their horizons beyond social media marketing and uplift 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 important method of embedding an Instagram feed on WordPress website is the WordPress plugin. You can use Plugins like Taggbox, EmbedSocial, etc. These plugins are extremely useful, easy to use, and responsive. 

You get many features and functionalities like templates, layouts, colors, fonts, and much more. 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 you with insights into how the visitor is behaving with the widget. You get detailed information about the number of clicks, visits, impressions, click-through rates, and much more. 

With this, let’s see how can you 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 the 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, and you’re done!

Embed on the WordPress website 

There are two methods to embed the Instagram widget on the website using the WordPress plugin. 

Method 1- 

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

Method 2-

  • Go to the required web page and click “+” or the “Add block” button. 
  • 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 using social media aggregator platforms like Taggbox, EmbedSocial, etc. that be the second method to embed the Instagram feed on the website. These platforms aggregate content from Instagram and display them in a unified frame. You can display UGC, reels, videos, or simple photos on the website using stunning widget formats. 

Let’s see how these platforms work. 

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. Get UGC rights from content creators through the platform and repurpose them legally. 

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 on the “Publish” button and your widget will be live 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 offers you a self-embed option as well. This option is highly trustable as it is Instagram’s in-built feature and can help you embed posts hassle-free and without any 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 as well, 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, if you wish to embed a specific post on a dedicated web page, this method can be your best shot! Let’s see how. 

Log in to your Instagram account and navigate to the required Instagram post. The post can be either reel, video, or any 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 get to 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 get to expand your reach beyond the social media platform and uplift your website at the same time. 

Up to you! 

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

wp tech support

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.