How to set up instagram feed 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.
- WordPress Instagram Feed Plugins (basic option)
- Native Instagram embed code (manual option)
- 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:
- In the WordPress editor, click the +plus icon and select HTML block
- Paste the code you got from EmbedFeed (see example below)
- 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:
- Go to Sources and select Instagram
- Select the Instagram hashtag option and type the hashtag, and click Next
- Select the widget layout and click Create widget
- 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
How to Embed Your Instagram Feed on WordPress (Easiest Way)
Embedding your Instagram feed to your WordPress site means people can easily interact with you on both platforms.
After all, cross-promoting your social networks on your website helps you reach tons of people and keep them engaged.
But figuring out how to add your Instagram feed to your WordPress website isn’t as easy.
So today, we’ll show you how to embed your Instagram feed on WordPress.
Just follow this guide you can grow your audience and increase sales for your business using Instagram.
Since we’ll cover different methods, here’s a table of contents to help you find what you need:
- Why embed your Instagram feed on WordPress?
- How to Embed your Instagram feed on WordPress
- How to Embed an Instagram hashtag feed on WordPress
- How to Embed your Instagram post without a plugin
Or, you can click here to skip ahead to the tutorial.
Ready? Let’s get started!
Why Embed Instagram Feeds in WordPress?
Displaying an Instagram feed on your WordPress website has lots of benefits. It gives your website visitors a chance to see your latest Instagram posts. Plus, it adds dynamic content to your site.
Here are a few ways you can use Instagram feeds on your website to engage your audience:
- Show an Instagram feed of product reviews from customers to increase product sales.
- Add an Instagram hashtag feed of relevant content to your site to keep visitors engaged and let them stay for longer.
- Display an Instagram feed of user-generated content to serve as positive social proof for your brand so you can drive more sales to your business.
- Have video testimonials for your business? Embedding Instagram TV video testimonials on your WordPress can encourage your site visitors to buy from you.
- You can also improve your SEO when you embed Instagram feeds on your website. Since the feeds are crawled and indexed by Google, they provide relevant content to boost your website’s rankings.
As you can see, embedding an Instagram feed in WordPress can achieve much more than merely showing your Instagram images.
Once you learn how to do this, it’s the best way to boost visitor engagement and grow your business.
But how do you add different Instagram feeds to WordPress? Let’s find out!
How to Embed Instagram Feeds on WordPress (Easy Way)
The easiest way to embed an Instagram feed into WordPress is to use a WordPress plugin.
This way, the plugin can just connect with Instagram’s API to help you easily display Instagram feeds on your website — even if you’re not tech-savvy.
By using a trusted WordPress plugin, you can showcase your feeds in all their glory, without having to worry about dealing with embed code, HTML, Custom CSS, JavaScript, or other coding languages.
For this method, we’ll show you how to add an Instagram feed to your site using the Instagram Feed Pro plugin from Smash Balloon.
As the highest-rated Instagram feed plugin for WordPress, it lets you display completely customizable Instagram feeds on your site in under 10 minutes!
And with zero technical knowledge needed to get up and running, your feeds look great right out of the box. This way, your feeds look consistent with your brand’s design, with minimal effort on your part.
The best part? Since the plugin’s built with users in mind, it’s designed to be ultra fast.
That’s why the pro version of Instagram Feed is trusted and happily recommended by over 1 million users worldwide!
As you can see, Instagram Feed Pro is the best option when it comes to Instagram feed plugins for WordPress.
Let’s talk about the step-by-step instructions on how to display an Instagram feed on your website.
How to Embed Your Instagram Feed on WordPress
In this post, we’ll show you how to add Instagram feeds to WordPress using a plugin.
All you have to do is follow the step-by-step guide below.
Step 1: Install and Activate Instagram Feed Pro
To start using this plugin, get your copy of Instagram Feed Pro here and download it to your computer.
Then install and activate it on your WordPress website. If you’re not familiar with how to do that, you can follow the instructions for how to install a WordPress plugin here.
Once you’ve done that, you can move on to the next step.
Step 2: Create a New Instagram Feed
The next step is to create a new Instagram feed for your site.
To do that, head to Instagram Feed » All Feeds from the WordPress admin area.
Next, you can choose the type of Instagram feed you want to embed. You get 3 options to pick from here:
- User Timeline: Show photos and videos that you’ve posted on your Instagram profile
- Public Hashtag: Display Instagram posts with your chosen hashtags
- Tagged Posts: Embed posts where other Instagram users have tagged you
Plus, you can even select multiple options and create a feed that combines different feed types.
To continue, just select the feed types that you prefer and click on Next.
For our tutorial, we’ll go with a user timeline.
Now, you can move on to step 3 and connect your new feed to a source.
Step 3: Connect Your Feed to Instagram
To show Instagram posts on your website, you can add an Instagram account to your website first.
Since Instagram Feed Pro asks for read-only access to your account, the plugin can only view your content and won’t be able to make any changes.
As a result, Smash Balloon is safe to use.
First, click on the Add Source button to get started with connecting your feed to Instagram.
After that, you can pick between a personal Instagram account or a business account
With a personal account, you can use all the features you’ve regularly used on Instagram. For your new feed, you can display posts from your own Instagram account only.
On the other hand, an Instagram business account gives you advanced features like analytics and a contact button.
Plus, you can get more options for your feed like Instagram videos, shoppable feed, hashtag feed, and more.
After selecting your account type, click on the Login with Instagram button.
To continue, you can confirm that you want to connect your Instagram account by clicking on the Allow button.
The plugin will now bring you back to your site so you can connect your Instagram account as the source for your feed.
To do that, just click on the Next button.
Just like that, you’ve created a new feed and connected it to Instagram. You can now go to step 4 and customize the design of your new Instagram feed.
Step 4: Customize Your Instagram Feed
Once you connect your feed to Instagram, you can use the live feed editor to customize it.
Here, you can find all of your customization options on the left side. Using these options, you can change the feed layout, color scheme, post style, header design, follow button, and much more.
Towards the right, you can see a live preview of your Instagram feed. You can see all the changes you make in real-time here.
To start the customization, you can select the Feed Layout option from the left.
For your Instagram feed, there are 4 options that you can pick from: Grid, Carousel, Masonry, and Highlight.
The first option is the grid layout which shows Instagram posts in rows and columns. Plus, all of your posts are cropped to the same size so they look clean and uniform.
With this layout, you can show lots of Instagram content on your site at once.
To add an Instagram feed slider to WordPress, you can click on the carousel option here.
It’s a great way to give website visitors another way to interact with your site.
After that, you have the masonry layout which shows Instagram posts in different columns.
You can use this layout to embed photos and videos with their original proportions.
Finally, there’s the highlight option which can show a beautiful Instagram gallery where the posts are more visible.
In fact, you can increase the size of your photos and videos by 4 times with this layout.
Once you pick your layout option, click on Save.
To proceed, click on the small Customize button and go back to the main customization options.
Now, select the Color Scheme option on the left so you can customize the colors of your Instagram feed.
For the color scheme, you can choose from 4 different options:
- Inherit from Theme: Copy the colors of your website for your Instagram feed
- Light: Show an Instagram feed with a lighter background and dark font color
- Dark: Pick a darker background and a light font color for your feed
- Custom: Manually select all the colors of your Instagram feed yourself
After picking your color scheme, click on the Save button.
Just like this, you can customize the rest of your Instagram feed using the live feed editor. You’ve got options to change your post layout, header style, button design, lightbox, and much more.
Once you’re done with the customization, remember to click on Save.
You can now go to step 5 where we show you how to add Instagram feeds to WordPress.
Step 5: Embed Instagram Feed on Your WordPress Website
Embedding your Instagram feed in WordPress is pretty straightforward using this plugin.
In fact, there are 2 ways you can embed your Instagram feed:
- Embed your Instagram feed on a WordPress page
- Embed your Instagram feed on your WordPress sidebar or footer
Embed Your Instagram Feed on a WordPress Page
First, let’s see how you can display your Instagram feed on a page of your WordPress site.
To begin, click on the Embed button in the top right corner.
You’ll now see a popup that asks you to choose where you want to embed your Instagram feed.
To continue, select Add to a Page here.
After that, just select the WordPress page from the list and click on Add.
This will open the page in the WordPress editor. Now click the Plus (+) icon to add a new WordPress content block.
After that, enter “Instagram” in the search bar and then click on the Instagram Feed block from the search results.
Now click on the Publish button to save your new Instagram feed.
With that, you’ve added an Instagram feed to your WordPress website. To see how it looks, you can open your site and see.
Now let’s check out the other way to embed Instagram feeds on your website.
Embed Your Instagram Feed on Your WordPress Sidebar or Footer
Instagram Feed Pro also comes with a built-in Instagram widget that you can use to add your feeds to the sidebar or footer areas.
To embed your Instagram feed as a widget, first, open it in the live feed editor.
For that, you can go to Instagram Feed » All Feeds from your WordPress dashboard.
Here, click on your Instagram feed from earlier.
This will open your feed in the live feed editor once again.
To embed your Instagram feed to WordPress, select the Embed button at the top.
On the new popup, you can choose where to embed your Instagram feed. Just select the Add to a Widget option to continue.
This will open the Widgets page of your website.
To add the Instagram feed to your sidebar, just click on the Sidebar panel on this page.
You can also click on a Footer panel instead if you want to embed your Instagram feed there.
For this tutorial, we’ll use the sidebar to embed an Instagram feed.
Now, you can see the active widgets on your sidebar or footer area. To add a new widget, click on the plus icon (+) here.
Finally, select the Instagram Feed widget from the options.
Click on Update to save your changes and you’ve now embedded your Instagram feed to a widget-ready area of your site.
When you navigate to the front of your website, you can see how it looks.
Want the full tutorial on how to display Instagram feeds on your WordPress site’s sidebar or footer?
Check out this helpful tutorial on how to add an Instagram widget to your WordPress website.
How to Embed an Instagram Hashtag Feed
So far, we’ve discussed adding a standard feed to WordPress to highlight your Instagram posts.
But as we touched upon earlier, Instagram Feed Pro can do a whole lot more. And that includes allowing you to embed Instagram hashtag feeds on your website.
Let’s learn how to do that next.
Step 1: Create a Hashtag Instagram Feed
First of all, use your WordPress dashboard to navigate to Instagram Feed » All Feeds.
Now click on the Add New button at the top.
Then on the new page, just select the public hashtag feed type from the options.
If you want to show specific hashtags from your own Instagram posts or your tagged posts, you can select multiple feed types at once.
Once you’ve selected your feed type, click on Next.
After that, you can go to step 2 and connect your hashtag feed to Instagram.
Step 2: Connect Your Hashtag Feed to Instagram
To create an Instagram hashtag feed, you can just connect it to a business account for Instagram.
Click on the Add Source button here to get started.
For a business account, you’ll see a Facebook popup where you can select your business Instagram account. Then, click on Next to continue.
After that, you can select a Facebook page from the list that you want to connect to your website.
Then, click on the Next button to continue.
Finally, you can connect your business Instagram account by clicking the Done button on the popup.
With that, you’ve given the plugin read-only access to your Instagram account. Like with a personal account, Instagram Feed Pro can’t make any changes and will only view your content.
Now you can just click on Add to confirm the Instagram account as a source for your feeds.
When creating new Instagram feeds in the future, you can just select this business account from this page.
To finish connecting your hashtag feed to Instagram, just click on the Next button.
You can now go to step 3 and select the hashtags that you want to use for your new Instagram feed.
Step 3: Add Your Hashtags
Now, you can just enter the hashtags that you want to show on your site. To add more than 1 hashtag, just use a comma to separate them.
You can also choose between showing the top (most popular posts first) or recent (newest posts first) content from Instagram.
After you’ve added the hashtags, click on Next.
You’ve just created an Instagram hashtag feed for your website in just 3 steps.
Like before, you can now customize the design of your feed and embed it on your WordPress site.
Want more details on how you can do this? Check out this post on how to embed an Instagram hashtag feed to your WordPress for guidance.
And if you want to display multiple Instagram feeds on your website, take a look at this tutorial.
How to Embed Instagram Post Without a Plugin
In the past, WordPress allowed users to easily show Instagram posts without a plugin because of the oEmbeds functionality.
To embed Instagram on WordPress without plugins, you just needed to paste the link to your Instagram post and WordPress would automatically embed it.
Sadly, WordPress discontinued oEmbeds for Instagram and Facebook on October 24, 2020.
This means that if you’re not using a plugin, you can’t embed Instagram posts in WordPress by just pasting the link.
Want to add Instagram posts to WordPress the old way? Then you need to register with Facebook as an app developer.
This is time-consuming and complicated, especially when you just want to embed your Instagram posts on your website.
The good news is that there’s a better way to do it.
Instagram Feed Pro brings back oEmbeds for Instagram and Facebook once again. Using this plugin, you just need to paste the link to your Instagram posts and WordPress will continue to automatically embed it.
Simply follow steps #1, #2, and #3 above so you can install Instagram Feed Pro and connect your Instagram account.
Once you’ve successfully connected your Instagram account to the plugin, it’s time to enable oEmbeds for Instagram.
Enable oEmbeds for Instagram
First, navigate to Instagram Feed » oEmbeds from your WordPress dashboard.
On this page, you can enable oEmbeds for Instagram as well as Facebook.
Here, just click on the Enable button in the Instagram section.
All you need to do now is to confirm your Facebook account. To do that, click on the Continue button on the popup.
Congratulations! You’ve now enabled oEmbeds for your WordPress website! Now, you can continue embedding your Instagram photos and videos to WordPress just by pasting the links.
Embed Your Instagram Posts on WordPress
First, head to your Instagram profile and find the post you’d like to embed in WordPress.
In the top right corner of the post, you’ll see 3 dots that look like this ⠇, which indicates more options for you to choose from. Click the dots and select copy link from the menu that appears.
Next, create a new post or page in WordPress and paste the link directly into the block editor.
Since you’re using the Instagram Feed Pro plugin, WordPress will continue to automatically embed the Instagram post into the editor, so you can preview how it looks before publishing.
Then go ahead and publish your content to see the post live on your WordPress website. With that, you now know how to add Instagram feeds to WordPress in just a few steps.
Further Reading: How to Add Social Media Feeds to WordPress
There you have it!
In this article, you’ve learned how to embed your Instagram feed on WordPress in a few easy steps.
So now, you can engage your visitors with highly relevant content, increase your Instagram followers, boost your conversions, and improve your business.
Ready to start embedding Instagram feeds? Get Smash Balloon’s Instagram Feed Pro now!
You may want to check out this next article on the best Instagram feed examples you can embed on your website.
And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing tutorials.
Customizing the output in WordPress Instagram feed
Hello everyone!
Created in October 2010, the social network Instagram has become one of the most popular and sincerely loved by users in just a few years, the number of which is already approaching a billion.
According to statistics, only in Russia more than 10% of the population uses the mobile application of this social network. Combining an Instagram account with a WordPress site opens up new possibilities for bloggers and site owners.
Content:
- Instagram feed on WordPress site: why is it needed?
- WordPress Repository: TOP 5 free plugins
- Instagram Premium Plugins
Why you need Instagram photos in WordPress
Users who do not limit their presence on the Internet exclusively to a blog and are registered in the largest social networks know that connecting mutual PR opportunities between a social network profile and a blog is a logical step to increase the audience of subscribers and potential buyers of goods/services.
Associated with the media sphere, creativity, certain areas in the service sector, website owners, when integrating an Instagram channel into a blog or a commercial resource of the same subject, create additional value for it, improve behavioral factors, and contribute to its promotion.
A selection of high-quality pictures of ready-made dishes from the culinary Instagram account will be appropriate and in demand on a culinary site, photos of beautiful landscapes from different parts of the world are very useful on a travel blog, photo illustrations from the Instagram beauty channel on a beauty salon website. The list of examples could be continued for a long time. The conclusion is simple and obvious: the increased interest of users in visual content from a popular social network can and should be used for good.
Fortunately, there are plugins for this purpose that make it much easier to integrate Instagram into WordPress. Their main purpose is to create attractive galleries and sliders from photos and videos published on a social network on the pages of a blog or website. Among them are both free, simple solutions available to each user, and premium plugins with an extended list of features. In this review, I would like to talk about some of them that allow you to add Instagram Feed to WordPress in a matter of minutes.
Plugins from the WordPress repository
Instagram plugins for WordPress have been around for quite some time. So much so that Instapress, one of the first plugins to fully integrate Instagram images into a blog, for example, hasn't been updated in five years. But during this time, a lot of interesting and popular solutions for WordPress site owners have appeared, which will be discussed. We will focus on the number of active installations according to the repository.
Instagram Feed
A great plugin with a lot of features for displaying photos from any public Instagram accounts on the website - one or more at the same time. Fully responsive, making images look great in blocks of any width and on any screen size. By default, the image feed adopts the style of the site, but can also be customized according to the needs of the administrator.
Almost everything is configurable: the number of uploaded photos, their size, the number of columns and intervals, the size and background color of the feed, the order in which images are uploaded (chronological or random).
It is possible to hide or show certain parts of the feed, buttons for downloading additional images and subscribing to an account.
WP Instagram Widget
A very simple tool to display the latest photos from the feed using a widget. Translated into Russian. Authorization in Instagram is not required, you can display photos from any selected account in the widget. The theme used on the site must support widgets. Accordingly, the widget can be placed in the places designated for this in the theme (for example, in one of the sidebars or footer).
The settings allow you to set the number of photos, the size (thumbnail, small, large, original), where the photo will open (in the same or a new window) and the text of the link to the account.
Instagram Slider Widget
A plugin that adds a responsive Instagram widget for WordPress with the ability to show up to twelve recent images from a specific user's feed or by a selected hashtag. Photo thumbnails or an Instagram post slider with photo and text can be used.
Moreover, the text can be displayed both under the image and on top of it (when hovering over).
There is a line to add exclusions (black list of accounts), you can set the frequency of requesting new images from Instagram. There is a sorting output of posts by date, popularity or randomly.
The widget itself has a separate settings block for the slider, which sets: one of two image changing effects, the slider change frequency in milliseconds, and options for displaying image navigation elements.
The widget below displays a shortcode that can be used to add an Instagram post gallery or slider to a WordPress post or page. API key is not required.
WD Instagram Feed - Instagram Gallery
The plugin requires an access token to use the Instagram API. It has a responsive, fully customizable layout for broadcasting Instagram posts to a WordPress site page with four design options, allowing it to be used on photography sites and blogs about travel, food, hobbies, and more.
A nice lightbox with the ability to read comments and view photos in full size opens when you click on a thumbnail. From the lightbox, you can start a slideshow or repost your favorite image to one of the social networks (Facebook, Twitter, Google+, Pinterest). If there is a video in the feed, it can be played in the lightbox.
There is a custom widget with setting the number of displayed images, columns, the ability to display the number of likes and comments.
Instagram Gallery
Another easy way to display your Instagram photos as a gallery or slider (carousel) on any of your website pages. There is no need to set up an API or log in, just select an Instagram username or a suitable tag and set up image display options. The number of photos (up to 12) and their sizes, the number of columns are adjusted. display links, likes and comments.
To use the edited and saved gallery on the page, you need to add the shortcode offered by the plugin in page editing mode.
You can also use the widget added by the plugin Instagram Gallery , which provides only a selection of galleries from those already created by the user.
Paid 3rd party plugins
Premium Instagram solutions for WordPress are distinguished by the presence of more settings, in some plugins it exceeds fifty options, the ability to display more images, better adaptation to site design, additional unique features that can be requested in some cases.
On the selling page for each of the plugins, you can see a demo version of the features. Buying premium plugins usually comes with several months of technical support.
Instagram Theater ($15)
This WordPress Instagram plugin has a clear and easy to use admin panel and offers several different layouts for placing images on the page:
In the settings of the photo source, you can select both a separate account and output by a hashtag.
Supports multi-user mode for displaying Instagram images, allowing you to specify multiple IDs of selected users. You can select a location ID to display photos taken at a specific location on the site.
There are beautiful visual effects and animations that live up to the plug-in's name and turn photo viewing into a theatrical experience.
InstLink ($19)
Nice, feature-rich plug-in for displaying photos on the site using a widget. Compatible with WordPress social network extensions BuddyPress and shop WooCommerce . Translated into many languages, including Russian. Adapted to any screen size, it allows you to display as many photos as you need. It is one of the best widget plugins for a blog, website or online store that wants to share the posts of their Instagram account with visitors, display photos by tags and increase the number of subscribers.
In addition to the possibilities for displaying images by account name and hashtag that are common with other plugins, there is an output for selected hashtags in a specific account.
The widget's interface is easily customizable from the admin panel (photo sizes, titles, interface colors, scrolling), you can use HTML and CSS.
InstaShow ($24)
A premium Instagram plugin for WordPress with a user-friendly user interface that includes 10 color schemes and over 60 adjustable options to adapt to any site. Fully responsive and mobile. Translated into Russian.
Contains filters to add and exclude authors, hashtags, locations. Supports two feed layouts: slider and thumbnail grid with adjustable number of columns and rows, adjustable gaps between photos. For the gallery, description loading is supported: user, date, note text, number of likes and comments, account link.
The WordPress Instagram feed is added to the site code (per page or widget) using a shortcode. Sets options for caching photos in the browser.
Conclusion
I hope you managed to choose exactly what you need from the presented variety of solutions.
If you use other plugins to add an Instagram photo slider or gallery to your WordPress site, share your findings in the comments.
How to Create an Instagram Image Feed in WordPress
If you're the type who wants to save the hassle of adding your Instagram feed directly instead of uploading images separately, we've got you covered.
Adding an Instagram feed to your WordPress saves you from having to upload the same image twice. You will need to upload them to Instagram and they will appear on your site.
Without wasting any time, let's go ahead and see how you can add your Instagram feed to WordPress using the Pop Up Balloon plugin.
Smash Balloon is a premium version of the free Instagram Feed plugin. The premium version lets you do a lot more than just show your Instagram feed. It has many exceptional features that make it much more advanced. Over 1 million websites have used it over time.
Create amazing websites
With the best free Elementor page builder
Start now You will need to go to Instagram Feed and then to Settings where you will see the License tab.
Add your license key and click Save Changes.
This will activate your WordPress plugin. Now, to connect an Instagram account, click on the "Setting" tab and select "Connect Instagram Account".
You will then be asked to choose between a personal or business account. Now it's up to you if you want to share the hashtag feed, you can connect an Instagram business account. If you are going to share photos, a personal account is also suitable.
Once you connect your Instagram account, it will start showing up in Instagram accounts.
Now that you have an Instagram account connected to your WordPress site. You can easily and quickly add your Instagram feed to your WordPress site.
How to display the Instagram feed
Click the "Add to main feed" button next to the specified Instagram account.
You might want to look at where you're going to add your Instagram feed. We are going to add it to a new page, and to do this we go to Pages and Add New.
Then click the "+" at the top and select the Instagram feed from the widget panel.
Your Instagram feed will be added to the page along with a subscribe button.
For those using the classic editor, you will need to apply the [instagram-feed] shortcode where you want to place your feed.
If you want your Instagram posts to be displayed in the sidebar or footer, you can use the above code as well as the Instagram Feed widget.
Go to Appearance and select Widgets, and then you can drag the Instagram feed widget to place it anywhere.
How to customize the display of the feed
Smash Balloon gives you complete control over how you want your Instagram feed to appear.
By default, your Instagram feed will be displayed as a grid. It will show 20 photos and users will have the Upload more option to see more photos.
To change or customize the delivery style. Go to Instagram Feed and then Settings where you will see a Customize button.
You can choose from a variety of layouts shown below, such as grid, carousel, masonry, and highlight.
You can also select the number of images you want to display.
After making changes, don't forget to click Save Changes at the bottom.
How to display the Instagram feed with tags / hashtags
By default, the Instagram feed displays the most recent images from your Instagram account.
If you want to display based on hashtags from other accounts or the past, you can change the channel type.
Go to Instagram Feed and then select Configure where you can switch the feed type to Public Hashtag or Tagged.
How to display multiple Instagram feeds
You can also display feeds from multiple Instagram accounts using some configuration.
Go to Instagram Feed and then to Settings where you will need to go to the Display Your Feed tab.
There will be a number of settings related to the [instagram-feed] shortcode.
