Instagram Widget for Websites: a 3-step guide on how to embed on any website

Instagram Widget for websites example

With Flockler’s Instagram Widget, you can display the latest images, videos, and Stories of any brand or a hashtag feed from your customers.

Setting up an Instagram widget for your website takes just a few minutes, and you don’t need any technical skills. Connect your account, and show a branded Instagram feed on any website or other digital service.

How to create an Instagram Widget and embed it on websites

Installing your Instagram widget is easy, and here’s a three-step guide:

  1. Connect your Instagram account and select the content source
  2. Choose the Instagram widget layout
  3. Embed Instagram widgets on your website

1. Connect your Instagram account and select content sources

It’s not difficult to embed Instagram posts on any blog or website, but adding each image manually can be too time-consuming for busy marketers. With Flockler’s Instagram widget, you can let the automation do the hard work for you.

After logging in to Flockler, click ‘Automated Feeds’ and create a new social media feed.

Start by connecting your Instagram Business account. After connecting your account, it’s time to select what content you’d like to display.

Instagram content sources on the Flockler platform

With the Instagram Widget, you can display:

  • All public images and videos mentioning a hashtag.
  • All public images and videos by any Business Account.
  • Public Instagram mentions of your Business Account (admin rights of the tagged/mentioned Business Account required).
  • Instagram Stories of your Business Account (only Stories published within the past 24 hours - admin rights of the Business Account required).

Note that you don’t need to be an admin of any specific Instagram account to display an Instagram feed of a brand or a hashtag campaign.

Are you looking to display content from multiple social media channels? No problem – you can create feeds from multiple sources and show all the content in one place. Here’s the list of supported social media channels and content sources.

2. Choose the Instagram Widget layout

With Flockler, your Instagram widget’s design is customizable and responsive. Flockler has three templates for you to choose from, and you can tweak the design to match your brand look & feel. You can create an unlimited number of widgets.

Click ‘Display’ on Flockler, and select one of the three widget templates: Wall, Grid, and Carousel.

Select the Instagram Widget layout on Flockler

Depending on the area and screen size, the number of columns will change automatically. From the embed code settings, you can select which elements are visible, how many posts are shown before the ‘load more’ button, and much more. In the Advanced section of the settings, you can add custom CSS with the help of your developers or with assistance from Flockler’s support team (a free customization service).

Edit Instagram widget’s settings on Flockler

3. Embed Instagram widgets on your website

An Instagram Widget example

You can embed Flockler’s Instagram widget on any website and digital service.

After selecting your layout, you can find the embed code from Flockler’s ‘Display’ tab. If you aren’t allowed to modify your company website, share the code with your developer, and they can add it on the page. The embed code creates a widget of your choice automatically, and there are no additional steps required from your developers.

Flockler app Display tab’s view

Here are detailed guides on adding an Instagram widget to the most popular content management systems and e-commerce platforms:

Are you using another platform and need help with the setup? If so, don’t hesitate to contact us via live chat.

Instagram Widget features:

Here are some of the key features of the Instagram widget you can embed with Flockler:

  • Ready-made templates for quick installation
  • Responsive and mobile-optimized
  • Customizable design and branding (custom CSS, size, colours, fonts, etc.)
  • Instant content updates from social media channels
  • Unlimited walls, grids, and carousels
  • Unlimited page views
  • Multi-user support
  • Advanced moderation capabilities
  • Full support on live chat, email, and phone
  • GDPR compliant

See the full list of Flockler's features.

Why embed Instagram Widgets on websites

Drive conversions with CTAs

Instagram widget with a CTA button
A call-to-action button (see the example in orange) can be added to any Instagram image. The look & feel and the text of the button are fully customizable.

An Instagram widget can display the latest images and videos without any manual work, but it can also help you to drive conversions on your website. Flockler’s Instagram widget includes a CTA button feature that enables you to add a call-to-action to any image and video. The CTA button design is fully customizable, and it can link to your products and services.

Increase time spent on site

An instantly updating Instagram widget keeps your website visitors engaged with your content longer. If you create user-generated content campaigns to gather feedback, the social proof from your customers builds trust and increases sales.

Build reach and engagement on social media channels

The Instagram widget on your website will naturally drive traffic to your Instagram account, too. The more people who follow your account and view, comment, and like your images, the higher the reach on Instagram. Then, from Facebook and Instagram's advertising and analytics tools, you can target special offers to the audience who have visited your website and your Instagram profile.

Examples of an Instagram Widget

Here are three examples of Flockler's Instagram Widget for websites in action.

The Social Wall layout with Metallica

An Instagram Wall widget on Metallica’s page

I’m sure you’ve heard a song or two from this band. During live concerts, Metallica fans are active on social media channels. With Flockler, Metallica can instantly display updating Instagram widgets on their website and digital screens.

The Grid layout with Hapag-Lloyd Cruises

An Instagram Grid widget on Hapag-Lloyd’s page

Hapag-Lloyd Cruises serves unforgettable experiences for holidaymakers worldwide. The Instagram grid widget displays their latest content and the best entries from their customers.

The Carousel with GoPro

An Instagram Carousel widget on GoPro’s website

GoPro is one of Flockler's clients that uses the Instagram carousel widget on a mobile view. The #GoProAwards page shows a hashtag-filtered view of all their posts.

With Flockler, you can gather and display social media feeds from your favourite channels. See the full list of supported content types and sources

Flockler helps marketers like you to create social media feeds and display user-generated content on any digital service increasing dwell time and drive conversions.

Book a demo Start your 30-Day Free Trial
Start your 30-Day Free Trial