Documentation
Quick start
Get your Instagram feed live on your website in under 5 minutes.
Create an account
Go to app.pane.so/signup and create a free account with your email address. No credit card required.
Connect your Instagram account
From the dashboard, go to Sources and click Connect Instagram. You’ll be redirected to Instagram to authorise Pane.
Create a feed
Go to Feeds → New feed. Give it a name, select your Instagram source, and click Create. Pane will immediately fetch your latest posts.
Each feed gets a unique embed key — a short identifier you’ll use in your HTML snippet.
Paste the snippet into your site
Copy your feed’s embed snippet from the dashboard and paste it into your website where you want the feed to appear:
<!-- Place where you want the feed to appear -->
<pane-widget feed-id="your-embed-key"></pane-widget>
<!-- Load the widget -->
<script>
(()=>{const d=document,s=d.createElement("script");
s.type="module";s.src="https://wgt.pane.so/widget.js";
d.head.append(s)})()
</script>This is the Standard embed. The dashboard also provides a Compatibility version for CMSs that strip unknown HTML elements — see Embed options for details.
That’s it — you’re live!
Your Instagram feed is now embedded on your site. It will refresh automatically based on your plan’s refresh interval. New posts appear without any action from you.
Standard vs Compatibility mode
Pane provides two embed variants. Your dashboard shows both — pick whichever suits your platform.
Standard (recommended)
Uses a <pane-widget> custom element. Semantic, self-describing, and supported in all modern browsers.
Works great on:
Webflow, Framer, WordPress (theme editor), Shopify, plain HTML pages
Compatibility
Uses a plain <div data-pane-feed="…">. Use this when the CMS sanitizes or strips unrecognized HTML elements.
Use when on:
Squarespace custom code blocks, some Wix HTML widgets, older page builders