How To Embed Instagram Feed On BigCommerce?

To create and embed Instagram feed on BigCommerce store, you need to follow the given steps-

Add Instagram Feed Using Taggbox Widget

Try Taggbox Widget – Start Your 14 Days Free Trial

1. First, create your Taggbox Widget account or Log in to your existing account

instagram feed on bigcommerce

You’ll be redirected to Taggbox Widget Dashboard:

Create Widget by Taggbox

2. Click on the “Add Social Feeds” option to start adding Instagram feeds to your widget. 

Embed Instagram post on bigcommerce

Tip: You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.

3. On the new Dialog Box “Pick a source” select Instagram Business as your source of aggregating feeds:

Embed Instagram Feed Widget on bigcommerce

4. A pop-up “Create Instagram Business Feed” will appear; where you’ll find 6 options to create your Instagram feed widget for the Bigcommerce website.

1. HASHTAG (#) – To fetch Instagram feeds using hashtags(#).

Embed Instagram Posts using Hashtag

2. HANDLE (@) – To fetch feeds from a profile account.

Embed Instagram Posts On Bigcommerce

3. STORIES – to fetch your profile’s Instagram Stories.

Embed Instagram Posts Using Stories

4. MENTIONS – To fetch feeds in which your account is mentioned on Instagram Posts.

Embed Instagram Posts Using Mentions

5. TAGGED – To fetch feeds in which your profile is tagged on Instagram Posts.

Embed Instagram Posts Using Tagged on bigcommerce

6. IGTV – To aggregate IGTV videos.

Embed IGTV Videos

5. Choose your aggregating method and enter the input accordingly.

Click the “Create Feed” button to start the processing of embedding Instagram feeds according to your selection.

If asked complete the required authentication to fetch the feeds.

(Note: The Email Id you log in with on Facebook should have an Instagram account too because you know Facebook owns Instagram).

On successful authentication, in a short matter of seconds, your feeds will be displayed on Taggbox Editor.

Embed Instagram Feed on BigCommerce Website

Once you’ve fetched Instagram post on Taggbox Widget editor, follow the steps below to add it to your website.

1. Click the “PUBLISH” button on the bottom-left of the screen, You can also see the PREVIEW of how your feeds are gonna look on different devices.

Embed Instagram Widget on Bigcommerce store

2. On the dialog box of “Choose Your Platform”, select the “OTHER” logo to generate code for the BigCommerce Store.

add instagram posts on bigcommerce

3. A new Dialog Box will appear “OTHER”

Embed Instagram feed on BigCommerce

4. Enter the width and height into the input box according to your requirement;

Click GET CODE and COPY the generated code; you can also share the code on email ID by clicking the SHARE button.

Instagram feed on Big Commerce

5. Login to your BigCommerce Dashboard and navigate to the “Storefront”.

Instagram post on Bigcommerce store

6. Now select the “Webpages” to embed Instagram feeds code to your store.

Integrate Instagram post on bigcommerce

7. After selecting “WebPage” you will redirect to your all pages. Here you can create a new Instagram Feed Page or You can Edit your previous page.

Lets create a new page 

feeds from Instagram to bigcommerce

8. Select “Create a Web Page” and fill all required details.

To paste the Taggbox Widget code in the HTML section see the image below.

Bigcommerce Instagram feed

After pasting the code click on update 

Bigcommerce Instagram feed

9. After filling all details scroll down and click on “Save & Exit”

Instagram Feed embedded on BigCommerce Store

That’s it 

You have successfully embedded Instagram feeds on your BigCommerce Store.

Try Taggbox Widget – Start Your 14 Days Free Trial

If you have any questions or need help, please Contact us or write to us at [email protected]