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:
- Connect your Instagram account and select the content source
- Choose the Instagram widget layout
- 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.
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).
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.
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).
3. Embed Instagram widgets on your website
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.
Here are detailed guides on adding an Instagram widget to the most popular content management systems and e-commerce platforms:
- Instagram feed to WordPress
- Instagram feed to Shopify
- Instagram feed to Wix
- Instagram feed to Squarespace
- Instagram feed to Webflow
- Instagram feed to Drupal
- Instagram feed to TYPO3
- Instagram feed to Joomla
- Instagram feed to Weebly
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
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
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
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
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.