Free Webflow Instagram Feed Widget

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

Clone to WebflowWatch Tutorial

Add an Instagram Widget to your Webflow Website

Setup
Arrow pointing down
Description
Arrow pointing down
Featured Example
Arrow pointing down
FAQ
Arrow pointing down

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

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.

Webflow, design and productivity tips

Just tips, no sales or offer emails ever.