How To Embed Shoppable Instagram Feed On HTML Website

How To Aggregate Instagram Feed

Step 1

Getting started by Login to your Taggbox Account. You will land directly to your Dashboard. Open Wall Editor after clicking on Wall Name.

Step 2

Click on the Feeds Button (top row in the left column)

Step 3

Click on Add Feeds from the drop-down menu to create New Feed.

Step 4

Select the desirable social media platform from Pick a Source. Choose among Instagram, Facebook, YouTube, etc. to aggregate social feeds.

Step 5

Create an Instagram Feed display box will pop-up on the screen. Select a source (My Hashtag(#), Handle(@), Mentions and Tagged) from where you would like to fetch the User-Generated Content. Click on Create Feed to make an Instagram Connection.

Step 6

Click on Continue with Facebook. Click on the button and provide the login details to connect your Instagram account.

Greate! You have finally connected your Instagram Feeds.

Make Your Instagram Feeds Shoppable

Step 1

Go to Instagram Wall in the Wall Editor.

Step 2

Click on TaggShop.

Step 3

Select from Tag, Product, and Customization options.

Step 4

Click on Products to manually Add the Products to your gallery.

Step 5

To add a new product, click on Add New Product.

Step 6

Enter the required details about your product like Product Title, Product Price, Discount Price, and the URL. This information will direct your users to your specific product webpage to make a purchase. Insert an attractive image of the product.

Step 7

Click on Preview your product and Submit it.

Step 8

Customize the Product Layout and Design it the way you want.

Step 9

The important step of all processes – Tagging. To tag your added product with the user-generated Instagram Posts, click on Tag.

Step 10

Go to your Wall Editor, you will find a Tag Product option on each of your user-generated Instagram feeds. Click on Tag Product.

Step 11

Choose the products from the gallery you wish to tag with the specific post.

Step 12

Make all your posts Shoppable in the same way.

Embed Wall on HTML Website

Step 1

Go to the Display Button on your Wall Editor.

Step 2

Click on Embed in Website to embed your created Shoppable Instagram Feeds on your website.

Step 3

Select HTML as your website building platform.

Step 4

Set Width, Height, and Height Type as per your needs.

Step 5

Click on Get Code.

Step 6

Preview the code by clicking on Preview or directly Copy the code from the field. Paste the code where you want to embed Shoppable Instagram Feeds in the body section of your website.

With the above steps, you can easily build your own Shoppable Instagram Feed on your website and start getting new users.