# FeedSpring > FeedSpring is a social feed platform that lets you embed live Instagram, Google Reviews, TikTok, and Dribbble feeds into any website. It is purpose-built for Webflow and Framer, with full support for any HTML-based platform or framework via a custom attributes system. FeedSpring is used by 3,500+ businesses to display real-time social proof and content on their websites. Plans start free (up to 1,000 views/month) with paid plans from $5/month. - Homepage: https://www.feedspring.com - Documentation: https://docs.feedspring.com/feedspring - Dashboard / Sign up: https://app.feedspring.com - Pricing: https://www.feedspring.com/pricing - Pre-built components: https://www.feedspring.com/components --- ## How FeedSpring works FeedSpring has two integration modes depending on the platform: ### 1. Attributes method (HTML, Webflow, all other platforms) The core of FeedSpring is an **attributes-based system**. You build any HTML structure you want, then add simple custom attributes to elements to tell FeedSpring what data to inject. This works in Webflow, plain HTML, React, Vue, Shopify, WordPress, Squarespace, or any platform that allows custom HTML attributes. There is no rigid widget or iframe — you have full control over layout, styling, and structure. ### 2. Native components (Framer and Webflow) For Framer, FeedSpring provides **purpose-built Framer components** that can be copied and pasted directly into a Framer project. Customisation (colors, spacing, post count, border radius, typography) happens entirely within Framer's native UI — no code required. For Webflow, FeedSpring provides **pre-made copyable layouts** that can be pasted into Webflow projects as a starting point, still powered by the attributes system underneath. --- ## Attributes method — full reference ### Step 1: Include the script Add the relevant FeedSpring script to the `` of your page. Each feed type has its own script: ```html ``` ### Step 2: Create the Feed Wrapper The Feed Wrapper is the outermost container for the entire feed. Add your unique Feed ID (found in the FeedSpring dashboard) as the `feedspring` attribute value. ```html
``` In Webflow, this is done via the element settings panel: `name="feedspring"`, `value="YOUR-UNIQUE-FEED-ID"`. ### Step 3: Create Post Wrappers Inside the Feed Wrapper, create one or more Post Wrapper elements. Each Post Wrapper represents a single post card in your feed. Duplicate it for as many posts as you want to display. ```html
``` In Webflow: `name="feedspring"`, `value="post"`. ### Step 4: Add feed-field attributes to elements Inside each Post Wrapper, add `feed-field` attributes to your HTML elements. FeedSpring injects the real social data into these elements at page load. ```html

View post
``` Profile-level fields (not post-specific) can be placed anywhere inside the Feed Wrapper, outside of a Post Wrapper: ```html

``` --- ## Available feed-field values by feed type ### Instagram | Field | Attribute value | Post-level only | |-----------------|-------------------|-----------------| | Image | `img` | Yes | | Caption | `caption` | Yes | | Timestamp | `timestamp` | Yes | | Link to post | `link` | Yes | | Like count | `like-count` | Yes | | Comment count | `comment-count` | Yes | | Username/handle | `username` | No (profile) | | Avatar | `avatar` | No (profile) | | Bio | `bio` | No (profile) | | Follower count | `follower-count` | No (profile) | | Following count | `following-count` | No (profile) | ### Google Reviews | Field | Attribute value | Post-level only | |----------------|------------------|-----------------| | Review text | `caption` | Yes | | Star rating | `rating` | Yes | | Reviewer name | `name` | Yes | | Reviewer avatar| `avatar` | Yes | | Timestamp | `timestamp` | Yes | | Link to review | `link` | Yes | | Business name | `business-name` | No (profile) | | Overall rating | `overall-rating` | No (profile) | ### TikTok | Field | Attribute value | Post-level only | |---------------|------------------|-----------------| | Video/image | `img` | Yes | | Caption | `caption` | Yes | | Timestamp | `timestamp` | Yes | | Link to post | `link` | Yes | | Like count | `like-count` | Yes | | Comment count | `comment-count` | Yes | | Share count | `share-count` | Yes | | Username | `username` | No (profile) | | Avatar | `avatar` | No (profile) | | Follower count| `follower-count` | No (profile) | ### Dribbble | Field | Attribute value | Post-level only | |---------------|-----------------|-----------------| | Shot image | `img` | Yes | | Shot title | `caption` | Yes | | Timestamp | `timestamp` | Yes | | Link to shot | `link` | Yes | | Like count | `like-count` | Yes | | View count | `view-count` | Yes | | Tag | `tag` | Yes | | Username | `username` | No (profile) | | Avatar | `avatar` | No (profile) | | Location | `location` | No (profile) | | Bio | `bio` | No (profile) | --- ## Feed options (advanced) Additional options are set via the `feed-options` attribute on the Feed Wrapper. Multiple options are separated by `|`. ```html
``` | Option | Example value | Description | |------------------|----------------------|----------------------------------------------------------------------| | `render:dynamic` | `render:dynamic` | Generates all posts from a single Post Wrapper template (DRY layout) | | `limit` | `limit:6` | Sets the number of posts to display | | `lang` | `lang:en-US` | Sets locale for timestamp and number formatting | ### Dynamic feeds The `render:dynamic` option is the recommended approach for most builds. Instead of duplicating the Post Wrapper element for each post, you create one Post Wrapper and FeedSpring duplicates it to fill the feed. This means a single change to your layout updates every post. ```html

``` --- ## Complete HTML example (Instagram, 6-post grid) ```html Instagram Feed
Instagram post

``` --- ## Complete HTML example (Google Reviews, testimonial cards) ```html Google Reviews
Reviewer

``` --- ## Framer integration For Framer projects, FeedSpring provides native Framer components — no attribute configuration needed. 1. Connect a feed in the FeedSpring dashboard and copy the Feed ID. 2. Copy a FeedSpring component URL from https://www.feedspring.com/components and paste it into Framer's import UI. 3. Add your Feed ID to the component's properties panel inside Framer. 4. Customise post count, typography, spacing, border radius, and colors directly inside Framer's style panel. For advanced customisation in Framer, the underlying attributes method can be accessed via Framer's code components (React). Full Framer docs: https://docs.feedspring.com/feedspring/feeds/instagram/framer --- ## Webflow integration For Webflow, FeedSpring uses the same attributes method but applied through Webflow's element settings panel rather than hand-written HTML. 1. Add the FeedSpring script to Webflow's Project Settings > Custom Code > Head (for site-wide feeds) or to Page Settings for single-page feeds. 2. Add a `
` block with custom attribute `name="feedspring"` and `value="YOUR-UNIQUE-FEED-ID"` as the Feed Wrapper. 3. Add a `
` block inside with `name="feedspring"` and `value="post"` as the Post Wrapper. 4. Add individual elements inside the Post Wrapper with `name="feed-field"` and the relevant value (e.g. `value="img"`, `value="caption"`). 5. Style everything normally in Webflow — FeedSpring only handles data injection, not layout. Full Webflow docs: https://docs.feedspring.com/feedspring/feeds/instagram/webflow Pre-made Webflow components: https://www.feedspring.com/components --- ## Pricing | Plan | Price | Views/month | Feed connections | Posts per feed | |------------|----------------|-------------|-----------------|----------------| | Free | $0 | 1,000 | 1 | 8 | | Personal | $5/mo (annual) | 15,000 | Unlimited | 16 | | Business | $9/mo (annual) | 50,000 | Unlimited | 32 | | Enterprise | $57/mo (annual)| 1,000,000 | Unlimited | 200 | All plans include unlimited websites. No credit card required for free plan. --- ## Supported feed types - Instagram (posts, reels) - Google Reviews - TikTok - Dribbble --- ## Supported platforms FeedSpring works on any platform that supports HTML attributes, including: - Webflow (purpose-built integration + pre-made components) - Framer (purpose-built native components) - HTML / vanilla JS - React / Next.js / Vue / Nuxt (via script tag + attributes) - WordPress - Shopify - Squarespace - Wix - Webstudio - Any no-code or low-code builder that supports custom HTML --- ## Key URLs - Docs home: https://docs.feedspring.com/feedspring - Instagram (Webflow): https://docs.feedspring.com/feedspring/feeds/instagram/webflow - Instagram (Framer): https://docs.feedspring.com/feedspring/feeds/instagram/framer - Instagram (HTML): https://docs.feedspring.com/feedspring/feeds/instagram/html - Google Reviews (Webflow): https://docs.feedspring.com/feedspring/feeds/google-reviews/webflow - Google Reviews (Framer): https://docs.feedspring.com/feedspring/feeds/google-reviews/framer - Google Reviews (HTML): https://docs.feedspring.com/feedspring/feeds/google-reviews/html - TikTok docs: https://docs.feedspring.com/feedspring/feeds/tiktok - Dribbble docs: https://docs.feedspring.com/feedspring/feeds/dribbble - Feed options: https://docs.feedspring.com/feedspring/getting-started/options-and-advanced/feed-options - Dynamic feeds: https://docs.feedspring.com/feedspring/getting-started/options-and-advanced/dynamic-feeds - Dashboard: https://app.feedspring.com - Sign up: https://app.feedspring.com/signup