How to Add an Instagram Feed to WordPress Quickly and Effectively

[ad_1]

Instagram is a popular social media platform for sharing photos and videos with other users worldwide. Learning how to add an Instagram feed to WordPress helps build brand recognition, reach bigger audiences, and increase conversions.

This article will show you how to connect your Instagram account to WordPress. On top of that, we’ll explain how to customize the Instagram feed and integrate it into your site.

How to Embed an Instagram Feed to WordPress

Follow this step-by-step tutorial to embed Instagram posts on your WordPress website:

1. Create an Instagram Account

You can create a personal or business Instagram profile via the official website, mobile app, or Facebook.

Follow these steps to sign up through the official Instagram website:

  1. Go to Instagram’s official website and click Sign up.
  2. Enter your personal details, including your mobile phone number or email address, full name, username, and password. Once done, select Sign up.
  3. Add your birthday information by clicking the down arrow and choosing the month, date, and year. Select Next to proceed.

You must provide your correct birthday information, even for a business Instagram account. Instagram aims to give an age-appropriate experience to each user.

  1. Instagram will send you a confirmation code via email or phone. Copy and paste the information code in the field and click Next until you successfully create an Instagram account.

The Instagram app is available on the App Store for iOS devices and Google Play Store for Android phones. Here’s how to create a business or personal Instagram profile on an iPhone:

  1. After downloading the app, tap the Instagram icon to open it.
  2. Select Create New Account and enter your phone number or email address. Once done, tap Next.
  3. Enter the confirmation code sent to your contact, the new password, your birthday information, and your name and username. Tap Next.
  4. Review Instagram’s terms and data policy. Select I agree to declare your compliance with its rules.
  5. Upload a profile picture and tap Next. If you want to add it later, select Skip.
  6. To make your profile picture your first post, toggle the switch and choose Done.

Alternatively, use an existing Facebook account to create an Instagram profile. Here’s how to sync your Facebook profile to Instagram:

  1. Open the Instagram application and select Sign Up.
  2. If you are logged in to your Facebook account on your phone, your profile will appear. Choose Continue as [Your Name].
  3. The app will prompt you to log in to your Facebook account. Tap Log in.
  4. Read Instagram’s terms and privacy policy and select I agree.

2. Choose an Instagram Feed Plugin for WordPress

You need to install a WordPress plugin to embed an Instagram feed on your website. Here are two of our recommendations:

Smash Balloon

The Smash Ballon plugin banner on WordPress

Smash Balloon is one of the best WordPress Instagram plugins. It lets you display posts from multiple Instagram accounts on one or separate feeds.

Customizing an Instagram feed on WordPress with Smash Balloon is easy. You can modify the width, height, background color, picture size, and columns.

On top of that, this WordPress plugin offers:

  • Thumbnails in any size to highlight your Instagram posts.
  • The Load More button to show other Instagram photos from your account.
  • The Follow on Instagram option lets visitors easily follow your account without manually searching for it on the mobile application.
  • The custom JavaScript and CSS feature allows web developers to modify the Instagram feed’s appearance and style.
  • The option to arrange your Instagram images in chronological or random order.

Aside from the free version, Smash Balloon offers the Instagram Feed Pro plugin. It starts at $49/year and includes advanced capabilities, such as displaying tagged and hashtag feeds.

Social Feed Gallery

The Social Feed Gallery's banner on WordPress

Social Feed Gallery is a user-friendly Instagram feed WordPress plugin that offers a one-click setup to simplify the integration process. It also lets you arrange Instagram feeds according to the username and hashtag.

Here are other features this plugin offers:

  • Display Instagram feeds on your WordPress site using two layout options – gallery or carousel.
  • A backup caching mechanism to ensure your feeds are available even when Instagram’s API encounters issues.
  • Use a pop-up gallery to display Instagram videos and images from your feed to improve its appearance.
  • Automatically cache Instagram content to optimize server performance and speed up page loading times.

The free edition has the necessary features to embed Instagram feeds on your WordPress website. To enjoy more capabilities like lifetime updates and 6-month support, purchase the premium plan starting at $49/license.

3. Connect the Instagram Account to WordPress

Once you’ve chosen and activated the plugin, here’s how to connect your Instagram account to WordPress. In this example, we’re using the free version of the Smash Balloon plugin:

  1. Open the Instagram Feed option on your WordPress dashboard and click Add New.
All Feeds on the Smash Balloon dashboard, highlighting the Add New button
  1. Choose the Instagram feed type. The free version only provides User Timeline, while the Pro offers three advanced options – Public Hashtag, Tagged Posts, and Social Wall. Select Next to proceed.
The Create an Instagram Feed page with the Next button highlighted
  1. Click Add Source to connect Instagram to your website. There, you’ll get redirected to Smash Balloon’s website.
The Create an Instagram page on Smash Balloon's dashboard with the Add Source option highlighted
  1. Choose the account type – Personal, Business, or I’m not sure. For this example, we’re connecting a personal Instagram account.
  2. Select the Login with Instagram button. With the Premium version, you can add the account manually since you’ll have an Instagram API access token.
The Connect to Instagram page on Smash Balloon's official website with Login with Instagram highlighted
  1. Enter your Instagram credentials and click Log in.
  2. Review the access requests and click Allow.
  3. Lastly, confirm your domain by clicking Yes, it is my domain.

With the Instagram Feed Pro plugin, you can add multiple Instagram feeds to your WordPress site. Follow these steps to do it:

  1. Go to the Smash Balloon dashboard and choose the profile and feed design.
  2. Select Embed and copy the shortcode.
  3. Paste the embed code to Instagram Feed on the WordPress editor.

4. Configure the Instagram Feed

After connecting your Instagram profile to WordPress, it’s time to create your Instagram feed layout:

  1. Select your Instagram handle on Smash Balloon’s dashboard and choose Next.
  2. Click the Yes, let’s do it button to create a custom profile picture or bio.
  3. Upload a profile picture, insert your bio, and choose Add.
  4. Once you’re redirected to the builder, you can adjust the feed’s appearance. Select Feed Layout to change the design, height, and padding. You can also set the number of Instagram posts and columns.
The Feed Layout option on Smash Balloon's feed editor
  1. Choose Color Scheme to modify the background shade.
The Color Scheme's menu on the Smash Balloon plugin
  1. Click Header to adjust the header’s style.
The Header menu on Smash Balloon's editor
  1. Select Posts Images and Videos to set the optimal resolution for your Instagram content.
The Images and Videos option on the Smash Balloon feed editor
  1. Click Load More Button to adjust the load more option.
The Load More Button menu on Smash Balloon's live feed editor
  1. Select Follow Button to modify the following option.
Smash Balloon's Follow Button option
  1. Open Settings Sources to switch between different Instagram users.
The Sources menu on Smash Balloon's feed editor
  1. Go to Settings Filters and Moderation to apply particular configurations to specific Instagram content.
The Filters and Moderation option on the Smash Balloon editor
  1. Click Settings Sort to arrange your feed. For example, display the latest Instagram posts first by choosing Newest.
The Sources menu on Smash Balloon's feed editor
  1. Choose Advanced to edit the maximum concurrent API requests and enable custom templates.
The Advanced settings on Smash Balloon's feed editor
  1. Once you’re finished editing your Instagram feed, click Save.

5. Integrate the Instagram Feed into WordPress

Now that you’ve designed the appearance, it’s time to embed Instagram feeds on your website. To do it, open a WordPress post → Block Inserter + iconInstagram Feed.

Alternatively, go to Smash Balloon’s feed builderEmbed Add to a page to embed your Instagram feed to a WordPress page,

However, the above steps only work if you only have one design. If you have multiple templates, here’s how to add a specific Instagram feed on your WordPress site:

  1. Open Smash Balloon’s feed builder and click Embed.
The Smash Balloon feed builder with the Embed option highlighted
  1. Duplicate the shortcode on the pop-up window by selecting the Copy button.
The Embed Feed pop-up window, highlighting the Copy button
  1. Go to your WordPress dashboard → open Posts or Pages → choose the Instagram Feed block → Block → paste the code.
The Find Us on Instagram page on the WordPress block editor with Instagram Feed highlighted

Alternatively, modify the shortcode by adding the design number on the Shortcode Settings field and clicking Apply Changes. This will automatically embed the chosen template. For example, we’re going to use feed=”2″.

The Find Us on Instagram page on the WordPress editor, highlighting the Apply Changes button
  1. The block will now display the embedded Instagram post. Click Publish to apply it on your website.

If your theme doesn’t support full-site editing, embed an Instagram feed on your WordPress website using widgets. Open Smash Balloon’s feed builderEmbedAdd to a Widget.

Alternatively, add the Instagram Feed widget by going to the WordPress dashboardAppearance Widgets Widgets Inserter + icon Instagram Feed. Drag the widget to any area on your WordPress website, like the Main Sidebar or Header.

To display a different Instagram feed, enter the template’s shortcode via Shortcode SettingsApply ChangesUpdate.

Conclusion

Embedding your Instagram feed on your WordPress website can attract customers, boost conversions, build brand awareness, and grow Instagram followers.

To integrate the social media feed into your site, you must make an Instagram account, pick an Instagram feed WordPress plugin, connect your Instagram, design the feed’s appearance, and embed your Instagram feed into WordPress.

We hope this article has helped you embed an Instagram feed on your WordPress website. If you have any questions or suggestions, please leave them in the comments section below.

Instagram Feed in WordPress FAQ

In this section, we will answer some common questions about embedding an Instagram feed on WordPress.

Why Should I Add an Instagram Feed on WordPress?

Embedding Instagram feeds on your WordPress site helps boost visitor engagement, create long-lasting customer relationships, and grow conversions. It can also build brand awareness and increase followers as clients can see you on multiple social media channels.

Can You Integrate an Instagram Feed to WordPress Without a Plugin?

Aside from using plugins, you can embed your Instagram feed using WordPress widgets or social media aggregator tools, such as Taggbox Widget. The latter offers advanced features, such as content moderation and user behavior analytics.

Can You Embed Instagram Reels in WordPress?

Yes. Using Smash Balloon Pro, connect your Instagram account and go to the live feed editorSettings Filters and Moderation. Under Show specific types of posts, uncheck Photos and select Feed Videos and IGTV Videos. Then, embed the Instagram posts using the Embed button or copy the shortcode and paste it into the Instagram Feed block.



[ad_2]

Jaspreet Singh Ghuman

Jaspreet Singh Ghuman

Jassweb.com/

Passionate Professional Blogger, Freelancer, WordPress Enthusiast, Digital Marketer, Web Developer, Server Operator, Networking Expert. Empowering online presence with diverse skills.

jassweb logo

Jassweb always keeps its services up-to-date with the latest trends in the market, providing its customers all over the world with high-end and easily extensible internet, intranet, and extranet products.

Contact
Jassweb, Rai Chak, Punjab, India. 143518