Instagram Feed for Gutenberg

Show Instagram posts in a live feed that keeps content fresh, builds social proof, and helps visitors engage with your brand.

Create Instagram Feed

loved by 500K+ businesses

Gutenberg
plugineditor

Why Should You Use the Instagram Feed Widget+?

The Instagram Feeds on your Gutenberg website can be combined

You can easily gather and group your Instagram feeds into one page with Gutenberg Instagram Feed plugin.You can easily gather and group your Instagram feeds into one page with Gutenberg Instagram Feed plugin. You'll make accessing Instagram feeds much easier for your readers if you group all Instagram feeds together on one page.

Enhance Your Gutenberg website Design

The Instagram feed plugin for Gutenberg is fully customizable, so you can enhance the design of your Gutenberg website page. You can additionally enhance the design by implementing the gentle “ticker” animation, which is sure to make your page more appealing.

Engage your audience by using Instagram Feed plugin

By enabling users to share posts, the Instagram Feed for Gutenberg adds more engagement to your Gutenberg website.

Using a Ticker Animation on your Gutenberg website

You can add motion and action to your Gutenberg website with the Instagram Feed plugin's "ticker" animation, which mimics an old news ticker. A dynamic and visually engaging animation is an effective tool for grabbing users' attention immediately. In your Gutenberg website, the ticker animation scrolls through the Instagram feed, highlighting the latest posts. This method can draw users' attention to the Instagram section of your website and encourage them to explore it further.

Instagram Feed - Using a Ticker Animation on your Gutenberg website

Refreshing the Instagram Feed automatically

Instagram's Feed for Gutenberg includes an "auto-refresh" feature, and when it is toggled on, the feed keeps getting updated. Users will always have access to the latest updates with this feature, which is especially useful for websites that rely on fresh, updated content. The plugin will continuously check for new posts and automatically refresh the Instagram feed when new content is added. In addition to this feature, businesses can also use it to advertise their products and services on Instagram. Auto-refreshing the Instagram feed on Gutenberg with new posts can help to keep users engaged, increasing brand awareness, leading to increased sales and conversions.

Instagram Feed - Refreshing the Instagram Feed automatically

You can choose from two types of Instagram feeds

You can choose between Tabs and Mixed feeds when using the Instagram Feed widget. Depending on your preferences and needs, these feed types offer different ways to organize and display your Instagram feeds. You can organize all your tabs by feed order, so that you can easily navigate between your different Instagram feeds, and quickly access the content you're interested in. Users can simply switch between tabs to view different feeds with this feed type, which allows you to create multiple tabs dedicated to specific Instagram accounts or hashtags. Businesses that want to distinguish their product lines or users who wish to maintain separate feeds for personal and professional use can benefit from this feature. On the other hand, the Mixed type, mixes the various Instagram feeds to create a diverse feed. This feed type combines posts from multiple accounts or hashtags into a single feed, providing a more dynamic and varied experience for users. This can be a great way to showcase different types of content, and to provide users with a more comprehensive view of your Instagram feeds.

Instagram Feed - You can choose from two types of Instagram feeds

Gutenberg Instagram feed Variety of layouts

Several layouts are available for Gutenberg Instagram Feed plugin to ensure that it fits seamlessly with your overall website design. Designed to offer flexibility and versatility, these layouts allow you to create a custom look and feel. Each layout type offers a different display of your Gutenberg Instagram feeds, allowing you to find the perfect option for your website. The size, spacing, and other settings of your layout can also be customized to meet your design needs. Thus, you can create a layout that is tailored to your website and seamlessly integrates with your existing design.

Instagram Feed - Gutenberg Instagram feed Variety of layouts

Beautiful Skins for your Gutenberg website

With Gutenberg's Instagram Feed, you can choose from several beautiful skins to create a polished, professional-looking feed for Gutenberg website without having to spend a lot of time customizing it. With these skins, you can choose from a wide variety of styles, ranging from modern and minimalist to classic and traditional. Your website can benefit from various skin types, as each offers a different look and feel.

Instagram Feed - Beautiful Skins for your Gutenberg website
Instagram Feed - Setting up the Instagram feed date & time display

Setting up the Instagram feed date & time display

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the Instagram Feed for Gutenberg according to your needs and the preferences of your website visitors.

Instagram Feed - Customize the Character Display Length

Customize the Character Display Length

You can easily customize the length of the characters that are displayed to save space and make the Instagram Feed widget more compact.

Instagram Feed - RTL support

RTL support

The Gutenberg Instagram Feed plugin provides full RTL (right-to-left) support, so it is more accessible to global users. This feature is particularly useful for websites that cater to users who write from right to left, such as in Arabic, Hebrew, or Urdu.

Instagram Feed - A breeze to use plugin

A breeze to use plugin

There is no coding required for Instagram feed for Gutenberg. You can customize plugin by dragging-and-dropping on our intuitive dashboard.

Fully Customizable plugin Design

The Instagram Feed for Gutenberg is designed to provide complete customization options, allowing you to edit the design to fit your needs perfectly. Colors, fonts, spacing, and various other design elements can be customized with this plugin. Instagram Feed plugin offers the ability to customize the colors of different feed elements as one of its key customization options. Colors can be changed for the background, text, and hover effects to create a cohesive and visually appealing design that matches your website. Fonts can also be customized. Create a unique and visually striking design by choosing from various fonts. Business owners who want to establish a consistent brand identity on all their online platforms will find this particularly useful.

Instagram Feed - Fully Customizable plugin Design

A perfect responsive design for your Gutenberg website

In today's mobile-first world, the Gutenberg Instagram Feed plugin is fully responsive and will look great on any device. Mobile device optimization is increasingly important because more and more people access the internet through their smartphones and tablets. To ensure a seamless and consistent user experience across all devices, the Instagram Feed plugin is designed to adjust automatically to the screen size and resolution of the device being viewed on. Your users can view and interact with your Instagram Feed for Gutenberg whether they are using a desktop computer, a tablet, or a smartphone.

Instagram Feed - A perfect responsive design for your Gutenberg website

Using customized CSS with the Instagram feed for Gutenberg

Similarly to all of Common Ninja's plugins, the Instagram feed for Gutenberg allows for the addition of custom CSS, allowing for further customization. You can create styles and design elements not available through the built-in customization options through custom CSS. You can create visually stunning designs tailored to your specific needs with custom CSS. Custom CSS can also be used to create unique and engaging interactions and animations that can help to improve the user experience.

Instagram Feed - Using customized CSS with the Instagram feed for Gutenberg

An Easy Way To Embed On Your Gutenberg website

You can embed Instagram feed for Gutenberg on website by copying and pasting a single line of code. This allows you to quickly and easily add the Instagram feed plugin to your Gutenberg website without any complicated setup or installation process. Once the plugin is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the Instagram feed plugin every time you make a change. This feature can save you a lot of time and effort, and ensure that your Gutenberg Instagram feed is always up-to-date and accurate.

Instagram Feed - An Easy Way To Embed On Your Gutenberg website

Compatible With All Site Builders, E-Commerce Platforms and Websites

View all supported platforms

FAQ

Yes. The Instagram Feed widget has a free plan with no credit card required. The free plan includes a monthly view limit; beyond that, upgrading to a paid plan unlocks higher limits, premium skins, and advanced features. Most small websites fit comfortably within the free tier.

Create your widget in the Common Ninja editor, copy the embed code, then open your Shopify admin → Online Store → Themes → Customize → Add section → Custom Liquid. Paste the embed code, save, and your Instagram feed will appear on the page. Full Shopify guide is available in our help center.

Install the Common Ninja WordPress plugin from the WordPress plugin directory, or simply paste the embed code into a Custom HTML block on any page or post. Save the page and the Instagram feed will render immediately. Works with both the Classic Editor and Gutenberg.

In the Wix editor, click Add Elements → Embed Code → Embed HTML. Paste the Common Ninja embed code and resize the frame to fit your layout. The widget renders instantly inside the iframe on both the editor and the live site.

A Business or Creator account is required to connect your own Instagram feed to the widget, because Instagram's API only exposes feed data to those account types. If you have a personal account, you can convert it to a Creator account in seconds from the Instagram app's settings, and it's free and reversible.

No. The widget loads asynchronously and doesn't block your page's initial render. Images are lazy-loaded, the embed code is under 5 KB, and the feed data is cached on our CDN. Your Core Web Vitals scores stay intact.

Yes. You can filter your Instagram feed by one or more hashtags so the widget only shows posts tagged with them. This is useful for campaign-specific feeds, curating user-generated content, or highlighting product launches without displaying every post from your account.

Common Ninja monitors the Instagram API continuously and ships updates within hours whenever Instagram introduces changes. You don't need to do anything on your end. The widget keeps working. This is one of the main reasons users pick a managed widget over a DIY embed.

In the Instagram widget, you have the option to limit the number of posts that are shown per page. This allows you to control the amount of content that is displayed on your website and ensures that your visitors are not overwhelmed with too many posts at once. This feature can be handy if you have a lot of Instagram followers and want to ensure that only the most relevant content is displayed to your audience. By limiting the number of posts per page, you can ensure that your website remains organized and easy to navigate for your visitors.

Yes, the Instagram widget allows you to choose where to position the tabs from the settings menu.


Yes, the Instagram Feed allows you to add a background image and to customize its behavior further.

Yes, an auto-refresh option can be easily toggled on or off.

Yes, you can customize the Instagram Feed widget’s height.

Yes, currently there’s a “ticker” animation that you can trigger.

Yes, you can easily do so from the “Templates” tab.

Yes, there are lots of beautiful skins that you can choose from to save time and start using the widget as quickly as possible.

Yes, you can either upload an image, or select an icon from a large selection of available icons to add to your Notification Bar, or, alternatively, you can leave it all blank.

It’s simple. All you need to do is to sign up and start using the free version.

Common Ninja’s Instagram Feed widget is compatible with ALL current and future website builders.

Yes, the Instagram Feed widget is GDPR-compliant.

No. Using our Instagram Feed widget is very simple. The widget comes with an intuitive drag-and-drop interface and fully customizable options. Once you’ve finished editing the widget to your liking, all you need to do is copy the provided code and add it to your website.

Yes. We are eager to hear your request. Please visit our Feature Request page.

There are several advantages to displaying an Instagram feed on a website, including:

  1. Increased engagement: By displaying an Instagram feed on your website, you can increase engagement with your audience by allowing them to view and interact with your Instagram content easily.
  2. Increased social proof: By displaying your Instagram feed on your website, you can showcase the popularity and engagement of your content on Instagram to potential customers.
  3. Increased brand awareness: By displaying an Instagram feed on your website, you can increase brand awareness by allowing visitors to view and interact with your Instagram content easily.
  4. Increased website traffic: By displaying an Instagram feed on your website, you can increase website traffic by allowing visitors to view and interact with your Instagram content easily.
  5. Increased conversions: By displaying an Instagram feed on your website, you can increase conversions by providing visitors with a way to easily view and interact with your Instagram content.
  6. Increased customer loyalty: By displaying an Instagram feed on your website, you can increase customer loyalty by providing visitors with a way to easily view and interact with your Instagram content.

An Instagram Feed widget is a tool that allows you to display your Instagram content on your website or blog. It is a pre-designed and programmed code that you can add to your website or blog, and it can be customized to match the design and layout of your website or blog. The Instagram Feed widget is a great way to increase engagement with your audience and showcase your Instagram content on your website or blog. It can also help increase brand awareness, website traffic, conversions, and customer loyalty. The Instagram Feed widget is easy to install and can be used to display your Instagram posts, photos, videos, and stories. It also allows you to choose the number of posts that are displayed, set the tabs' position, and add a background image.