How to Add an Instagram Slideshow Widget to WordPress (Easy)
Home Blog How to Add an Instagram Slideshow Widget to WordPress (Easy)

How to Add an Instagram Slideshow Widget to WordPress (Easy)

How to Add an Instagram Slideshow Widget to WordPress

Want to add an Instagram slideshow widget to your WordPress website?

When you show your Instagram photos to your site visitors, you can boost your followers and increase your user engagement.

Plus, it saves you time since you can upload photos on Instagram and display them on your site — at the same time.

Instagram makes it hard for its 1 billion monthly users like you to embed photo slideshows on your site, though.

So in today’s post, we’ll give you a step-by-step guide on how you can easily create an Instagram slideshow widget for WordPress.

Before jumping into the tutorial, let’s explain what an Instagram slideshow widget is.

Or, you can click here to skip ahead to the tutorial.

What’s an Instagram Slideshow Widget?

A widget helps you add content to your website’s sidebar, footer, and widget-ready areas.

What kinds of content can you add?

Using widgets allows you to add menus, popular posts, contact forms, and other useful content to your WordPress site.

To see an example, check out your favorite website and look at their sidebar area. Each content block found in the sidebar area is a widget.

instagram widget example

Simply put, an Instagram slideshow widget is Instagram-specific content added to your website. In this case, it’s an Instagram feed displayed as an image slideshow.

carousel layout for your instagram feed

To add an Instagram slideshow widget to your WordPress, you can either use code or a WordPress widget in your theme’s widget-ready areas. You’ll learn about these 2 methods in this article.

Now that you know what an Instagram widget is, you may be wondering what’s the easiest way to add it to your website. If there’s an easy and faster way to do it, it’ll make your job easier, too, right? Let’s talk more about this below.

Easiest Way to Add an Instagram Slideshow Widget to WordPress

The bad news?

Instagram doesn’t make it easy for you to display slideshows of photos in WordPress. Using the platform, you can only embed single Instagram posts.

The good news?

You can still easily embed an Instagram slideshow widget using a WordPress plugin. By using a beginner-friendly plugin like Smash Balloon’s Instagram Feed Pro, you can easily add your Instagram slideshow widget — no technical knowledge needed!

instagram slideshow widget plugin

No need to hire a developer or risk breaking your website with confusing code. Instagram Feed Pro will do the hard work for you. All you have to do is to install it and customize your Instagram feed, so it looks exactly the way you want.

Plus, you don’t need to worry about the plugin slowing down your site. With over 1,000,000 users and a 4.9/5 star rating, Instagram Feed Pro is designed to be ultra-fast.

reviews instagram feed pro plugin

By using this Instagram feed plugin, you can also:

Want to know everything that Instagram Feed Pro can do for you? Check out the plugin’s full list of features here.

Finally, with the plugin’s 30-day 100% money-back guarantee, there’s practically no risk in trying it out and experiencing firsthand just how easy it is.

Ready to skyrocket your Instagram followers and grow your business over time?

Dive in by following the steps below.

Step 1: Install and Activate Instagram Feed Pro Plugin

First, you can get your own copy of Smash Balloon’s Instagram Feed Pro plugin here.

best instagram feed pro plugin

Download the plugin to your computer and upload it to your WordPress.

Not sure how to do this? Check out this helpful guide on how you can install a WordPress plugin on your website.

Once you install and active Instagram Feed Pro, you can go to the next step.

Step 2: Create Your Instagram Widget

To get started, you can use the plugin to create a new Instagram widget.

Start by navigating to Instagram Feed » All Feeds. From there, click the Add New button.

create new feed instagram feed pro

Then, the plugin will ask you to pick the type of Instagram widget to create for your site. You can pick from 3 options:

  • User Timeline: Show your own posts in the Instagram slideshow widget.
  • Public HashtagEmbed an Instagram widget with posts from a public hashtag.
  • Tagged Posts: Use your Instagram widget to display posts that have tagged your Instagram account.

To combine multiple widget types, just select more than 1 option here.

Finally, click on Next to continue.

select your feed type instagram feed pro

With that, you’ve created your new Instagram widget. In the next step, you can connect it to your Instagram account.

Step 3: Connect Your Instagram

Next, you can connect your Instagram account to this new widget so that it can show Instagram pictures and videos on your site.

To do that, first, click on the Add Source button.

instagram add source for feed

Next, you can choose between a personal or business account.

To display your own Instagram posts only, choose a personal account.

Or, to display more types of content such as hashtag Instagram widgets, Instagram videos, shoppable widgets, and more, choose a business account instead.

Want to know how you can convert your personal account into a business account? Check out this helpful tutorial for your step-by-step guide.

Select your Instagram widget type and then click on the Login with Instagram button.

For our tutorial, we’ll use a personal account.

select instagram account type popup

After that, the plugin will open Instagram, so you connect your account and allow read-only access.

Instagram Feed Pro is completely safe since it can only use this access to view your content and can’t make any changes.

To connect your Instagram account, click on the Allow button on the popup.

allow access to instagram account create feed

Finally, click on the Next button in the top right corner, and your Instagram widget will be ready.

confirm account as source for instagram feed

After this, you can go ahead and enable the slideshow layout for your Instagram widget in step 4.

Step 4: Choose Your Instagram Slideshow Widget Layout

Nice, your Instagram account’s already connected to the plugin!

You can now see your new Instagram widget open in the live feed editor where you can customize its design. Here, you can enable the slideshow layout for your widget.

live feed editor instagram feed

The panel on the left has all the customization options to change your layout, color scheme, header design, post style, and much more.

When you make changes, the live preview on the right will show you how your Instagram widget will look.

First, click on the Feed Layout option on the right.

edit layout for instagram carousel

Since you’ll add an Instagram slideshow widget to your website, choose Carousel.

enable the carousel layout

This layout type allows you to display your Instagram posts in a horizontal slideshow carousel, like this:

carousel layout preview instagram feed pro

Under this section, you can also customize the number of rows and loop type of your Instagram slideshow feed. Plus, you can also choose to show or hide navigation arrows, pagination, and set the slideshow to autoplay.

carousel settings instagram feed pro

Click on Save to confirm the layout and you can go ahead and continue customizing your Instagram feed.

Step 6: Customize Your Instagram Slideshow Widget

Now, it’s time to customize how your Instagram slideshow widget will look on your website.

To do this, first, click on the small Customize button in the top left.

return to main customization options

You can now see the customization options once again.

To continue, click on the Color Scheme option on the left.

click on color scheme option

Using this option, you can quickly change the colors of your Instagram feed.

Just pick from these 4 color scheme options:

  • Inherit from Theme: Copy the colors of your website theme
  • Light: Show a light background with a dark color for the font
  • Dark: Use a lighter font color along with a dark background
  • Custom: Select all the colors of your Instagram widget manually
color scheme options instagram feed pro

To save your choices, click the Save button once again.

Just like this, you can use the live feed editor to customize your header style, post design, lightbox settings, button design, and much more.

Once you’re happy with how your Instagram slideshow widget looks, click on Save.

Finally, you can embed this slideshow widget on your WordPress website.

Step 7: Add Your Instagram Slideshow Widget to WordPress

Great! You’ve now reached the final step: displaying your Instagram slideshow widget on WordPress.

How? You can do this in 2 ways:

  • Add Instagram slideshow widget to a WordPress page
  • Add Instagram slideshow widget to WordPress sidebar or footer

Don’t know which method you’d like to try? Check out the steps below and find out which is the right fit for you.

Add Instagram Slideshow Widget to a WordPress Page

First, click on the Embed button in the top right corner of your live feed editor.

embed instagram feed

After that, you’ll see a popup that asks you to pick where you want your Instagram widget.

To continue, click on Add to a Page here.

add instagram feed to page instagram feed proadd instagram feed to page instagram feed pro

The plugin will then show you a list of WordPress pages so you can select where to embed your Instagram widget.

Once you select your page, click on Add.

add instagram feed to a wordpress page

This will open that page in the WordPress editor.

On the editor, click on the plus (+) icon to add a new widget.

add new wordpress block

Now search for “instagram” and click on the Instagram Feed block to add it to your post.

embed instagram feed page

Clicking on the Instagram Feed block automatically displays your Instagram widget in the block editor.

Once you’re happy with how your Instagram slideshow widget looks, click on Publish to make it live on your website.

example instagram carousel slider

As you can see, it’s super easy to Instagram widgets on your WordPress site.

Add Instagram Slideshow Widget to WordPress Sidebar or Footer

Finally, what if you’d like to add your Instagram slideshow widget to your footer or sidebar instead?

We’ve got your back.

First, open your Instagram widget in the live feed editor once again.

You can do that by going to Instagram Feed » All Feeds from your WordPress dashboard and clicking on your Instagram slideshow widget.

select your instagram feed

You can now see your widget open in the live feed editor. Like before, click on the Embed button at the top.

embed instagram feed

Next, select the Add to a Widget option on the popup, and the plugin will send you to the widgets page of your WordPress site.

add instagram feed to widget instagram feed proadd instagram feed to widget instagram feed pro

From here, you can click on the Sidebar panel to start adding your Instagram widget there.

open sidebar panel to embed social media widget

To add your Instagram widget to the footer, click on the Footer panel here.

We’ll use the sidebar to embed the Instagram slideshow widget in this tutorial.

open footer panel to embed social media widget

Now add a new widget by clicking on the plus (+) icon here.

Finally, select Instagram Feed to embed your slideshow widget.

add instagram widget to your sidebar

Don’t forget to click on Update so your feed can be displayed. Now, your site visitors can see your Instagram slideshow feed on your sidebar like this.

instagram carousel in the footer

And, that’s it!

You’ve now learned how you can easily add an Instagram slideshow widget to your website.

Now, you can increase your Instagram followers by showing your posts to a bigger and more targeted audience — your website visitors.

Want to add beautiful Instagram slideshow widgets to your site? Get started with Instagram Feed Pro today.

Looking for more easy ways to grow your Instagram presence? Check out our ultimate list of Instagram marketing tips.

You may want to read this next post on how to get more views on your Instagram reels.

author avatar
Lianne Laroya Content Marketing Manager
Lianne serves as the Content Marketing Manager at Smash Balloon, drawing upon more than 12 years of experience in WordPress content, social media marketing, user-generated content (UGC) and search engine optimization (SEO).

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.