Home » Misc » How to embed an instagram photo on wordpress

How to embed an instagram photo 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 display Instagram photo in WordPress sidebar

Published by: ADV Date 07.09.2016 in WP Plugins comment

Instagram is a great app for sharing cool pictures that also lets you apply digital filters to your photos. Many people use it to share their photos with family and friends. More and more companies are starting to use Instagram along with Pinterest to promote their brand through images. Recently, one of our readers asked how you can add your Instagram photos to WordPress. WordPress 3.5 added native oEmbed support for Instagram. This means that you can simply copy and paste the photo and Instagram page link and it will automatically embed as an image on your WordPress page. What if you need to add an Instagram widget to your sidebar? In this article, we will show you how to display Instagram photos in a WordPress sidebar widget. nine0003

Setting up Simply Instagram

The first step is to install and activate the Simply Instagram plugin. Upon activation, the plugin will display a notification asking you to authorize the Simply Instagram plugin to access your Instagram account. Click on the authorization link.

On the next page, you will see a login button next to the social network logo. We click on this button and we find ourselves on the Instagram website, where we will need to provide a username and password in order to provide access for the plugin. nine0003

After logging in, you will be redirected to the Simply Instagram settings page on your WordPress site.

Using Simply Instagram

Simply Instagram is extremely easy to use. The plugin has four built-in widgets that you can drag and drop into your WordPress sidebars. These are:

  • Widget Media
  • Info Widget
  • Widget Latest Feed
  • Widget Currently Popular

Each widget contains its own customization options. nine0003

Simply Instagram also offers shortcodes so you can easily share your Instagram photos in your WordPress posts and gallery pages. Just go to Settings » Simply Instagram and see the shortcode generator there.

Customizing Simply Instagram

Simply instagram also offers you the option to customize how your Instagram photos look on your site. On the settings page, you can specify options for shortcodes. Please note that these options only apply to photos that are displayed using shortcodes. Widgets have their own options that are configured in them. nine0003

To display your Instagram photos, Simply Instagram uses a jQuery plugin called prettyPhoto. It is used to display photos in full screen slideshow mode. PrettyPhoto can be configured on the options page.

We hope this article helped you add Instagram photos to your WordPress sidebars.

For all questions and feedback, please write in the comments below.

Do not forget, if possible, to rate your favorite entries with the number of stars at your discretion. nine0003

Rating: 3.0/ 5 (1 vote cast)

InstagramoEmbedwordpress pluginphotos

Tags: Instagram oEmbed wordpress photo plugin

About the author ADv

I develop websites and shops on WordPress. I provide free assistance and advice. Skype: advocat_b

Previous Post: How to Change the Akismet Spam Comment Deletion Schedule in WordPress

Next Post: How to Change the Color of the Address Bar on Mobile Browser to Adapt to Your WordPress 9 Theme0003

How to add photos from Instagram to WordPress

1 Embedding Instagram posts

Adding Instagram Photos in the Classic Editor

Adding Instagram Photos to Gutenberg

2 Install the Instagram plugin.

Focus on Instagram Feeds PRO

Grace Instagram Feed

Social Slider Widget

Enjoy plugin for Instagram

InstaShow Instagram Feed plugin for WordPress

Go forward

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. nine0003

By integrating your Instagram account with your WordPress blog, you will be able to direct 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. nine0003

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 Instagram post URL. Here's a visual image so you know which part of the URL to copy:0003

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 immediately 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 posted above would be look like this (only 320px wide):

Adding an Instagram photo to 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, then 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. nine0003

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. nine0003

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. nine0003

Upgrading to Spotlight PRO unlocks a number of features, including Masonry and Highlight layout 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. nine0003

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. nine0003

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. nine0003

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. nine0003

Grace Instagram Feed Gallery also provides the easiest API connection of 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 Instagram images 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 Instagram feed WordPress 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. nine0003

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.

Learn more