How to embed an Instagram hashtag feed on your website
Adding an Instagram hashtag feed to your website helps customers to see how your company’s products and services are being used by others.
Instead of selling your product or service with words, or slick images, you are showing what’s happening in the real-world. Displaying this compelling social media feed on your product pages can improve conversion rates, increase sales, and enhance the customer’s perception of your product while on your website.
But how is it done? Here’s a simple step-by-step guide on how to embed an Instagram hashtag feed on your website:
- Create an Instagram feed
- Copy & paste an embed code on any website
1. Create an Instagram feed
Here's how you can create an Instagram feed on Flockler:
- Navigate to the 'Automated Feeds' tab after logging in and click the 'Add a new feed' button.
- Select a channel: Instagram
- Connect your Instagram account. Note that you'll need to connect a personal Facebook account with access to organisation's Facebook Page and Instagram Business account. Learn more.
- Add the hashtag you’d like to display on your website or display content from your Instagram account.
- Save the feed and move on to step 2.
In addition to Instagram feeds on website, you can create a social media feed and show content from multiple channels in one place. Check the supported social media channels and content sources.
2. Copy & paste an embed code on any website
To find your Instagram feed embed code, just click the ‘Display’ tab on Flockler and select the layout for your Instagram feed:
Then, you just need to copy and paste the embed code on any website:
Our embed code will automatically create a responsive layout for your Instagram feed (e.g, wall, grid, or carousel layout), but you can edit styles from the embed code’s settings. Also, you can overwrite its styles with a few lines of CSS. Flockler’s customer support team is happy to help (free of charge!) over live chat and make sure the Instagram feed fits your brand look & feel.
Here’s an example how an Instagram hashtag feed looks on a website:
When creating the Automated Feed in step 1, the Flockler platform will ask if you’d like to display new entries automatically or store them for moderation. If you choose to store for moderation, you can pick the posts from a list before showing them on a website.
Even if you choose to show all new entries automaticaly, you can hide unwanted or inappropriate content. Navigate to the 'Content' tab on Flockler and click the ‘Hide’ icon on the right-hand side to hide a particular update:
You can also choose to easily block content mentioning specific keywords or posted by a specific Instagram user. You can set up your blocked Instagram keywords and users by navigating to the ‘Automated Feeds’ section after logging in.
Take a look at our Help Center for more tutorials and guides, on Instagram and other topics. Or just use the live chat in the bottom right to get in touch with a member of our team.
3 beautiful examples of an Instagram hashtag feed on a website
Would you like to see a few examples of an Instagram hashtag feed embedded on a website?
I bet you do!
One of our favorite examples is GoPro’s Instagram wall. The wall gathers the latest images and videos from GoPro’s account with the hashtag #GoProAwards. GoPro’s marketing team curates and highlights the best images and videos from their customers and display the stunning Instagram feed to inspire others to learn more about their products.
For more inspiration, check 10 examples of a social media wall.
Another great example is a grid of Instagram images embedded on the website of Hapag-Lloyd Cruises. Instagram images and social proof highlighted on the homepage increase time spent on site and drive conversion rates.
For more inspiration, learn how travel brands use UGC for marketing.
A third example is a carousel of Instagram images on Duncan Hamilton ROFGO homepage. A carousel works well on homepages where space might sometimes be limited.
In addition to websites, you can show Instagram hashtag feeds on digital displays and other applications as well. For example, the FIFA Museum in Zürich welcomes visitors with a Slideshow rotating the latest posts. The Slideshow automatically updates new content and it’s a perfect choice for your events and screens at the office.