How To Embed Instagram Hashtag Feed On Website To Increase Your Brand Exposure

Website
8 min read

Are you also a part of the billion+ Insta tribe? With almost 1 billion active users around the globe, Instagram is one of the largest social media networks.

Well, not just the millennial, businesses love Instagram too.

Most of the marketers and business experts display Instagram hashtag feeds on their websites and other digital services. Instagram has become the first choice for most of the marketers to grow their business. They display user-generated content mixed with their brand stock images and customer feedbacks encouraging others to join in the trend.

Embedding Instagram hashtag feed on the website channelizes the Instagram traffic thereby enhancing the click-through rate and conversion rate on your website. This results in higher website engagement, longer page visits and an increase in conversion rates.

But, before you delve more into the idea of integrating Instagram on your business website, you need to know the basic difference between Standard Instagram account and Business Instagram account.

Confused?

Worry not! We are here with everything you need to know. This article aims to educate you about what Instagram feeds are and How to embed Instagram hashtag feed on your website.

Instagram Business Account vs Standard Account

A very genuine question to begin with.

Embed Instagram hashtag

An Instagram Personal Account or Standard Instagram Account is one where you can simply post images and videos and share them with your friends. On the other hand, an Instagram Business Account is basically for promoting your business through inbuilt features like Analytics and the ability to sponsor Ads.

Earlier in January 2018, Instagram updated it’s graph API according to which it won’t be any more possible to fetch posts on the basis on hashtags and locations from a Standard Instagram Account. To do so, you will have to convert your Instagram Personal account into an Instagram Business account. Read more

Create an Instagram Wall with Taggbox

Here is a step-by-step guide to creating an Instagram Wall with Taggbox.

1. Login or Sign up to Taggbox Account. You will land on the Dashboard. Click on the Wall Name to open the Wall Editor or create a new Wall.

Embed Instagram Widget

2. Click on Feeds. (You will find it on the top row in the left column)

3. A drop-down menu appears. Click on Add Feeds to create a new feed.

4. Select Instagram Business icon as your feed source.

Instagram Hashtag Feed

5. A Create Instagram Feed box will appear. In order to embed Instagram hashtag feed, select Hash Tag(#). Click on Create Feeds to create an Instagram connection.

Instagram Hashtag Feed

6. A Continue With Facebook box will appear. Provide your Facebook login credentials to connect your Instagram Business Account to your social wall.

Great! You have successfully added your Instagram hashtag feed and they will appear in the wall editor in a while. You can also use the Personalize and Moderation Panel to set up your Instagram wall.

Generate Instagram Embed Code for Website

Now, the next step is to generate a Website Embed Code from Taggbox. Here’s how you do that-

1. Click on the Display Button in your wall editor.

2. Select the Embed in Websites to embed Instagram hashtag wall on your website.

3. Select your Website Platform. (E.g. – HTML, WordPress, Wix etc.)

4. Set width, height and height type as per your requirements.

5. Click on Get Code. Copy the generated code and Paste it on the clipboard.

The generated code is the desired Embed Code for embedding your Instagram hashtag feeds on a website.

Let’s start engaging your website visitors

Embed Instagram Hashtag Feed on Website

Now that you have created an Instagram wall with Taggbox and generated the embed code, you are all set to embed the Instagram hashtag feed on your website.

Various website building platforms are used by users to create websites particularly suited to their needs. Taggbox helps you create Instagram Walls which are highly integratable with various website building platforms like HTML, WordPress, Wix, Squarespace, Weebly, and Shopify.

Choose website builder

So, let’s discuss how to embed Instagram hashtag feeds on various website building platforms.

Let’s get started.

Embed Instagram Hashtag Feed on HTML Website

Hypertext Markup Language (HTML) is the most basic way to create websites and web applications. It can embed programs written in a scripting language like JavaScript and CSS defines the look and layout of the website.

Here is a stepwise guide to embedding Instagram hashtag feeds on HTML website-

  • Select HTML as your website building platform.
  • Generate Embed Code from Taggbox as explained above.
  • Copy the generated code to clipboard.
  • Now open the webpage backend where you want to display the Instagram Business feeds.
  • Now, paste the code in the body section of your website. Remember, if you are not a technical expert then ask your web developer to do it for you.

Great! Now you can see a functional social wall displaying Instagram Business feeds on your website. See, wasn’t that simple?

Embed Instagram Hashtag Feed on WordPress Website

WordPress is a major website building platform currently serving almost one-third of the world’s websites, from small personal blogs to complex websites. It is one of the website builders and content management systems users can download for free.

Wordpress

On WordPress 5.0

Recently WordPress updated itself to a newer version, WordPress 5.0. In order to embed Instagram hashtag feeds on your WordPress 5.0 website, follow these simple steps given below –

  • Select WordPress as your website building platform.
  • Generate the Website Embed Code from Taggbox as explained above. Once the code is generated, copy it on the clipboard.
  • Open the page in your WordPress backend where you want to embed the Instagram hashtag feeds.
  • Select “(+)Add Block” in the top left corner of the WordPress Editor.
  • Here, click on Formatting and then choose Custom HTML.
  • Paste the copied code in the editor.
  • Click on Publish/Update post and You’re done.

In a while, you can see your Instagram Wall running on your desired webpage.

On WordPress Classic Editor

In case you are still using the older version of WordPress-

  • Select WordPress as your website building platform.
  • Generate the Website Embed Code from Taggbox. Once the code is generated, copy it on the clipboard.
  • Open the page in your WordPress backend where you want to embed the Instagram hashtag feeds.
  • On the right-hand side, you will find a Visual and a Text option.
  • Choose Text Mode.
  • Paste the generated embed code where you want to show your wall.
  • After embedding the code, click on Update/Publish to save the changes.

Great! You have successfully embedded Instagram business feeds on WordPress.

Embed Instagram Hashtag Feed on Wix Website

Wix is a free and cloud-based website building platform that does not require any strong technical knowledge or course to build a website. Anyone with basic computer knowledge can easily create a website using WIX.

wix

Here is a stepwise guide to embedding Instagram hashtag feeds on Wix website-

  • Select WIX as your website building platform.
  • Generate the Website Embed Code from Taggbox. Once the code is generated, copy it on the clipboard.
  • Now open your WIX Editor and navigate to the page where you want to embed the Facebook social hub.
  • Click on “+Add” Button.

Wix Editor

  • Click on More and then Select HTML iframe from the Embeds.
  • Now paste the HTML code generated from Taggbox in the code field.
  • Click on Apply to save the changes.

And that’s it. You have successfully embedded Instagram Business feeds on your Wix Website.

Embed Instagram Hashtag Feed on Squarespace Website

Squarespace is a website building platform designed to help creatives build their beautiful websites. Without much technical knowledge, you can easily create a working website within a matter of hours.

SquareSpace

In order to embed Instagram hashtag feeds on your Squarespace website, follow these simple steps-

  • Select Squarespace as your website building platform.
  • Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.
  • On Squarespace, navigate to the page where you want to embed the Instagram social hub.
  • Click on “+ Add/Edit Block“.
  • Select Embed Code from the Menu.

SquareSpace

  • Click on the </> icon in the URL field.
  • Paste the copied code and click on Apply.
  • Save the page to apply the changes.

Bravo! You have successfully embedded Instagram Business feeds on your Squarespace website.

Embed Instagram Hashtag Feed on Weebly Website

Weebly is one of the leading free website builders on the internet making it possible for anyone to create a website of any kind, using the simple drag and drop interface. It has really impressive features and benefits with easy and non-technical web building procedure.

Weebly ecommerce

In order to embed Instagram hashtag feeds on your Weebly website, follow these simple steps-

  • Select Weebly as your website building platform.

Weebly

  • Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.
  • On Weebly, navigate to the page where you want to embed the Instagram Social Hub.
  • On the Navigation bar in the left, click on “Embed Code” and drop it on the position where you want to display the feeds.

weebly embed social wall

  • Now click on HTML box and Edit Custom HTML option.
  • Here, paste the copied code in the box.
  • Publish your changes.

And that’s all it. You have successfully embedded Instagram Business or hashtag feeds on your Weebly website.

Embed Instagram Hashtag Feed on Shopify Website

Shopify Platform

Shopify is one of the best E-commerce website building platforms. It helps you build your own scalable online store with hundreds of built-in features and apps. It lets you sell products directly on the website and across multiple marketplaces and social media.

Shopify

In order to embed Instagram Hashtag feeds on Shopify Website, you need to follow these steps and you’re done.

Shopify Website Builder Embed Social Wall

  • Select Shopify as your website building platform.
  • Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.
  • Login to your Shopify store.
  • Navigate to Online Stores and then to the Themes Menu in sidebar.
  • Go to Edit HTML/CSS option on top right of the page.
  • Select Layout/ Templates/Section (E.g. For Homepage – Index.liquid) where you want to display your Instagram Social Hub.
  • Paste the copied code.
  • Click on Save.

And with this, your Instagram Business feeds will be embedded on your Shopify website.

Summary

So, above we guided you with how to embed an Instagram hashtag feed on your website to drive more potential traffic, increase your visitors’ dwell time and shoot your sales conversion rates to another level.

So, what are you waiting for! Grow your business and website traffic by embedding  Instagram business feeds on your websites.

In case you still have any query left, contact us.

Let’s start engaging your website visitors

Leave a Reply