Connect Instagram to Rocket and describe the social feed layout you want in chat. Rocket generates the media grid, profile sections, and auto-refreshing content automatically - no manual API integration needed.
Instagram connects via OAuth. You authorize Rocket through Instagram’s login flow - no API key needed.Instagram pairs well with Google Analytics (for tracking engagement), Supabase (for caching media data), and Netlify (for fast CDN delivery).
What you can use it for
Social proof feed
Show your latest Instagram posts on any page to build trust and credibility with visitors.
Feed gallery
Display your latest posts in a visual grid with lightbox viewing, captions, and engagement data.
User-generated content
Showcase customer photos and community posts by pulling in tagged or hashtagged content.
Media wall
Display curated Instagram content for events, campaigns, or brand partnerships on a full-screen dynamic media wall.
Quick start
Have your Instagram account ready
Log in to Instagram with the account you want to connect. A Business or Creator account is recommended for full feature access.
Detailed setup
Connect Instagram to Rocket
- Web Browser
- Mobile App
There are two ways to connect Instagram:Method 1: Use Rocket chat (fastest)In any project, open the chat panel and describe the social feed you want:Click Connect, log in to your Instagram account if prompted, then click Allow. A green dot appears next to Instagram when the connection is active.DisconnectClick the Instagram integration again and click Disconnect to remove the connection.
Display my latest 6 Instagram posts in a 3-column grid on the homepage.Add an Instagram profile card in the sidebar with my bio and follower count.
... button and select Connectors. Click the Instagram card.When you connect Instagram from Connectors, Rocket does not automatically add a feed. After authorizing, describe the feed layout you want in chat.
Prompt cookbook
| Use case | Prompt |
|---|---|
| Homepage feed | Display my latest 6 Instagram posts in a 3-column grid on the homepage. |
| Masonry feed grid | Display my Instagram posts in a masonry grid layout with lightbox viewing. |
| Social proof section | Add an Instagram feed section below testimonials on my landing page. |
| Media carousel | Create a horizontal scrolling carousel of my latest 10 Instagram posts. |
| Profile card | Add an Instagram profile card in the sidebar showing my avatar, bio, and follower count. |
| Story highlights | Display my Instagram story highlights as circular thumbnails at the top of my /about page. |
| Media wall | Build a full-screen auto-scrolling media wall with my latest 20 Instagram posts. |
| Footer widget | Add a compact Instagram feed widget (4 posts, 2x2 grid) in the site footer. |
| Campaign gallery | Create a gallery page that shows Instagram posts with the hashtag #MyLaunch. |
| Link in bio page | Build a link-in-bio page that displays my Instagram avatar, bio, and a list of links. |
Tips and limitations
- Business or Creator account recommended. Some features like hashtag search and insights require a Business or Creator Instagram account connected to a Facebook Page.
- Media types supported. Rocket can display photos, videos, carousels, and reels from your Instagram feed.
- Rate limits apply. Instagram’s API has rate limits. For high-traffic sites, consider caching media data in Supabase to avoid hitting limits.
- Content refreshes periodically. Instagram feeds refresh automatically, but there may be a short delay between posting and content appearing in your app.
What’s next?
Google Analytics
Track how visitors interact with your Instagram feed sections.
Supabase
Cache Instagram media data for faster loading and offline access.
Netlify
Deploy your social-powered pages with fast CDN delivery.
Typeform
Collect leads from visitors who engage with your Instagram content.