{"id":1609,"date":"2026-07-19T19:09:13","date_gmt":"2026-07-19T19:09:13","guid":{"rendered":"https:\/\/feeder.co\/help\/?p=1609"},"modified":"2026-07-19T19:09:13","modified_gmt":"2026-07-19T19:09:13","slug":"embed-feed-website-widget","status":"publish","type":"post","link":"https:\/\/feeder.co\/help\/website-owners\/embed-feed-website-widget\/","title":{"rendered":"Embed a live feed on your website with the Feeder widget (WordPress and more)"},"content":{"rendered":"<p>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.<\/p>\n<p>It works anywhere you can add a little HTML, including WordPress, Squarespace, Wix, Webflow, and hand-coded pages.<\/p>\n<h2>What you need<\/h2>\n<p>The widget is part of Feeder&#8217;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.<\/p>\n<h2>Step 1: Build your widget<\/h2>\n<ol>\n<li>Open Feeder, go to the <strong>Publish<\/strong> tab, and select <strong>Widgets<\/strong>. Direct link: <a href=\"https:\/\/feeder.co\/settings\/publish\/widgets\">feeder.co\/settings\/publish\/widgets<\/a>.<\/li>\n<li>Create a widget and pick the feed you want to show.<\/li>\n<li>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.<\/li>\n<li>Save your widget.<\/li>\n<\/ol>\n<h2>Step 2: Copy the embed code<\/h2>\n<p>The builder gives you three ways to embed, each with your widget ID already filled in. Pick the one that fits your site.<\/p>\n<h3>iframe (works almost everywhere)<\/h3>\n<p>The safest option for WordPress and most site builders, since it does not rely on custom scripts.<\/p>\n<pre><a href=\"https:\/\/widgets.feeder.co\/?frame&amp;widget=YOUR_WIDGET_ID\">https:\/\/widgets.feeder.co\/?frame&#038;widget=YOUR_WIDGET_ID<\/a><\/pre>\n<h3>Script tag<\/h3>\n<p>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.<\/p>\n<pre>&lt;feeder-widget data-widget-id=\"YOUR_WIDGET_ID\" style=\"width: 100%; height: 600px\"&gt;&lt;\/feeder-widget&gt;<a href=\"https:\/\/widgets.feeder.co\/widget.js\">https:\/\/widgets.feeder.co\/widget.js<\/a><\/pre>\n<h3>Plain URL<\/h3>\n<p>Handy for tools that ask for a link to embed.<\/p>\n<pre>https:\/\/widgets.feeder.co\/?embed&amp;widget=YOUR_WIDGET_ID<\/pre>\n<h2>Add the widget to WordPress<\/h2>\n<p>WordPress does not need a plugin. You are simply pasting the embed code into a block or widget area. We recommend the <strong>iframe<\/strong> version, since WordPress often strips out custom scripts for security.<\/p>\n<h3>In a page or post (block editor)<\/h3>\n<ol>\n<li>Edit the page or post where you want the feed.<\/li>\n<li>Add a block and choose <strong>Custom HTML<\/strong>.<\/li>\n<li>Paste the iframe code from Step 2.<\/li>\n<li>Preview or publish. Your feed appears right where you placed the block.<\/li>\n<\/ol>\n<h3>In a sidebar or footer<\/h3>\n<ol>\n<li>Go to <strong>Appearance &gt; Widgets<\/strong> (or <strong>Appearance &gt; Customize &gt; Widgets<\/strong>).<\/li>\n<li>Add a <strong>Custom HTML<\/strong> widget to the area you want.<\/li>\n<li>Paste the iframe code and save.<\/li>\n<\/ol>\n<h3>Using the Classic editor<\/h3>\n<p>Switch from the <strong>Visual<\/strong> tab to the <strong>Text<\/strong> tab, then paste the iframe code where you want the feed to show.<\/p>\n<p><strong>On WordPress.com?<\/strong> 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.<\/p>\n<h2>Other site builders<\/h2>\n<ul>\n<li><strong>Squarespace, Wix, Webflow, and similar:<\/strong> add an Embed or Custom HTML block and paste the iframe code.<\/li>\n<li><strong>Hand-coded sites:<\/strong> paste either the iframe or the script tag directly into your HTML.<\/li>\n<\/ul>\n<h2>Tips and troubleshooting<\/h2>\n<ul>\n<li><strong>Resize it:<\/strong> change the width and height in the embed code, or adjust them in the builder before you copy.<\/li>\n<li><strong>Nothing shows up?<\/strong> Your site may be stripping scripts. Switch to the iframe version, which works in more places.<\/li>\n<li><strong>Always current:<\/strong> the widget reads straight from your Feeder feed, so new posts appear on their own. There is nothing to re-paste.<\/li>\n<\/ul>\n<p>Stuck or want a hand setting it up? Reach us any time at support@feeder.co. \ud83d\udc4b<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Put a live Feeder feed on your own website, including WordPress. Build the widget, copy the embed code, and paste it in. It stays fresh on its own as new posts arrive.<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[9],"tags":[],"yst_prominent_words":[],"class_list":["post-1609","post","type-post","status-publish","format-standard","hentry","category-website-owners"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p893aM-pX","_links":{"self":[{"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/posts\/1609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/comments?post=1609"}],"version-history":[{"count":1,"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/posts\/1609\/revisions"}],"predecessor-version":[{"id":1610,"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/posts\/1609\/revisions\/1610"}],"wp:attachment":[{"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/media?parent=1609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/categories?post=1609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/tags?post=1609"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/feeder.co\/help\/wp-json\/wp\/v2\/yst_prominent_words?post=1609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}