Free Webflow Instagram Feed Widget

Learn how to add an Instagram Feed to Webflow in 4 easy steps.

We've upgraded our sliders and moved them to a new site - Boujee Sliders.

Add an Instagram Widget to your Webflow Website

Adding scripts

JS Script CDN:
<script src="https://flow-ninja-assets.s3.amazonaws.com/ninja-script/core.min.js"></script>
Copy to Clipboard
CSS Style CDN:
<link rel="stylesheet" href=”example.css">
Copy to Clipboard
Adding Instagram functionalities to your Website and doesn't require any third-party apps or plug-ins.

How to add Instagram Widget for Free Tutorial

This short video will explain how to connect Instagram and Webflow with Zapier.

Adding Attributes

In this specific example we have two swipers

Main Swiper

"{attr.name}"
"{attr.value}
this will trigger swiper script
ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Thumbnail Swiper

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Optional Attributes

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

New sliders available at Boujee Sliders

We created new and upgraded Webflow sliders called Boujee Sliders. Check them out!

Explore Boujee Sliders

Instagram Feed to Webflow in 4 steps

We're going over our Free Instagram Widget for Webflow and explaining what steps to take to make it live in no time.

  • Copy Instagram Widget
  • Connect CMS
  • Connect Zapier
  • Publish
See Featured Example

Featured Example

Frequently Asked Questions

No items found.

Get a free webinar and subscribe to our newsletter

Maximize marketing ROI by learning how we cut development costs by up to 30% and propel growth with Webflow, design, and automation.

Free Webinar

Growing a Webflow project is hard. We make it easy.

Grow my project
Mihajlo Djokic Business Development Manager At Flow Ninja
Uros Mikic CEO of Flow Ninja

Schedule a call and get 3 free tips for your Webflow project

#091030