Skip to main content
Login Sign up for FREE

Webflow integration

Embed a social media feed on your Webflow website

Aggregate Instagram, TikTok, X and 15+ other platforms into one feed and drop it into your layout with an Embed element. It ships with your design system instead of fighting it: no app to install, no code to write.

  • Instagram, Facebook, TikTok, X, LinkedIn and more in one feed
  • Sized and positioned with Webflow's own layout tools
  • Curation and design managed outside the Designer
Start free with email Read the Webflow guide

Takes less than a minute. No credit card required.

Trusted by 200,000+ brands and agencies

Your social feed live on Webflow in minutes

Three steps, none of which require writing code. If you can drag an element onto the canvas, you can embed a Juicer feed.

  1. 01

    Create your Juicer feed

    Sign up, connect Instagram, TikTok, X or any of 15+ sources, and pick a feed template that matches the site you're building. Juicer aggregates everything into one stream that refreshes on its own.

  2. 02

    Drag in an Embed element

    In the Webflow Designer, open the Add panel and drop an Embed element where the feed should live. Custom code requires a paid Webflow site plan.

  3. 03

    Paste and publish

    Copy the embed code from your Juicer dashboard, paste it into the element, save, and publish. Custom code runs on the published site, and from then on the feed updates itself.

Sign up for FREE

One snippet in an Embed element

One line of the Embed element's 50,000-character allowance. Paste it, publish, and the feed renders wherever the element sits in your layout.

Webflow Embed element 
<script type="text/javascript"
        src="https://www.juicer.io/embed/your-feed-name/embed-code.js"
        async defer></script>

Everything a Webflow social feed app does, without the app

No marketplace install, no per-site app subscription: one snippet, and the aggregation, design and moderation live in your Juicer dashboard.

A copy-paste embed

The snippet from your dashboard is the whole integration. Paste it into an Embed element on any page: no app, no marketplace listing, nothing to keep updated.

Respects your design system

The Embed element is a first-class Webflow element: size and position it with the same layout tools as everything else on your canvas.

Designed in the dashboard

Feed templates, colors, branding and post limits live in Juicer. Change them there and the published embed follows, with no republish required.

Updates itself

New posts flow in from your connected accounts around the clock, so the wall stays current while the Designer stays closed.

Moderation built in

Keyword filters, manual approval or AI moderation on autopilot decide what renders, managed from the Juicer dashboard rather than page edits.

15+ platforms, one feed

Instagram, Facebook, TikTok, X, LinkedIn, YouTube and Bluesky merge into a single wall instead of six stacked widgets.

For designers and agencies

Built for how Webflow sites get built

A social wall is usually the one section a designer can't keep fresh after handoff. This one maintains itself.

Your layout, your rules

The feed fills whatever box you give it: flex it, grid it, pin it inside a section. Masonry, grid, slider and list templates adapt to the space instead of demanding one.

No layout surprises

The snippet loads asynchronously after the page paints, so the design you shipped is the design visitors see while the feed fills in.

Hand off without handing over

Place the Embed element once; from then on the client curates the wall from their Juicer dashboard, without a Designer seat.

Embed any platform's feed in Webflow

One wall with every network on it, or a single-platform feed for a dedicated Instagram, TikTok or X page: the Embed element and the snippet stay the same, and curation happens in the Juicer dashboard, not the Designer.

Embed an Instagram feed in Webflow

Three steps to a live Instagram grid on your Webflow build.

  1. Connect your Instagram account

    Link an Instagram Business or Creator account (Meta's API doesn't expose personal accounts). Juicer starts pulling posts into the feed and keeps them fresh from then on.

  2. Drag in an Embed element

    In the Designer's Add panel, drop an Embed element where the feed should live: a dedicated social page, your homepage, or a section of a landing page.

  3. Paste and publish

    Copy the embed code from your Juicer dashboard, paste it into the element, and publish. The feed renders on the published site.

An Instagram wall is the fastest way to give a portfolio or brand site a stream of fresh visuals. Photos, Reels and carousels open in an overlay that links back to the original post, and the grid inherits whatever feed template you picked in Juicer, so it sits flush with the rest of the build. Hashtag campaigns work too: add the tag as a source and approve entries before they render.

Read the Instagram guide

Embed a Facebook feed in Webflow

Three steps to a live Facebook wall on your Webflow build.

  1. Connect your Facebook Page

    Add a Facebook Page you manage as a source (Meta's API doesn't expose personal profiles). Photos, videos and link posts arrive with their engagement counts and stay in sync as the Page publishes.

  2. Drag in an Embed element

    In the Designer's Add panel, drop an Embed element where the feed should live.

  3. Paste and publish

    Copy the embed code from your Juicer dashboard, paste it into the element, and publish. A post limit set in the dashboard keeps the wall the right size anywhere from a footer strip to a full page.

Like and comment counts travel with each Page post, so the wall reads as living social proof rather than a static gallery. Set a post limit in Juicer to keep the section exactly the height your layout expects, from a slim strip above the footer to a full-bleed wall, and new posts arrive without anyone reopening the Designer.

Read the Facebook guide

Embed a TikTok feed in Webflow

Three steps to a TikTok video wall on your Webflow build.

  1. Connect your TikTok account

    Add your TikTok account as a source; videos arrive as playable cards and new uploads join the feed on their own from then on.

  2. Drag in an Embed element

    In the Designer's Add panel, drop an Embed element where the video wall should live.

  3. Paste and publish

    Copy the embed code from your Juicer dashboard, paste it into the element, and publish. Visitors press play right in the post overlay.

Videos load as lightweight cards and only start TikTok's player when a visitor taps, so the Core Web Vitals you tuned stay tuned. For launch pages and campaign microsites, a moderated TikTok wall keeps the page feeling alive for months without another minute of Designer work.

Read the TikTok guide

Embed an X (Twitter) feed in Webflow

Three steps to a self-updating X timeline on your Webflow build.

  1. Connect your X account

    Add the X accounts you want on the wall; text posts count too, not just media. Several accounts can blend into one stream, since a feed holds multiple sources.

  2. Drag in an Embed element

    In the Designer's Add panel, drop an Embed element on your newsroom, press or homepage section.

  3. Paste and publish

    Copy the embed code from your Juicer dashboard, paste it into the element, and publish. Your X timeline now lives on your own domain.

Text, quote and media posts merge into one timeline on your own domain: a newsroom or press section that maintains itself after handoff. Keyword filters keep off-brand replies and reposts out of the layout without anyone watching the wall.

Read the X guide

Embed a YouTube feed in Webflow

Three steps to a self-refreshing YouTube gallery on your Webflow build.

  1. Connect your YouTube channel

    Add a channel as a source; uploads appear as video cards that play through YouTube's own player, and Juicer keeps checking the channel for new ones.

  2. Drag in an Embed element

    In the Designer's Add panel, drop an Embed element where the gallery should live.

  3. Paste and publish

    Copy the embed code from your Juicer dashboard, paste it into the element, and publish. The gallery updates itself whenever you publish a video.

Thumbnails stay light and playback happens in YouTube's player, so a video-heavy section doesn't drag down the page weight you budgeted. Publish to the channel and the gallery updates itself, with Load More pagination absorbing deep archives instead of stretching your layout.

Read the YouTube widget guide

Embed a LinkedIn feed in Webflow

Three steps to a LinkedIn wall on your Webflow build.

  1. Connect your LinkedIn page

    Add a LinkedIn company page as a source (Microsoft's API doesn't expose personal profiles); new updates then flow into the feed without manual reposting.

  2. Drag in an Embed element

    In the Designer's Add panel, drop an Embed element on your careers or about page.

  3. Paste and publish

    Copy the embed code from your Juicer dashboard, paste it into the element, and publish. Your company updates render as a professional wall.

Company updates, articles and culture posts render as a restrained wall that suits the careers and about pages agencies build for B2B clients. Each post opens in the overlay and links back to LinkedIn, so profile visits and follows land where the client wants them.

Read the LinkedIn guide

Layouts and designs that fit your Webflow design

Masonry walls, grids, sliders and list feeds, in light, dark and minimal styles. Pick a template and tune colors and branding from the Juicer dashboard; the embed renders it on your Webflow site with no Designer work required.

Browse all templates

Grid Masonry

A Pinterest-style wall with varied tile heights. The classic social wall look, and a great default for image-heavy Instagram feeds.

Use this template

For developers

Build your own front end, or take just the data

The embed covers most Webflow sites. When you need full control, the Juicer API serves your aggregated feed as clean, normalized JSON: render it with your own custom code, feed it into Webflow CMS workflows, or use the data anywhere else.

Your feed as JSON

One REST endpoint returns the aggregated feed as normalized JSON across 15+ platforms. Render it with your own custom code or pull it into Webflow CMS workflows while Juicer keeps handling aggregation and moderation.

Explore the API

An MCP server for AI agents

Point Claude, Cursor or any MCP client at Juicer and let agents read your feed's posts and engagement directly, without glue code.

Read the MCP docs
GET /v1/data/posts 
curl "https://api.juicer.io/v1/data/posts\
  ?term=@yourbrand&platforms=Instagram,YouTube" \
  -H "Authorization: Bearer jcr_your_api_key"

{
  "data": [
    {
      "platform": "instagram",
      "message": "Behind the scenes at the spring shoot",
      "poster": { "display_name": "yourbrand" },
      "media": [{ "type": "image", "url": "https://..." }],
      "url": "https://www.instagram.com/p/...",
      "post_created_at": "2026-07-10T14:02:11Z"
    }
  ],
  "meta": {
    "total_results": 40,
    "platforms": [
      { "platform": "Instagram", "success": true },
      { "platform": "YouTube", "success": true }
    ]
  }
}

Every major platform, on your Webflow site

Up to 15 source accounts per feed, aggregated and moderated in one place: Facebook, Instagram, TikTok, X (Twitter), LinkedIn, YouTube and more, in one section of your build.

Ready to start?

Put a live social wall on your Webflow site today

Sign up for FREE
A preview of a Juicer feed widget showing real social media posts from Instagram and Facebook

Frequently asked questions

What Webflow site owners ask before embedding a feed.

  • Is there a Juicer app in the Webflow marketplace?
    No, and you don't need one. Juicer embeds with a copy-paste snippet in Webflow's built-in Embed element, so there is nothing to install or update. Your feed, design and moderation all live in your Juicer dashboard.
  • Do I need a paid Webflow plan?
    Yes, for the embed step: Webflow makes custom code, including the Embed element, available on paid site plans (or through a paid Workspace). The Juicer side works on Juicer's free plan either way.
  • How do I add the feed to my Webflow page?
    In the Designer, open the Add panel, drag an Embed element to where the feed should live, paste the embed code from your Juicer dashboard, save, and publish. The Webflow guide covers it step by step.
  • Why don't I see the feed inside the Designer?
    That's how Webflow works: custom code in Embed elements runs on the published site, not on the Designer canvas. Publish (to your webflow.io staging domain is enough) and the feed renders.
  • Does the snippet fit the Embed element's character limit?
    Comfortably. Webflow's Embed element allows up to 50,000 characters and the Juicer embed is a single script tag of around 120.
  • How do I embed an Instagram feed in Webflow?
    Link an Instagram Business or Creator account to a Juicer feed (Meta's API doesn't expose personal accounts), drop the snippet into an Embed element, and publish. The Instagram embed guide walks through it.
  • Can I control which posts appear?
    Yes. Moderation runs in the Juicer dashboard: keyword filters, hold-for-approval, or AI keeping the wall brand-safe automatically. The embedded feed picks up changes immediately, with no republish.
  • Will the feed slow down my Webflow site?
    No. The script loads asynchronously after the page paints, so the site renders exactly as you built it and the feed fills in behind it.
  • How much does it cost?
    Juicer's free plan covers a live wall on a Webflow site; paid plans add more sources, faster refresh and advanced features. Plans are on the pricing page.