Skip to main content

The Ultimate Guide to Integrating Spotlight Instagram Feeds with WooCommerce

· 9 min read

featured image

  • Guide to Integrating Spotlight Instagram Feeds with WooCommerce
  • How to create shoppable feeds with Spotlight

Modern businesses turn to social media marketing more than ever to promote products and get more eyes on their WooCommerce store.

You're probably running one of them – maybe you're already posting images of your products on Instagram and encouraging customers to tag you as they show off your items in action.

Adding Instagram feeds to your WooCommerce store is a great way to highlight your products or its testimonials. Shoppable Instagram feeds are an even better way to engage customers and streamline the process of purchasing products.

Want to try it for yourself? This guide will introduce you to Instagram feeds and teach you how to add them to your WooCommerce store. Every question you have about Instagram feeds will be answered.

What are shoppable WooCommerce Instagram feeds?

An Instagram feed displays your posts in a customizable gallery or carousel on your website, and there are several different types. These include shoppable Instagram feeds.

When clicked, rather than opening your Instagram post page, shoppable feeds direct users to your products – including WooCommerce products. With this, users can buy your products in just a few clicks.

Why you should use Instagram feeds on your WooCommerce store

Social media marketing and its potential for heightened engagement is an entire topic of its own. If you're not already promoting your products on Instagram, you probably should be.

And bringing those Instagram posts back to your website is a great way to get potential customers' attention. A beautiful gallery is always a great addition to any website – all the better if it gets more eyes on your products.

Luckily, creating shoppable Instagram feeds is easy with Spotlight. Embedding Instagram galleries and connecting them to WooCommerce products is simple with a plugin.

Curious how you can use Instagram feeds on your WooCommerce site? Here's a few fun ideas:

  • Promote your products with one-click, seamless shoppable feeds. Show off your products on Instagram, embed the feed on your website, and let users click to shop.
  • Create a related products feed and embed it on WooCommerce pages for cross-selling potential.
  • Get free social proof by showing off user-generated content as product testimonials.
  • Promote hashtag campaigns for particular products or lines.
  • Spotlight influencers who are using your products.

All these are possible with Spotlight, but we're going to focus on the first one: promoting your products through shoppable feeds.

How to create shoppable feeds with Spotlight

Are you ready to start creating Instagram feeds of your own? First up: You'll need to install and activate Spotlight. To create shoppable feeds, you'll need the PRO version or higher. You'll also be able to embed feeds directly on WooCommerce product pages.

Go ahead and install Spotlight, then activate your license key on Instagram Feeds > License. With that, you're ready to create your first shoppable feed!

Before you jump into creating a feed, a good first step is to link your Instagram account. You can connect as many as you want, so don't hold back.

You can find the right page on Instagram Feeds > Settings in your WordPress sidebar. You'll land on the Accounts tab.

Link your Instagram account

You're probably using Instagram for Business for your WooCommerce website, so select Business account and follow the steps to connect to Spotlight.

If you want to get right into it, you'll have a chance to connect your account when you're setting up a feed. Either way, you're ready to get started!

Step 2. Set up your first shoppable feed

Head to Instagram Feeds > Feeds from the sidebar and look for the big blue Create a new feed button.

This will open up a new menu for creating your Instagram feed. Select Shoppable feed from the list and click the blue Next step button.

Set up your first shoppable feed

Now you get to pick a template. You can always swap this out later, so no worries if you don't like how it looks on your website. You'll also be able to tweak the feed layout and design.

For shoppable feeds, you might like the Gallery, Carousel, or Zoom layouts – let's go with that one. Click Next step when you're ready.

Pick a template

Now just click Connect & customize. You'll be taken to the feed editor.

Step 3. Choose Instagram posts for your shoppable feed

On the next page, you'll land on the Connect tab. If you haven't connected your Instagram account yet, you'll have a chance to do so now. Otherwise, you can choose which accounts and hashtags to display posts from.

If you want to curate a feed of your own content, click the account(s) below Show posts from these accounts. If you want to show posts from other users that have tagged you or used a certain hashtag, click those instead. You can mix and match in one feed.

Choose Instagram posts for your shoppable feed

You'll also want to check out the Filter and Moderate tabs at the top. You probably don't want your entire Instagram account or everyone who ever tags you in this one feed, so use these pages to curate the selection.

On the Filter page, you can show or exclude posts using certain phrases or hashtags.

Filter Instagram posts

And on the Moderate tab, you can choose to hide selected posts or only show selected posts from your feed. This is useful for curating your own posts, and also for manually adding new tagged posts from other Instagram users or removing any unwanted posts that slip through.

Moderate Instagram posts

Step 4. Customize your shoppable feed

If the premade layouts aren't quite right, Spotlight gives you full reign over Instagram feed design. You can find plenty of customization settings in the Design tab.

Customize your shoppable feed

You might want to:

  • Change the number of displayed posts or how they're arranged (Layout)
  • Adjust individual height, spacing, text size, or hover options (Appearance Settings)
  • Randomize post order or open posts in a lightbox (Feed Options)
  • Add your Instagram header and avatar (Feed Header)
  • Let users load more images (Load more button)

You can even add your own CSS styling. The sky's the limit, so have fun customizing.

Step 5. Tag and promote WooCommerce products

Now you're ready to connect your WooCommerce products to your Instagram posts. Whenever these Instagram images are clicked in the feed, users will be taken directly to your product pages.

You have two options: First, you can manually link products in every feed you create. Open the Shop tab and click the plus sign on any of your posts.

Tag and promote WooCommerce products

Now click the Link source drop-down menu and select Product. Search for and select the WooCommerce product you want to link to. You can also change click behavior and other settings for the individual post here.

Link WooCommerce products

Now when any user clicks on this post in your Instagram, they'll be taken directly to your WooCommerce store page.

Rather than filling this in for every single feed, you can instead automate the process. Go to Instagram Feeds > Promotions.

You'll land on the Automate tab. Here you can have any posts in your feeds that use a particular hashtag link to your product pages.

Automate linking to WooCommerce products

Or you can go to the Global Promotions tab and set up a universal product link just like you did within your Instagram feed. Now whenever this post is used in any feed, it will always link to the same WooCommerce product page.

Global promotions

Step 6. Embed the shoppable feed on your website and product pages

Now your shoppable feed is all set up and ready for display. You have a few options here.

First of all, if you're using the block editor in WordPress, you can easily add the Instagram Feed block. Just type /Spotlight when editing any post or page, click Spotlight Instagram Feed, and pick your feed from the list.

Embed the shoppable feed on your website

You can also use a shortcode. You'll find the shortcode for your feed on the Embed tab when editing your feed.

Embed the shoppable feed on your website

Finally, if you're using an older theme, you can embed a widget.

There are plenty of creative ways to use shortcodes and blocks to embed Instagram feeds on your site, including embedding in WooCommerce product pages directly.

With that, your shoppable Instagram feed is all done and displayed on your website.

Shoppable Instagram feed

Don't forget to check out Instagram Feeds > Analytics to see how many clicks your new feed is getting.

Increase engagement with Instagram feeds for WooCommerce

Adding shoppable Instagram feeds to WooCommerce is a surefire way to get customers' attention. There are plenty of creative ways to beautifully display your products, attracting interest and clicks.

If you're curious to try it on your own website, give Spotlight a try. One simple WordPress plugin is all you need to design intricate Instagram feeds and easily embed them anywhere on your website. It's elegant, codeless, and the perfect fit for anyone who wants to integrate Instagram feeds and WooCommerce.