Home » Misc » How to embed instagram on wordpress

How to embed instagram on wordpress


How to Embed Instagram Feed to Your WordPress Website? [All Options]

As one of the most popular social media platforms, Instagram is a great way to share photos and videos with friends, family, and followers. And, if you have a WordPress website, you can easily embed your Instagram feed on your site for all to see.

In this post, we will outline the benefits of having Instagram content sync with your WordPress website, plus methods on how to embed interactive Instagram widgets.

It is the most extensive guide mostly because we will show you how to use the Instagram aggregator EmbedFeed to pull your own posts and generate content published by other people using a hashtag or who mentioned your Instagram handle.

(TL;DR – to get started and get a professional social media aggregator start with EmbedFeed trial account now: )

FYI: You can embed Instagram widget automatically with EmbedSocial’s UGC platform.  Start a free trial and display your social media widgets now. 

And as a bonus, you can use EmbedFeed to embed the Instagram Reels widget automatically on your WordPress website. `

Before we get started, let’s take a look at what you can achieve by displaying an Instagram feed on your WordPress page.

Table Of Contents

show

  • Methods to embed Instagram feed widget in WordPress
  • Detailed Steps to Embed Instagram Feed in WordPress
  • Embed Instagram Hashtag feed in WordPress
  • Embed Instagram Reels widget in WordPress website
  • Embed Instagram posts from multiple Instagram accounts
  • How do I make my Instagram feed look good on my WordPress site?
  • Demos of embedded Instagram Feeds, Reels, and Hashtags on websites
  • Benefits of having an Instagram feed on a WordPress website
  • FAQ about Instagram Widgets for WordPress
  • Key Takeaways

Methods to embed Instagram feed widget in WordPress

There are a few different ways to do this, depending on what kind of website you have and what features you want to use.

  1. WordPress Instagram Feed Plugins (basic option)
  2. Native Instagram embed code (manual option)
  3. An Instagram aggregator like EmbedFeed (automatic option)

1. Use Instagram aggregator to embed Instagram feeds without a plugin

EmbedFeed has a plugin, but in our experience, most of the users don’t need to maintain yet another plugin just to paste the code from the platform. That is why the EmbedFeed Instagram Feed for WordPress is designed for users who want to embed the Instagram feed without a plugin.

The platform can also be used externally from WordPress, where users can generate their Instagram posts and create the widget they like. This method is explained in detail below in the post.

2. Use an Instagram feed WordPress plugin

If you’re using WordPress, you can use Instagram WordPress plugins to embed your Instagram feed. One great option is the WP Instagram Widget plugin.

This plugin lets you easily embed your Instagram feed in your site’s sidebar or any other widget area.

3. Use an embed code from Instagram

If you don’t want to use a plugin, you can embed Instagram posts using an embed code from the Instagram app. To do this, go to your Instagram account and find the post that you want to embed. Then click on the three dots in the post’s top right corner and click on “Embed.”

Copy the embed code and paste it into the HTML editor of your WordPress post or page.

Note: The limitation is that you will need to copy all the codes of the separate posts and build the feed. It is not recommended to do this if you need to embed more than 5 posts. In that case, you need an actual Instagram feed plugin or Instagram aggregator to embed multiple posts with one single code.

4. Use a shortcode

Another option for embedding your Instagram feed is to use a shortcode. There are a few different plugins that you can use to generate a shortcode for your feed but manage and customize the feed on an outside platform.

The difference is that the plugin enables only the embedding of a shortcode and is a simple light plugin that doesn’t require you to maintain it regularly. All the updates are done in the outside platform, where you create the widget and get the shortcode.

Basically, the plugin is only needed to use a shortcode for a simple way to embed without the need to paste an entire JavaScript code.

For example, the EmbedSocial WordPress plugin does this.

Once you have installed and activated the plugin, go to your EmbedFeed account and choose Instagram Feed to connect to your Instagram account. After connecting your account, you can configure the plugin settings according to your needs.

After that, you can go to any post or page and use the following shortcode to embed your Instagram feed.

5. Use an oEmbed URL

The fifth and final method we’ll cover is an oEmbed URL. This method is a bit more technical than the other methods, but it’s still pretty easy to do.

An oEmbed URL is a URL that points to a specific Instagram post.

You can query the Instagram oEmbed endpoint to get an Instagram post embedded in HTML and basic metadata to display the post on another website or app. Supports photo, video, Reel, and Guide posts.

Before you start to use oEmbed, your app must undergo App Review for the oEmbed Read feature and provide an access token to a personal account or an Instagram business account.

Here’s an example request and response:

Now that you have the oEmbed URL, you can paste it into any post or page on your WordPress website. When you publish the post or page, WordPress will automatically embed the Instagram post into your content.

Detailed Steps to Embed Instagram Feed in WordPress

Before you start, please note that you can use the EmbedFeed platform with or without a WordPress plugin to embed the Instagram feed for free. 

It is directly integrated with the Instagram API, so you won’t need to configure your user id or update access tokens. You will only need to click a button and give your permission to our platform to sync your posts on your WordPress website.  

EmbedSocial provides two options: a javascript code to embed it directly in your WordPress post and a plugin for embedding Instagram feeds with a shortcode. The choice is yours on how you want to do this. And below are the instructions for both available options on how to start.

Step 1: Create an Account in EmbedFeed

The first thing to do is to create an EmbedFeed account.

When you log in, you will see a popup window with instructions.

Just click “Let’s get started,” which will navigate you to the Sources section to add connect Instagram account and Instagram as a source.

Step 2: Connect Instagram account

In the Source type screen, select Instagram, and a popup box will appear, asking you to connect to your Facebook account that is connected to your business Instagram account. If you are not logged in, your will need to enter your Instagram credentials. Once the system gets the account in the list, select the account you want to generate posts from.

Please note: In the Source type screen, you have 3 options:

  • Instagram account – when you want to fetch the posts from an account that you have access to
  • Hashtag – generate posts from a specified hashtag
  • Mentions – generate posts that mention a selected account to which you also have access.

When you connect with Facebook, the system is able to pull all the accounts that you have with an Instagram handle. If you have several Instagram accounts that you manage, the system will show all of the accounts.

Select the Instagram account you want to pull the posts from and click Next – as shown below:

Step 3: Choose layout and customize the Instagram widget

Next, choose the layout of the widget Feed or Slider and click on “Create widget,”. You will be redirected to the screen where you can view the code that should be embedded on your website.

In the Widget editor in the ‘Settings’ panel, you can choose the layout,

Step 4: Moderate Instagram feed

In the Widget editor in the “Moderation” tab you can moderate the widget, choose which posts to be shown in your widget, pin posts, etc.

Step 4: Paste the Instagram widget code in WordPress

For this step, you can use 2 codes, a JavaScript code, and a Shortcode. Below we explain how to do both:

Option 1: Paste the Javascript widget code in WordPress

To get the code for your widget, just click Copy code in the top left section of your Settings panel. This is the JavaScript code that you can embed in any WordPress Page or Post.

Next, login to your WordPress account to enter the WordPress admin area and go to Posts or Pages to find the page or post where you want to display the widget. Then follow these steps:

  1. In the WordPress editor, click the +plus icon and select HTML block
  2. Paste the code you got from EmbedFeed (see example below)
  3. In the top right area of the WordPress sidebar, click the Publish button.

Please note: If you use the Classic WordPress version of the editor, you will only need to switch from Visual to HTML editor where you can paste the widget code.

Option 2: Paste the Shortcode in WordPress Shortcode block

As we mentioned, EmbedFeed has a Shortcode that can be used as a simpler version of the JavaScript code.

To find this code, just follow these steps:

  • In the top left code area click the “Installation guide” link
  • In the popup click ‘WordPress Shortcode’
  • And just copy the provided Shortcode (as shown below)
  • Go back to WordPress editor, click the + icon choose the Shortcode block
  • Now just paste the shortcode.

That’s it, the feed will appear in your post.

Embed Instagram Hashtag feed in WordPress

If you want to embed an Instagram hashtag feed, you can do so by using the EmbedFeed platform. This product again makes it easy to embed all kinds of social media content on your WordPress page, including Instagram hashtags.

To get started, first create a free trial account and follow these steps:

  1. Go to Sources and select Instagram
  2. Select the Instagram hashtag option and type the hashtag, and click Next
  3. Select the widget layout and click Create widget
  4. To embed the widget, just copy the top-right code and paste it into your WordPress page HTML block

That’s it. The platform will automatically pull all the latest posts containing the specified hashtag and continue to sync again automatically.

Embed Instagram Reels widget in WordPress website

Adding an Instagram Reel to your WordPress website is a great way to engage with your audience and show them the latest Instagram videos from your brand. To do this, simply create a new widget in EmbedSocial and choose the “Instagram account” that contains Reels.

The steps are the same as creating a widget with Hashtags. The difference is that you will need to connect your Instagram account first.

Here is the editor with an Instagram Reels widget:

Embed Instagram posts from multiple Instagram accounts

EmbedFeed has the option to get posts from multiple Instagram accounts that you manage and create a combined Instagram feed with all the posts.

Here are some of the use cases when you might need to create Instagram feeds from multiple Instagram accounts:

  • If you are a real estate agency, you can showcase listings from different real estate agents
  • If ou are a talent agency, you can showcase the Instagram activity of multiple talents in your agency
  • If you are a car dealership. you can showcase the Instagram posts from different car dealers

and similar. The use cases are endless, and embedding multiple accounts’ Instagram feed to WordPress is the same as previously described.

How do I make my Instagram feed look good on my WordPress site?

You can do a few things to make sure your Instagram feed looks great on your WordPress website. First, make sure to choose an attractive layout for your feed. You can find a variety of layouts in the EmbedFeed settings.

Second, use high-quality images in your posts. This will make your feed look more professional and polished.

Finally, take advantage of Instagram’s built-in filters to enhance your photos. You can make your Instagram photos pop and grab attention by using just a few simple filters.

Instagram is a great way to share your photos and videos with the world. And with the EmbedSocial plugin, it’s easy to embed your Instagram feed on your WordPress site. Just follow the steps above, and you’ll be up and running in no time!

Demos of embedded Instagram Feeds, Reels, and Hashtags on websites

Here is a demo of a Instagram slider widget embedded in this WordPress post.

These are just a few examples of the many ways you can use EmbedSocial to display Instagram content on your WordPress site.

  • Demo of an Instagram profile activity feed
  • Demo of an Instagram feed with posts from a hashtag
  • Demo of an Instagram Reels feed

To inspire, see more examples of great Instagram Feeds and walls.

Benefits of having an Instagram feed on a WordPress website

There are plenty of reasons why you might want to display your Instagram feed on your WordPress website.

Maybe you want to show off your stunning Reels creations or give visitors a taste of what they can expect to find on your Instagram profile. Whatever the reason, here are some benefits of having an embedded Instagram feed on your WordPress website:

1. Keep visitors engaged on your website longer

If you have an active Instagram profile with engaging content, then displaying that content on your WordPress website is a great way to keep visitors engaged on your site for longer.

They can explore your Instagram feed without ever having to leave your website, which means they’re more likely to stick around and explore your site further.

2. Showcase your best content in one place

If you have a lot of great content on Instagram but don’t want to clutter up your website with too many images or videos, then an embedded feed is a great way to display posts in one neat and tidy package.

You can use it as a portfolio to show your best work to potential clients or employers.

3. Increase traffic to your website

If you want people to visit your website, then you need to give them a reason to do so. An embedded Instagram feed is a great way to pique someone’s interest and get them to click through to your site.

And, once they’re on your website, you have a chance to convert them into a subscriber or customer.

4. Build brand awareness and recognition

If you’re trying to build awareness for your brand or business, then an embedded Instagram feed is a great way to do it. Every time someone sees your feed on your website, they’ll be exposed to your brand.

And, if you have high-quality content and a strong visual identity, then you’ll be able to build recognition for your brand over time.

Every time someone sees your feed on your website, they’ll be exposed to your content and be able to engage with it. This can help you build a strong community around your brand and social media accounts.

If you want people to be able to find your social media accounts, with an Instagram feed on your website, they can easily click through your posts and redirect to the original source.

This way, your website visitors will also have the chance to visit your social media profiles and look more to discover your brand.

By embedding your Instagram feed to your website, your visitors can simply click on the Instagram button on your widget and will be redirected to your Instagram profile.

It is a great way to grow your Instagram followers and reach site visitors beyond the Instagram app.

8. Make money from affiliate links

If you have affiliate links in your Instagram feed, then embedding your feed on your website can help you make money.

Every time someone clicks on an affiliate link, you’ll earn a commission. This can be a great way to make money from your website.

FAQ about Instagram Widgets for WordPress

What is a social media aggregator?

A social media aggregator is a tool that allows you to collect and display content from multiple social media platforms in one place. This can be useful for both individuals and businesses who want to create a single source of information for their followers or customers. Social media aggregators can be used to display content from a variety of sources, including blogs, news websites, and social networking sites.

One of the most complete social media aggregators is EmbedFeed, with sources such as TikTok, YouTube, Facebook, Pinterest, and Instagram. You can use an embed code to display content from these sources on your website or blog.

How to find an Instagram feed plugin for WordPress?

Just navigate the official WordPress website and the WordPress plugins directory. Here you can search for an Instagram feed plugin or Instagram widget, and you will get multiple results.

Also, you can check our list of Instagram WordPress plugins>

How do I add an Instagram feed to my WordPress website without a plugin?

There are a few reasons why it’s important for the plugin to be connected with Instagram’s API. First, it allows the plugin to pull in content from your Instagram account automatically. This means you don’t have to manually add each photo or video you want to share on your website or blog.

Second, it gives you the ability to moderate the content that’s being shared. This is important if you want to make sure only high-quality, relevant content is being shared on your website or blog.

Finally, professional social media aggregators that have Instagram API integrations are highly reliable in syncing the content, they are constantly maintained and updated with new features.

Key Takeaways

In this article, we explained in detail how to embed an Instagram feed on a WordPress website and showcase your latest Instagram posts.

We shared a few methods for doing this: using the official Instagram plugin and using the EmbedSocial WordPress plugin.

All methods work well and will help you display your Instagram content beautifully on your WordPress site.

If you want more control over your feed and when you need to show user-generated content from other Instagram users, we recommend using the EmbedFeed platform. It’s a powerful tool that lets you customize your feed and display only the content that you want.

We hope this article helped you learn how to embed an Instagram feed on your WordPress site. You may also want to check out our article on adding a TikTok feed to your website.

Do you have any questions about embedding an Instagram feed on a WordPress website? Let us know.

FYI: You can embed Instagram widget automatically with EmbedSocial’s UGC platform. Start a free trial and display your social media widgets now. 

Using different platforms, check the links below:

  • Embed Instagram feed on a Squarespace website
  • Embed Instagram feed in a Duda website

Adding & Embedding Instagram Content on WordPress

Posted in Entrepreneurship, Marketing by Abe Selig

Last updated on October 19th, 2022

An Instagram profile can serve as an extremely useful aspect of cultivating an audience. You can use it to showcase your products, build interest in your brand, and simply make your content stand out from the crowd.

By adding and embedding Instagram content on WordPress, you can further increase your exposure (and potential conversions). It offers also offers an easy way for followers to interact with you on both platforms, and it streamlines the process on your end.

In this post, we’ll show you various ways to add Instagram to WordPress. These include manual methods, as well as using WordPress plugins. Let’s get started!

Benefits of Adding an Instagram Feed to WordPress

Before we jump into the how-to, here’s the why: Adding an Instagram feed to your WordPress site will boost your brand and your business by showing site visitors the latest photos you’ve uploaded to Instagram. The primary benefit of incorporating this type of feed on your site is increased brand exposure. However, there are a number of other notable benefits.

By regularly updating your feed with enticing, shareable images (complemented with searchable hashtags), you can keep engagement levels high, and potentially develop long-lasting customer relationships.

Finally, adding an Instagram feed to your site helps you establish a greater sense of trust with your customer base. By regularly updating your feed, you can continuously demonstrate how your company is relevant, innovative, and able to respond to trends.

How to Add Instagram to WordPress

Fortunately, there are various ways to add Instagram to WordPress. First up, we’ve outlined a simple and popular method—let’s take a look!

Gutenberg and Instagram

Do you want to embed an Instagram feed to your WordPress website? With the new Gutenberg editor found in WordPress 5.0+ embedding an Instagram feed or post to your site is easier than ever. Simply use the Embed block and link directly to your post. Check out this quick video tutorial:

Adding an Instagram Widget to WordPress

Outside of the Gutenberg example above, using a widget to add an Instagram feed to your site is another option. A WordPress widget is a modular element that enables you to add a particular feature—such as a newsletter signup form or a search bar—to your WordPress website. They can be added to different areas of your site, though sidebars and footers are the most common.

Using an Instagram widget in WordPress, you can directly add your live Instagram feed to your website. It can be displayed on all pages, or you can set it only to appear on certain ones.

To add an Instagram widget, we recommend you use a WP Instagram widget plugin such as Instagram Feed WD. This plugin actually includes its own Instagram Widget feature:

Once installed and activated on your website, go to Instagram Feed WD > Settings within WordPress. Here, you’ll need to log into and connect with your Instagram account:

Next, navigate to Appearances > Widgets, then scroll until you find the Instagram Widget section. Click it, then drag it over to your WordPress sidebar on the right:

You can also adjust your feed’s exact location by moving other widgets around, giving you a quick and simple way to customize how your sidebar or footer appears.

Should You Use an Instagram Widget or Plugin For Your Website?

It’s important to understand the difference between widgets and plugins. Plugins add a new feature to your WordPress website that may or may not be visible. However, when you activate a WordPress plugin, it may install a widget on your behalf—which is where the confusion can begin. Unlike plugins, widgets are always visible, often in the footer or sidebars.

When it comes to choosing between a widget and a plugin for Instagram, everything depends on your desired features. If you just want to display your Instagram feed or add social icons, a simple Instagram widget works well. Businesses that don’t rely on visuals or want the fastest site possible may prefer widgets.

For more control over appearance and functionality, a full-fledged plugin is best. eCommerce businesses, artists, and restaurants can all benefit from an Instagram plugin.

Because visuals are such a powerful tool for conversions, we always recommend using a plugin for Instagram.

What Are the Best Instagram Plugins For WordPress?

Here are our top Instagram plugins for WordPress:

Spotlight

With Spotlight, you have a code-free solution to Instagram integration through widgets or blocks. The powerful free version includes four sophisticated templates (and the ability to create your own), “Follow” and “Load More” buttons, a popup lightbox feature, and so much more.

Juicer

Juicer.io is a leading social media aggregator used by top U.S. universities such as Princeton and Penn State, brands like Porsche, and artists like Bon Jovi. Juicer.io lets you create a single, beautiful social media feed on your website by aggregating all of your brand’s social media posts and hashtags, allowing you to easily moderate and curate your content. 

The best part? The Juicer WordPress plugin is completely free, forever. If you just want a great-looking social media feed for your website, then Juicer.io’s free account is a great solution. There is a paid account which gives you access to Juicer’s awesome added features (like adding more social media accounts, creating multiple feeds, and getting detailed social media analytics).

WPZOOM Social Feed

WPZOOM Social Feed is a free, no-nonsense plugin that helps you quickly display your Instagram feed. All you have to do is sign in to your account.

Using the Instagram Widget, WordPress allows you to show off your photos anywhere on your site. A lightbox function and a customizable avatar and bio make this lightweight plugin a top pick.

Smash Balloon Social Photo Feed

The free version of Smash Balloon Social Photo Feed comes packed with limitless customizations, multi-feed displays, and “Load More” and “Follow” capabilities. But the affordable pro version shines with video support, the option to display posts by hashtag, and more. For a professional-looking, easy-to-use Instagram feed, look no further.

Feed Them Social

Feed Them Social comes with many of the same must-have features as the above options—it’s customizable, accepts multiple feeds, and is easy to place anywhere on your WordPress website. The key difference here is versatility. Feed Them Social can also integrate your Facebook and Twitter feeds into the mix (and the paid version adds YouTube, too). This is your one-stop-shop for social integration.

How to Embed Instagram Photos on WordPress

There are two ways to manually embed Instagram photos on your WordPress posts and pages. First, head to Instagram and log in to your account. Next, find the image you want to embed and open it in a new tab. To do this, click the timestamp that indicates how long it’s been posted:

On the new page, select the URL from the address bar of your browser, and copy it. To embed the photo on your WordPress website, navigate to Pages or Posts on your WordPress dashboard. Next, select the page or post you want to add the photo to.

From here, simply paste the URL into your desired location within the WordPress editor, and you’ll see the image appear automatically.

Alternatively, you can use an Embed Code. Back in Instagram, and at your chosen image, click the ellipsis icon next to the Add a comment section:

Choose Embed, and copy the code provided. You can also remove the caption from the embed if you’d like, by unchecking the relevant box:

Finally, return to your WordPress page or post, but make sure you select the Text editor before pasting your code wherever you’d like:

Using the Embed Code approach takes a little bit longer than the widget method, but is a great choice for those with coding experience, as it has the potential to be more flexible.

How to Embed Instagram Videos on WordPress

Similar to image embedding, there are also two manual ways to embed videos. The first is the easiest, and requires only the Instagram post’s URL.

To do this, find the video you’d like to embed from Instagram, and click the timestamp at the bottom to open it in a new tab. Then, simply copy the URL from the address bar, and paste it into the WordPress editor. The video should automatically appear.

You can also embed the video using Instagram’s own Embed Code that’s generated for each post. As with images, simply click the ellipsis icon next to the Add a comment section, select Embed, then copy and paste the code into WordPress’ Text editor.

If you know your way around HTML, you can also tweak a few of the video embed’s attributes. For example, you can set the video to start at a specific time, or adjust the width and height of the post to better fit your website.

How to Add an Instagram Feed to WordPress

As outlined above, it’s easy to embed photos and videos on your WordPress website. However, you can also add entire feeds. This is a great way to keep your readers updated, but it can also be used within pages and posts to embed the feeds of others.

The best way to add an Instagram feed to WordPress is with a dedicated plugin. We recommend the one mentioned above, Instagram Feed WD, or another favorite of ours, Spotlight. 

Spotlight Instagram Feeds plugin

To start, go to Instagram Feed WD > Feeds within WordPress. Here, you can create custom feeds for different areas of your website:

To create a new one, click Add new. You can choose your Layout, determine which Media to display, and even assign Conditional Filters:

Once you’re done, you can Publish the feed. Then simply copy the shortcode from the Feeds page, and paste in the Text editor of any page or post.

How to Share WordPress Posts on Instagram

If you’d like to automatically share your latest WordPress posts with your Instagram followers, WordPress plugins once again come to the rescue.

Blog2Social’s Social Media Auto Post & Scheduler is a plugin that automatically pushes blog posts to your connected social media profiles. These include Facebook, LinkedIn, Twitter, and Pinterest, as well as Instagram:

You can set the WordPress plugin to default, which automatically shares posts. You can also customize the settings, so you can select certain times to share.

Using the WordPress plugin, you can even repost older content. This brings it to the attention of your new Instagram followers, and it can be great for driving website traffic.

Do you want to learn more WordPress-specific tips and tricks? Subscribe to the WP Engine blog. Also, be sure to check out our various managed hosting plans – there’s bound to be one that fits your needs!

How to add Instagram photos to WordPress

1 Embed Instagram posts

Add Instagram photos in the classic editor

Add Instagram photos to Gutenberg

2 Install the Instagram plugin.

Instagram Feeds PRO Spotlight

Grace Instagram Feed

Social Slider Widget

Enjoy Plugin for Instagram

InstaShow Instagram Feed Plugin for WordPress

Go ahead

By now, you probably either have an Instagram account or have seen one online at some point. As of June 2018, Instagram has over a billion active users, making it one of the most popular social networks today. And since it has become such a powerful media hub, it's no wonder you'll want to add your feed to your website.

By integrating your Instagram account with your WordPress blog, you will be able to send some of the traffic your blog receives to your Instagram profile (and vice versa if you add a link to your blog to your Instagram profile). This is a great way to connect with your blog audience and opens up more opportunities for you to build your brand online. Ready to start?

There are several easy ways to add Instagram to your blog - embed a post or install a plugin. Each is an option to add your Instagram posts or your feed to your site, but aesthetically, each is very different.

1 Embedding Instagram Posts

If you just want to add an Instagram photo to one of your posts, it's as easy as inserting your photo's URL into your content. WordPress supports a huge number of embedded URLs by default (you can see the full list of embedded URLs in the codex).

To add a photo, first copy the URL of the Instagram post. Here's a visual so you know which part of the URL to copy:

How you add the embed will depend on whether you're using the classic editor or Gutenberg.

Adding Instagram photos in the classic editor

In the classic editor, simply paste the copied URL directly into your content. It should look something like this:

And if you want, you can also adjust the display width or height as part of the inline shortcode. So if we enter a URL with the following parameters (removing the spaces just after the opening [ and just before the closing ] brackets to make the code work): 

 [ embed ]https://www.instagram.com/p/Bf1sDIBg0kQ /[ /embed ]

The Instagram post we published above would look like this (only 320px wide):

Embedding an Instagram photo in Gutenberg

For Gutenberg, you'll want to use the Instagram block. Click the + icon and search for Instagram:

Paste the block, then paste the Instagram post URL and save. You should now see your photo:

However, if you want to add your feed to your WordPress site, you should consider using an Instagram ready theme or plugin.

2 Install the Instagram plugin.

Another option is to use a plugin because there is a plugin for literally everything, including Instagram. When choosing a plugin, be sure to read the details so you know you have all the features or layouts you need. And read the description to make sure the plugin complies with current Instagram terms.

Here are some of the best Instagram plugins (in our opinion) for adding your photos or feed to your site.

Spotlight Instagram Feeds PRO


Info & DownloadView demo

Our top recommendation is Spotlight Instagram Feeds PRO. Spotlight is a simple yet powerful plugin for displaying Instagram feeds on your WordPress website. It allows you to connect to multiple accounts (both personal and business) and create an unlimited number of channels. Connecting your account is quick and easy: just allow Spotlight to access your Instagram account and your feed will instantly appear in an interactive live preview.

This feature is unlike other plugins in this niche. Spotlight has been designed to be used by anyone, regardless of their knowledge of WordPress. Live interactive preview ensures you can easily create the look and feel of your ribbon right on your toolbar without the need for code, and eliminates the need to switch between windows.

The free version of Spotlight can be found in the WordPress plugin repository and comes with enough features to show your feed in a classic grid layout anywhere on your site. You can also display the number of likes and comments and show your posts in a lightbox or popup. As expected, Spotlight is fully responsive. Plus, you can also customize the way your feed looks on every device, be it desktop, mobile, or tablet.

Upgrading to Spotlight PRO unlocks a number of features, including Masonry layout and Highlight for more advanced feed design. More importantly, with Spotlight PRO you can easily display posts where your account has been tagged as well as hashtag posts from all over Instagram. This is especially useful for hashtag campaigns and marketing strategies.

Spotlight PRO then lets you filter and moderate your feed to make sure you have full control over what you show your site viewers. Plus, with the premium plugin, you can also display your Instagram stories just like you're used to seeing them on Instagram.

The plug-in is reliable and fast. Thanks to a well-thought-out caching system, you can be sure that your feed will always be displayed on your site, even if Instagram has some technical problems. Finally, this plugin has excellent and fast customer support, an important factor to keep in mind when choosing WordPress plugins.

Grace Instagram Feed


Info & DownloadView Demo

Grace Instagram Feed Gallery is a versatile social media streaming and sharing tool. 4 different kinds of stream layouts, 5 types of channels that can be connected, open possibility of unlimited streaming of private and public content. These are just some of the great features of Grace.

Add a grid, masonry, alignment gallery, or slider flows. Also, you can customize your Instagram social wall with more than just choosing the right layout. A lot of styling features are available through a handy visual designer. Which do not require any web development skills or professional design. Colors, shapes, margins, padding, height and weight of any element and other fine-tuning tools are open to your creativity.

Broadcast almost any content from Instagram. And let the user sort content through header feeds or social media. Keep in mind that you can stream any open public content from Instagram. This way, you won't even need a personal active Instagram account.

And if you're streaming your own Instagram account on a WordPress site or blog, Grace can provide a nice headline. Show the most important information about the account: avatar, number of followers and the following data.

Other features include pre-moderation, manual or automatic filters to exclude and include specific content by word, phrase, user ID, URL, and other available data. This feature is exclusive to Grace Instagram Feed Gallery and you won't find it in any other WordPress social media plugin.

Grace Instagram Feed Gallery also provides the easiest API connection among the competition. Just one button on the plugin's "Authorization" tab and you can take advantage of all the amazing features of Instagram's open public content! Grace also makes it easy to seamlessly add different social media buttons to each post on your social feed. Now you won't lose users who want to share content immediately!

Social slider widget


Info & DownloadView demo

If you want to add your Instagram feed as a slider instead of a gallery, consider the free Social Slider Widget plugin. With this plugin, your images are imported as attachments. They can then be displayed in the widget as a slider or gallery. Plus, there are options for image linking, sorting, and more.

Enjoy the plugin for Instagram


Info & DownloadView demo

You can also add images from Instagram as a carousel using the Enjoy WordPress plugin for Instagram. With this plugin, you simply activate, add the profile or hashtag you want to display, choose your grid or carousel, then choose your columns and voila! Instant Instagram on your site for any page, post or widget area!

InstaShow Instagram Feed plugin for WordPress


Info & DownloadView Demo

InstaShow is a premium WordPress Instagram feed plugin that allows you to easily integrate your Instagram photos with your WordPress site. There are many options in the flexible photo feed that will make it easy to add images to Instagram. With this handy plugin, you can easily insert a custom Instagram feed anywhere you want. Use the plugin options to specify the source using a username, hashtag, or link. Then choose your own colors, responsiveness, navigation, counters and more. Then use the shortcode generator to insert your Instagram feed anywhere. Other great plugin features include Visual Composer compatibility, support for 16 different languages, auto-rotation, and more.

Go ahead

Once you've added your Instagram to your website, you can take advantage of all the unique opportunities it has for you. Instagram is a great way to connect with your readers on a personal level by sharing photos behind the scenes, snapping pictures of new and upcoming projects, encouraging your followers to share their photos related to your business, tagging colleagues or your biggest fans in photos, or even creating your own # trends.

Grab a plugin or insert some photos of your own and start building relationships with your readers! If you have another plugin you would recommend for Instagram, or if you have any tips or questions about photo sharing with WordPress, just leave a comment below.

Recording Source: https://www.wpexplorer.com

Instagram - Support

Instagram is an easy way to create, customize and share photos and short videos using your smartphone. You can upload photos and videos to your Instagram profile to share with other Instagram users, or connect your Instagram profile to other social networks such as Facebook and tell your friends and followers on different social platforms about yourself.

There are several ways to integrate Instagram with your WordPress.com site, including embedded Instagram objects, recent Instagram posts, and the Instagram widget.

Instagram Embedded Objects

Embedding refers to posting content, such as videos or photos, on a website or blog. If the material is "pasted", the video or photo can be viewed without leaving the site.

Watch the video below on how to embed an Instagram block on your website.

You can insert images and videos from Instagram on any page or post on your site using two different blocks:

Instagram block

Using Instagram block , you can insert one Instagram post per site.

First, copy the URL of the Instagram post from the browser's address bar while viewing the image. It looks something like this: 

 https://www.instagram.com/p/B-XJ8ALl32q/

Paste it on a new line in the editor and this entry will be automatically inserted at Instagram block .

Done! By default, a maximum size image of 612 pixels wide is inserted. Video embeds look very similar, but they have a triangular play symbol:

View this post on Instagram

"Recent Instagram Posts" can insert an automatically updated list of recent Instagram feed posts.

💡

If you have "reels" videos in your Instagram feed , they will be displayed as static images. Visitors can click on the video image to view it.

See detailed instructions for adding blocks.

When adding the "Latest Instagram Posts" block , a request appears to connect an Instagram account.

⚠️

If your site is on a plugin-enabled plan, your site must be public (not in Coming Soon) to connect to Instagram.

After enabling the connection, several options will appear in the block settings in the sidebar. If the sidebar is not visible, click the gear icon next to the Publish button.

Block settings are available in the sidebar.

These options are:

  • Account settings. View the connected Instagram account and disable it if you need to delete it or connect another account.
  • Display settings. Set the number of Instagram posts to display, the number of columns to use, and the spacing (in pixels) between posts in the Instagram grid.
  • Vertical layout on mobile devices. If you enable this option, the contents of the left side will be displayed above the content of the right side (and not side by side, as on desktop screens). This will make your site much more convenient for mobile device users.
  • Optional. In the advanced settings tab, you can add a CSS class to your block, which allows you to customize the style of the block to your liking using custom CSS. Additional information.

Each block also has a toolbar with corresponding controls. The toolbar of the Latest Instagram Posts block, in addition to displaying in wide format or full width, if supported by the theme used, provides options for aligning the block to the left, right, or center.

Latest Instagram Posts block and its settings

📌

If there is no option to change the block to wide or full size, and your theme supports these options, the block may have been added to the block group . For more information about the block group, see here.

Shortcode

Using the Shortcode block, you can specify the Instagram URL by pasting it instead of LINK :

[instagram url= LINK ]

Using this shortcode, you get the same result as placing the URL (i. e. Instagram block) , but it does not need to be placed on a separate line.

The shortcode can also be used to change the size of the inserted post. By default, it takes up the entire width of the content area, but if you add a width indicator to the shortcode, it can be reduced to 320 pixels (the minimum size for insertion).

For example:

[instagram url= LINK width=320]

Instagram Widget

Instagram Widget has been replaced with the Latest Instagram Posts block to show your latest Instagram photos in the sidebar or footer of the site.

To learn more, check out our guide to the Latest Instagram Posts block.

Instagram connection management

Website connection to Instagram can be managed in My site → Tools → Marketing → Connections:

Manage your Instagram connection in My Site → Tools → Marketing → Connections

⚠️

Disabling Instagram will remove connections from all WordPress. com sites.

Multiple Instagram accounts

If you want to connect two Instagram accounts to your site at once, you can use two "Recent Instagram Posts" blocks (one account per block) or two different accounts for Instagram widget (one account per widget) as below.

⚠️

This process will require two different Instagram usernames. It will not work if you manage multiple Instagram accounts with the same username.

Latest Instagram Posts block

If you have already connected one Instagram account to your site, follow these steps to connect another account.

1. In a new browser tab, open Instagram.com and log out of account No. 1
2. Log in to Instagram account No. 2
3. Go to Tools → Marketing → Connections
4. Click the dropdown arrow under Instagram and select "Connect another account"

Once connected, you will be able to use the two "Recent Instagram Posts" blocks .

Instagram Widget

Once you've completed all the steps in the "Instagram Widget" section to connect the first account to the first widget, do the following:

  1. Add a new Instagram widget and save your changes (i.e. click "Publish"). It is recommended to exit the configurator and/or refresh the page .
  2. Log out of Instagram account #1 and log in to Instagram account #2
  3. Go back to Instagram widget settings
  4. Repeat the steps in the "Instagram Widget" section
Using Instagram to increase traffic

Are you already using Instagram to grow your audience and traffic to your blog? With millions of users, the Instagram social network offers great opportunities for attracting new readers, establishing contacts with like-minded bloggers and other partners in social networks.

Using hashtags

Hashtags in captions or comments help new followers find your photos on Instagram (as well as your other pages on the web, such as your WordPress. com blog). Hashtags are very active on Instagram - you can find almost anything here and meet people who share your interests: from #street art to #travel and #cooking.

Use hashtags wisely! Don't tag the photo with every conceivable term, like #art #street #wall #paint #city #urban (and so on ad infinitum). It is better to focus on meaningful tags to attract people interested in meaningful and deep communication, both on Instagram and WordPress.com.

Getting a Personal plan

Showing your true self is a great way to reach interested readers. Most of us love to peep and peek behind the scenes, which is why Instagram feeds are especially popular, featuring photos from real life.

Share the moments that make up your day, such as a repair you're currently doing on your own (but not yet ready to blog about), or the kind of mess you just made in the kitchen by making a horribly unlucky cookie (#culinary flop) ). When you've completed a renovation or baked a lucky cookie, blog about it and share the winning photo on your Instagram page, including a link to the post with all the details.

Site content extension

Share not only fragments of your daily life, but also photos taken from individual records.

  • Did you blog during your last vacation? Pick the best photo from your trip and post it on Instagram, and include a link to your blog text in your caption for those who want to click through to your site.
  • Do you have a post with a lot of images but little text? Make a collage with PicMonkey.com or Instagram's Layout app.
  • Are you a book reviewer or beauty blogger? Share a stylized image associated with your blog post and use it (along with a few relevant hashtags) to get more attention for your post.
Include a link in your bio

It's important that users can easily navigate from Instagram to your site. Since Instagram doesn't allow active links in captions or comments, update the link on your profile so that users can follow it to one of your posts or pages.

In the image below, Lorena of Cravings Journal has changed the link on her profile to point to her latest blog post:

You can go ahead and create an Instagram landing page on your own site.

Learn more