How to Add an Instagram Widget to Your WordPress Site

by Stacey Corrin on July 9, 2020

Do you want to add an instagram widget to your website? When you embed Instagram to WordPress, you make it easier to turn your website visitors into Instagram followers. Plus, it’s an elegant visual element that can improve the experience of your site.

In this article, we’re giving you a step-by-step guide on how to embed an Instagram widget to your WordPress site so you can convert visitors into loyal fans and followers.

Here are the steps for adding an Instagram widget to WordPress to help you navigate:

  1. Install the Instagram Feed plugin by Smash Balloon
  2. Connect your Instagram account
  3. Choose which Instagram content to display
  4. Select your Instagram widget layout
  5. Add your Instagram widget to WordPress

Why Add an Instagram Widget to WordPress?

Embedding Instagram in WordPress and showing it on your website has several advantages:

  • Building trust: Your site looks fresh and up to date, even when you haven’t updated it in a while. This helps clients understand that your business is active and thriving.
  • Better engagement: It’s a simple way to increase social engagement and get new followers.
  • Consistent branding: Your Instagram photos can act as a branding element reinforcing your company’s image.
  • Boosting SEO: Your captions are embedded on your website, making search engines understand what your site is about, thereby helping you appear higher in search results.

Even better, when visitors enjoy your images, they’ll spend more time on your site. And the longer people stay on your site, the more it sends valuable ranking signals to search engines, which can boost your rankings more.

Easiest Way to Add an Instagram Widget to WordPress

The easiest way to add an Instagram widget to WordPress is to use a WordPress plugin. The best WordPress plugins enhance the functionality of your website and let you add new features without needing to hire a developer.

A plugin that comes in handy and makes the task (and your life) easier is the Instagram Feed plugin by Smash Balloon.

instagram widget wordpress plugin

Smash Balloon’s Instagram plugin can be added as an Instagram widget for WordPress, embedded directly in the new WordPress block editor, or by pasting a shortcode right where you need the feed.

What’s more, you can filter your feeds to show Instagram hashtag feeds and content from multiple Instagram accounts.

The plugin also doesn’t require any coding or an Instagram Developer account, so it’s suitable for complete beginners.

With a few clicks, you can then use the following powerful Instagram features:

  • Customizable layout: Choose between a classical grid format mimicking the look of Instagram, place images horizontally, or highlight specific photos
  • Responsive design: Your feeds are  mobile-friendly and responsive, automatically adapting to different screen sizes
  • Follow buttons: Make it easy for your visitors to follow you in a simple click
  • Social engagement: You can show stories, comments, and likes in your feed
  • Instagram shopping: Using the plugin, you can add shoppable Instagram posts and display its feed as an Instagram widget on your WordPress sidebar.
  • Reduced load time: Thanks to reliable data caching, you don’t have to worry about the plugin slowing down your website
  • Multi-display: Add different Instagram feeds to different areas of your site showing specific types of content

Ready to add an Instagram widget to your WordPress site? Dive in by following the steps below.

Step 1: Install the Instagram Feed Plugin

To begin, click here to get started with Instagram Feeds. Then download the plugin to your computer.

After that, you need to upload it to your WordPress website and activate it. If you need a refresher on how to install a WordPress plugin, check out this step-by-step guide.

Step 2: Connect Your Instagram Account

The next step is to link your Instagram account to WordPress. So click on Instagram Feed in the WordPress sidebar to access the dashboard for your newly installed plugin.

This brings you to the Instagram Feed dashboard, where you can click the blue Connect an Instagram Account button to get connected.

instagram widget wordpress plugin settings

An overlay asks if you want to connect your personal or business account. For some types of feeds, such as hashtag feeds, a business account is required.

If you don’t have a business account, but want to use these features, we have a handy guide teaching you how to change a private Instagram account into a business profile.

Connect Instagram profile to add instagram widget to wordpress

After that, click Connect to confirm your choice. Your Instagram account is now connected!

You’ll see your account name and the buttons Remove from primary feed and Add to another feed. This allows you to have several customized feeds displayed on your site at once.

connect account to feed to display instagram widget on wordpress

Now you’re ready to customize your feed and decide which content to display, which we’ll cover next.

Step 3: Choose Which Instagram Content to Show

You can choose the type of content you want to display in your Instagram widget on the same page.

The many filtering functions help you create the following types of feeds:

  • Feeds filtered on specific hashtags
  • Feeds with photos that you’re tagged in
  • A video feed
  • Shoppable feeds where you can link image captions to product pages

choose feed type of instagram widget in wordpress

Maybe you want your standard Instagram feed in your site’s footer on all pages and a shopping carousel on your e-commerce page? How about a slideshow with branded photos of you on your About page?

Once you’ve chosen your preferred feed type, click Save Changes.

Step 4: Select Your Instagram Widget Layout

From the Instagram Feed settings page, click the Customize tab at the top.

Here, you can set parameters such as:

  • Dimensions of your feed
  • Background color
  • Show/hide your Instagram bio
  • Display a follow button
  • Layout type
  • Number of photos to show

More importantly, this is where you can choose the layout for your Instagram widget. With 4 different layout types, you can create beautiful Instagram galleries that showcase your photos in the best way.

Instagram feed layout types for instagram widget in wordpress

The different layout types include:

  • A standard grid with fixed square image sizes
  • Scrolling carousels with rows, pagination, and navigation arrows
  • Masonry galleries showing photos in their original horizontal or vertical format
  • A highlight gallery showing specific photos larger in the grid

To choose a layout type, simply click the radio button and click Save Changes to preserve your settings.

Step 5: Add Your Instagram Widget to WordPress

Now you’re ready to add your Instagram widget to your WordPress site. The Instagram Feed plugin offers 3 different ways to embed your feed, including:

  • Instagram Feed WordPress Block: Use the new WordPress block editor to add an Instagram widget to posts or pages easily.
  • Instagram Feed Shortcode: You can use the simple shortcode to display your feed in the classic WordPress editor, or elsewhere within your WordPress theme.
  • Instagram Feed WordPress Widget: Display your feed in a WordPress sidebar area using the built-in widget.

Don’t worry if you’re not sure which option to choose. We’ll show you how to do each method.

Add an Instagram Widget With the Instagram Feed Block

To add your Instagram feed to a new page using the WordPress block editor, navigate to Pages » Add New.

Then in the block editor, click the Plus (+) icon to search for a WordPress block. In the search bar type “Instagram” to reveal the Instagram Feed WordPress block. You can then click it to add the block to your page.

instagram widget wordpress add to block editor

This gives you a preview of how your feed will look so you can tweak your settings to get things looking right.

preview instagram widget on wordpress

Then you can go ahead and publish your page. When you preview your published page, your feed will look similar to the example below.

publish instagram widget on wordpress

Add an Instagram Widget to WordPress with a Shortcode

To add your feed in the classic WordPress editor, simply paste your Instagram Feed shortcode directly into your post or page editor.

instagram widget wordpress shortcode

You can find different variations of the shortcode by clicking the Display Your Feed tab on the feed settings page.

instagram widget wordpress shortcode to display feed

Add an Instagram Widget to Your WordPress Sidebar

To show your Instagram widget in a sidebar area like your footer or primary sidebar, you can use the built-in Instagram Feed widget.

First, navigate to Appearance » Widgets. Then find the Instagram Feed widget and drag it over to your chosen widget-ready sidebar.

add instagram widget wordpress sidebar

Remember to click Save to preserve your settings.

Then when you preview your website, you’ll see your feed in your sidebar area.

instagram widget wordpress published in sidebar area

There you have it!

You’ve just added an Instagram widget to your WordPress site. Now you can engage your visitors with relevant visual content, transforming them into loyal Instagram followers.

Get started with Instagram Feeds by Smash Balloon today.

And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more helpful tutorials.

Want to Try our Instagram plugin for Free?

Enter the URL of Your WordPress website to install Instagram Feed Lite.

Comments

  1. Mindy Mattox

    Thanks for this post. It’s so detailed and informative.

    Reply
  2. ae minx

    interesting read. Lots of stuff I didn’t know

    Reply
  3. Cindy Peterson

    Exactly the information I needed in and easy to use format. Thank you.

    Reply
  4. Leslie Carcaise

    Interesting!

    Reply
  5. Kim N

    Thanks for the post. Very interesting

    Reply
  6. Aisha

    Thanks! For the read

    Reply
  7. Patrick M

    Thanks for sharing!

    Reply
  8. Starr McDaniel

    Thank you for all the information.

    Reply
  9. Darlington Okafor

    It this plugin well integrated with Elementor? Because I use Elementor extensively and will love to work seamlessly with it.

    Reply
  10. ONYINYE ELOCHUKWU

    That’s a lot of important information. Thanks

    Reply
  11. Tony Platz

    Very informative thank you .

    Reply
  12. Patricia Saint-Vincent

    Great idea for Instagram!

    Reply
  13. Calvin

    Nice and straightforward, simple widget solution!

    Reply
  14. Kakhaber Khmelidze

    Thanks for the detailed info.

    Reply
  15. Jackie Masek

    Great info. Thanks!

    Reply
  16. Melissa

    I’ve been using the free version and I’m very happy with it! Thanks!

    Reply
  17. Michael DeFren

    thanks for the chance

    Reply
  18. Josefina Alonzo

    Las redes sociales son muy utiles en ellas encontramos variedad de contenido,Instagram es una de ellas..gracias

    Reply
  19. Cheryll Powning

    Lots of great information. Will refer back to the article to read in depth.

    Reply
  20. Tiffane Sloan

    Thanks for sharing!

    Reply
  21. Nicole Zerbini

    A very detailed and informative read. Thanks!

    Reply
  22. Liz Kilcher

    thanks for the info.

    Reply
  23. Nisha

    Thanks for the info. Very well explained

    Reply
  24. Rachel

    This is amazing I for. I didn’t realize there was a plug-in for Instagram. I’m going to have to try it! Thanks 🤩

    Reply
  25. Steven Blaser

    Interesting, but not for me!

    Reply
  26. Angela kern

    Lots of useful information. Thanks for the post!!

    Reply
  27. Danielle Chagdes

    Thanks for the blog! Very informative!

    Reply
  28. Danilo Tulaylay

    Vey informative. Thank you for enlightening us.

    Reply
  29. Alicia S.

    Super helpful info!

    Reply
  30. Christina Gould

    Thanks for the great information. It could come in handy someday.

    Reply
  31. Christine Gonzales

    Thank you for all of the great information and also thank you for the opportunity!!

    Reply
  32. Maranda Bessey

    Thanks for the very informative post. This will definitely come in handy for me.

    Reply
  33. Frankie Pinnix

    Very informative and interesting! I found this article enlightening and useful.

    Reply
  34. Lily Deng

    Thanks for sharing

    Reply
  35. Patrick M

    love it thanks for the info

    Reply
  36. Johan Linder

    Thanks. Will try this!

    Reply
  37. Sajeesh

    COOOL!!

    Reply
  38. Renee

    Good to know! Thanks!

    Reply
  39. Prasanta Kumar Pradhan

    REALLY VERY HELPFUL PLUGINS FOR WORDPRESS

    Reply
  40. Joel Bousema

    nice

    Reply
  41. Vincent Gruenbacher

    Great info.

    Reply
  42. Lisa Lawton

    Thanks for sharing! I barely know how to do anything online unless I look it up!

    Reply
  43. Sarah Jane Ehrhart

    Thank you for the chance to win a MacBook and for information I need.

    Reply
  44. Coleman Jackson

    good information to know, very helpful !!!!

    Reply
  45. ESTHER

    Thank you for all the information.

    Reply
  46. Teresa

    This is going to look great on my clients site. Thanks for the info.

    Reply
  47. Dina Lindquist

    Thank you for the informative article. I love step-by-step guides. Thank you!

    Reply
  48. Kakhaber Khmelidze

    I did not know about that. Thanks.

    Reply
  49. Vicki Fischer

    Thanks for the super info!

    Reply
  50. Jennifer Hall

    thanks for sharing

    Reply

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.

Leave a Reply

Your email address will not be published. Required fields are marked *