Embed a live feed on your website with the Feeder widget (WordPress and more)

Want your latest posts on your own site, kept fresh without any manual updating? The Feeder widget puts a live feed on any website, and it refreshes on its own as new posts come in. Build it once, drop in a snippet, and you are done.

It works anywhere you can add a little HTML, including WordPress, Squarespace, Wix, Webflow, and hand-coded pages.

What you need

The widget is part of Feeder’s Publish tools and is available on paid Feeder plans. If you are on the free plan, the builder shows an upgrade option when you open it.

Step 1: Build your widget

  1. Open Feeder, go to the Publish tab, and select Widgets. Direct link: feeder.co/settings/publish/widgets.
  2. Create a widget and pick the feed you want to show.
  3. Set the look: theme, colors, font, width, height, and how many posts to display. The preview updates live, so what you see is exactly what your visitors get.
  4. Save your widget.

Step 2: Copy the embed code

The builder gives you three ways to embed, each with your widget ID already filled in. Pick the one that fits your site.

iframe (works almost everywhere)

The safest option for WordPress and most site builders, since it does not rely on custom scripts.

https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID

Script tag

Renders the feed directly on the page. Use this when your site allows custom scripts and you want the feed to blend right into the layout.

<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js

Plain URL

Handy for tools that ask for a link to embed.

https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID

Add the widget to WordPress

WordPress does not need a plugin. You are simply pasting the embed code into a block or widget area. We recommend the iframe version, since WordPress often strips out custom scripts for security.

In a page or post (block editor)

  1. Edit the page or post where you want the feed.
  2. Add a block and choose Custom HTML.
  3. Paste the iframe code from Step 2.
  4. Preview or publish. Your feed appears right where you placed the block.

In a sidebar or footer

  1. Go to Appearance > Widgets (or Appearance > Customize > Widgets).
  2. Add a Custom HTML widget to the area you want.
  3. Paste the iframe code and save.

Using the Classic editor

Switch from the Visual tab to the Text tab, then paste the iframe code where you want the feed to show.

On WordPress.com? Custom HTML embeds need a Business plan or higher. On self-hosted WordPress (WordPress.org), any admin can add the code using the steps above.

Other site builders

  • Squarespace, Wix, Webflow, and similar: add an Embed or Custom HTML block and paste the iframe code.
  • Hand-coded sites: paste either the iframe or the script tag directly into your HTML.

Tips and troubleshooting

  • Resize it: change the width and height in the embed code, or adjust them in the builder before you copy.
  • Nothing shows up? Your site may be stripping scripts. Switch to the iframe version, which works in more places.
  • Always current: the widget reads straight from your Feeder feed, so new posts appear on their own. There is nothing to re-paste.

Stuck or want a hand setting it up? Reach us any time at support@feeder.co. πŸ‘‹