Want to import Instagram photos to WordPress? Instagram is undeniably one of the most popular social media platforms at the moment.
Whether you’re managing a WordPress website for a business, big or small, or your own personal blog, your Instagram feed is crucial to growing your social engagement.
Visual content is increasingly becoming essential in increasing web traffic and keeping visitors engaged. With the options I’ll lay out in this post, importing photos from Instagram will only take you a few minutes to set up.
Spotlight – Add Instagram feeds to your WordPress site
Creating a new feed using Spotlight couldn’t be easier. All you need to do is to follow 3 simple steps:
- Connect your Instagram account
- Design your feed
- Embed your feed anywhere on your site
1. Connect your Instagram accounts
First things first, you’ve got to connect your Instagram account. Spotlight lets you connect to multiple accounts, both personal or business. Creating or upgrading to a business account is free and lets you get the most out of Spotlight.
When you have a business account, you’ll get access to real-time metrics and insights about your stories, posts, and followers. Not only this, but you’ll also unlock some great features within Spotlight too!
For this tutorial, I’ll be using my Personal account.
Upon connecting your Personal account, you will be asked whether you would like to add your profile picture and custom bio. When it comes to Personal accounts, Instagram doesn’t allow for user bios and profile pictures to be imported. However, Spotlight solves this issue straight away and at a click of the button.
Once you’ve got everything set up, your feed automatically shows up in the Spotlight editor in your WordPress dashboard. Remember to save your feed as you design its appearance.
Live interactive preview
Although there are other plugins that let you import your Instagram feed to your site, Spotlight has one distinguishable feature – the live interactive preview.
You can make changes to the look and feel of your feed directly from your WordPress dashboard, and with every modification you make, the live preview automatically updates – giving you an exact representation of what it will look like once you embed it on your posts or pages.
You can also test out how your feed will work when you click on individual posts or buttons.
20% off Spotlight PRO
We're offering WP Mayor readers a 20% discount on Spotlight PRO and PRO Lifetime licenses!Coupon code: WPMAYOR20
2. Design your feed
Head on over to the Design stage at the top of your screen and go to the Feed section in the sidebar. There you can adjust the number of posts to display as well as the number of columns. Order your photos by date, popularity, or at random and determine whether posts open in a new or existing tab, or in pop-up or lightbox.
Under the Appearance section, you can adjust your feed width and height, as well as image spacing and text size of your Instagram handle, bio, and buttons.
This plugin is rich with features and customization options. It also lets you choose the background color of your feed and whether to show the number of likes and comments, as well as the Instagram Icon.
Next, set up your Header and CTAs. You can choose to override your Instagram profile photo and bio as well as add and customize a “Load More” and “Follow Me” button to gain more followers.
The plugin is not only fully responsive, but it lets you design your feed according to your device.
You can change any setting to ensure that your feed looks perfect on desktop, tablet, or phone. By clicking on the preview device on the top of the sidebar or next to each individual option, you can switch between devices and adjust your settings accordingly.
Once again, the live interactive preview changes to suit the selected device.
Filter, Moderation and other Pro features
The Pro version includes additional features such as Filtering and Moderation.
This lets you determine exactly which posts to display to your visitors. You can filter your feed by caption or hashtag, and moderate it by selecting on those posts which you wish to hide or show.
The Pro version comes with a lot of added features at each step of the design process, as you can see in the screenshots throughout this post.
It provides you with additional layouts including Masonry, Highlight, and Carousel. The Pro upgrade will also let you show posts where your account/s have been tagged as well as posts with specific hashtags.
Most important of all, it will let you display your Instagram stories directly on your WordPress website!
3. Embed your feed anywhere on your site
All that’s left to do now is to head on over to the Embed section where you’ll be presented with a shortcode to be placed anywhere you want on your website.
You can insert it in any post or page using the shortcode block within the Gutenberg editor…
… or by using the widget in your sidebar or footer as I’ve done in this example.
And there you have it! Your feed is now live! You will notice that the feed will take on the font style defined by your current theme to seamlessly integrate into your site’s design.
Import individual Instagram photos manually
Ok, this method is not a good idea if you want to import lots of Instagram photos (or if you want to import a constantly updated feed).
But if you just want to import a few individual Instagram photos, WordPress has a block specifically for this in its Gutenberg editor. (If you are still using the original editor, Instagram actually lets you generate an embed code that you can use in your WordPress posts and pages using the shortcode function.)
It’s super simple to use. Just copy the link to the Instagram photo you want to embed (make sure you’re doing this on the desktop version of the site).
Then head on over to the Instagram block in your editor, paste it in the relevant field, and hit embed. It’s that simple!
You should see your embedded Instagram photo in your editor, and your published post.
Simple! But again, it only works well for individual photos.
Wrapping things up
And that’s it! Two quick and simple ways to import Instagram photos into your WordPress site.
If you want to create a gallery to showcase Instagram photos in a post, page, or sidebar, then we recommend the Spotlight plugin.
But wait right there, we’ve got an exciting offer in store for you!
We’re offering an additional 20% off to WP Mayor readers on Spotlight PRO and PRO lifetime licenses with the promo code: WPMAYOR20.
If all you want to do is import a single Instagram photo, you’re best off just sticking with WordPress’ built-in Instagram block. Just don’t try this method to import your entire Instagram feed!
This post was updated in June 2020.