How to Create a Custom Instagram Feed in WordPress (In 4 Steps)

One of the easiest ways to keep your website up-to-date with fresh content is to add an Instagram feed. Here’s how to create a custom Instagram feed in WordPress!
How to Create a Custom Instagram Feed in WordPress (In 4 Steps)

One of the easiest ways to drive traffic between your website and your social media accounts is to display a custom Instagram feed in WordPress. Plus, it’s a great way to make sure your site stays updated with fresh content. However, this can be difficult to achieve manually.

Fortunately, you can use a handy plugin to embed your Instagram feed on your website. Better yet, with the right tool, your feed will update automatically. Plus you’ll gain full control over your feed’s display since you can change the size, colors, and more.

In this post, we’ll guide you through four simple steps to create a custom Instagram feed in WordPress. Let’s get started!

Why it’s smart to feature your Instagram feed on your site

Typically, keeping your site updated with fresh content requires you to manually add new posts or pages in WordPress. However, if you embed an Instagram feed, you’re always able to deliver new content to your visitors with minimal effort.

What’s more, you can even show tagged posts or create a hashtag feed to display photos that other users have tagged you in. If you run an e-commerce store, this can be a useful way to provide social proof and increase sales.

However, it’s important to create an Instagram feed that fits in nicely with the rest of your website’s design. That way, you can create a consistent User Experience (UX) and reinforce your branding.

How to create a custom Instagram feed in WordPress (In 4 steps)

Now that you know how an Instagram feed can benefit your website, let’s take a look at four easy steps to embed a feed into WordPress. 

Step 1: Install Spotlight and create a new Instagram feed

The easiest way to create a custom Instagram feed in WordPress is to use a handy plugin like Spotlight Social Feeds. You can install the plugin for free, but a premium plan offers access to lots of extra templates and features.

Once you’ve activated Spotlight on your site, head to the Instagram Feeds tab, where you’ll be guided through the steps to create a new feed:

My Instagram posts

You’ll first be asked what kind of feed you want to create. For example, you can display all of your Instagram posts including photos, videos, and reels. Or you might stick with tagged posts, a hashtag feed, or a shoppable feed. Make your selection and click on Next step

Next, you’ll choose a design template to structure your feed within, such as a photo gallery or row. However, to create a custom Instagram feed, click on the create your own link beneath the Pick a template section:

This will take you to the final page of the feed setup before you reach the feed editor. Simply click on Connect & customize to continue. 

Step 2: Connect to your Instagram account

Once you’ve clicked on the Connect & customize button, you’ll arrive in the Spotlight feed editor.

Now, you can choose to connect to a Personal or Business Instagram account. Additionally, if you’re connecting to a client’s account, you can use a unique access token:

Connect your Instagram account

You’ll also need to enter the User ID for the account. Then select Connect

It can take a few seconds to retrieve posts from the Instagram account. Then you should see the correct account appear to the right of the editor. You can also connect multiple accounts by clicking on the Connect more Instagram accounts button.

Connect more Instagram accounts

You’re now ready to finish setting up your custom Instagram feed in WordPress.

Step 3: Customize your Instagram feed

Once you’ve connected to your account, you’re all set to create your custom Instagram feed in WordPress. Switch over to the Design tab.

Here you can select a layout for your feed. Plus, you can configure the exact number of posts and columns that you want to display on your page.

Slider layout

Under Feed Options, you’re able to adjust the post order. For example, you might prefer to show your most recent posts first, or your most popular posts. Additionally, you can decide whether to open posts in the same tab, a new tab, or a popup box.

If you expand the Appearance Settings, you can change the feed width, height, image padding, and text size. Plus, you can apply a background color to the feed:

Background colour

Meanwhile, under the Feed Header tab, you can disable/enable the feed header, upload a profile photo, and customize the profile photo size.

Plus, you can even customize the Follow on Instagram and Load more buttons with your own messaging and brand colors. 

Feed header

Step 4: Embed your custom Instagram feed in WordPress

To embed your custom Instagram feed in WordPress, you’ll first need to save it. So click on the blue Save button in the feed editor, and give your feed a memorable name.

Then head over to the Embed tab. There are three ways you can embed your feed. First, you can add it to a new page or post directly from the feed editor by clicking on the relevant link:

Embed your feed

If you want to embed the feed in an existing page/post, simply add the Spotlight Instagram Feed block to your page:

Insert the Spotlight block

And the feed should display instantly:

Result

Additionally, you can add the Instagram feed to a post or page using a shortcode. All you need to do is copy the shortcode from the feed editor and paste it into a Shortcode block on the relevant page or post. 

Plus, you can even embed your Instagram feed in your footer, header, or sidebar. If you’re using a classic theme, navigate to Appearance > Widgets in your dashboard. Then add the Spotlight Instagram Feed widget:

Add a footer widget

Open your website in a fresh tab to view the change.

However, if you use a block theme, you can embed your feed in a widget area by heading to Appearance > Editor > Template Parts. Choose a template part like your header, sidebar, or footer. 

Then add the Spotlight Instagram Feed block:

Block theme

Save the changes and open your site in a new tab to see how your Instagram feed looks on the front end.

If you need to make changes to your feed, return to Instagram Feeds > Feeds and open the feed to make your edits.

Conclusion

A custom Instagram feed is an easy way to keep your site up-to-date with new content. Meanwhile, since you’ll gain full control over your feed’s display, you can ensure it fits in seamlessly with the rest of your website.

To recap, here are four steps to create a custom Instagram feed in WordPress:

  1. Install Spotlight and create a new Instagram feed.
  2. Connect your Instagram account.
  3. Customize your Instagram feed.
  4. Embed your custom Instagram feed in WordPress.

Do you have any questions about how to customize your Instagram feed? Let us know in the comments section below!

Can Spotlight help you and your team revamp your website? We'd love to help you find out. Why not give Spotlight a try?

Article by

Gaby Abela

Gaby is a talented content creator with a passion for design and an intuitive understanding of UI/UX. Guided by the principles of ethical social media marketing, her articles aim to enlighten and engage, making the world of social media for WordPress accessible to all.

Article by

Gaby Abela

Gaby Abela

Gaby is a talented content creator with a passion for design and an intuitive understanding of UI/UX. Guided by the principles of ethical social media marketing, her articles aim to enlighten and engage, making the world of social media for WordPress accessible to all.
Gaby Abela

Gaby Abela

Gaby is a talented content creator with a passion for design and an intuitive understanding of UI/UX. Guided by the principles of ethical social media marketing, her articles aim to enlighten and engage, making the world of social media for WordPress accessible to all.
Table of Contents
Sign up to our newsletter to get our latest updates, news, tips & more.

Leave a Reply

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

Add Instagram to your website in seconds

with the fastest-growing and most complete Instagram solution for WordPress.

Free Download

Instagram Feeds Lookbook
Instagram Feeds Lookbook

Get inspired by nine of the best use cases of Instagram feeds from real Spotlight users.