How to Embed a Feedspace Widget Using iFrames

Overview

The iFrame embed option in Feedspace lets you display your widget on any website or platform that supports standard HTML iFrame tags. This is useful for platforms that restrict custom JavaScript but allow embedded iFrame content, such as certain CMS platforms, email clients that support HTML, wiki tools, and custom web apps with tight content security policies. The iFrame wraps the widget in a self-contained frame so it loads independently from the host page.

How to Embed Your Feedspace Widget Using iFrames

Step 1: Open the Share Tab in Your Widget Editor

Log in to your Feedspace account and go to Widgets. Find the widget you want to embed and click Edit to open the widget editor. Then click the Share tab at the top.

Step 2: Select the iFrames Tab

In the Share tab, find the framework selector row showing HTML/WordPress, Framer, Next.js, Angular, and iFrames. Click iFrames to switch to the iFrame embed code. The code block below will update to show your widget’s iFrame embed snippet.

Step 3: Copy the iFrame Embed Code

Click the Copy code button to copy the iFrame snippet to your clipboard. The code will look similar to this, with your unique widget ID in the src URL:

<iframe
  src="https://js.feedspace.io/v1/embed/iframe.html?id=YOUR_WIDGET_ID"
  width="100%"
  height="600"
  frameborder="0"
  scrolling="no">
</iframe>

Step 4: Paste the Code into Your Website or Platform

Go to your website editor or platform and open the page or section where you want the widget to appear. Find the option to insert raw HTML or an embed block, paste the iFrame code, and save. Most page builders, CMS platforms, and wiki tools have a dedicated HTML or code block component for this purpose.

Step 5: Adjust the iFrame Height if Needed

The default height value in the iFrame code is a starting point. If your widget is taller or shorter than the default, edit the height attribute in the code to match the actual height of your widget. The width="100%" value ensures the widget fills the available column width automatically on any screen size.

Step 6: Publish and Verify

Publish or save your page and view it in a browser to confirm the widget appears correctly inside the iFrame. If the widget is not visible, check that your platform allows iFrame embeds from external sources, as some platforms have content security policies that restrict third-party iFrames.

What You Can Do Next

• Customise your widget’s design, colors, and font in the Feedspace Design tab before copying the iFrame code so the widget looks polished as soon as it goes live.
• If your platform supports JavaScript, switch to the HTML/WordPress embed code from the Share tab instead, as the standard embed script gives the widget more flexibility to adapt to the page layout.
• Use the desktop and mobile preview in the Feedspace Share tab to check how the widget looks at different screen sizes before finalising the iFrame height value.
• Track impressions and click rate for the embedded widget from your Feedspace Widgets dashboard to see how many visitors are viewing and engaging with your reviews.