Back to Blog
Tutorial

Embedding Widgets in WordPress, Squarespace & Wix

February 2026 3 min read

Adding interactive widgets to your website doesn't require coding skills or a custom-built platform. Whether you're using WordPress, Squarespace, or Wix, most modern website builders make it easy to embed external content using simple iframe snippets.

In this guide, we'll walk you through exactly how to embed widgets from WidgetForge into each platform — step by step.

Embedding widgets in WordPress, Squarespace and Wix

What Is an Embed Code?

An embed code is typically a small snippet of HTML that looks something like this: 

<iframe src="https://widget-forge.com/embed/your-widget" width="100%" height="400" frameborder="0"></iframe>

This code allows you to display content hosted elsewhere — like a WidgetForge widget — directly on your site. All you need to do is paste it into the right place in your page editor.

Embedding Widgets in WordPress

WordPress offers a couple of easy ways to add iframe embeds, depending on whether you're using the block editor or the classic editor.

Using the Block Editor (Gutenberg)

  1. Open the page or post where you want to add your widget.
  2. Click the "+ (Add Block)" button.
  3. Search for and select the "Custom HTML" block.
  4. Paste your iframe embed code into the block.
  5. Preview or publish your page.

Using the Classic Editor

  1. Switch to the "Text" tab (instead of Visual).
  2. Paste your iframe code directly where you want it to appear.
  3. Save or update your page.
💡 Tip: Make sure your iframe width is set to 100% for a responsive result on all screen sizes.

Embedding Widgets in Squarespace

Squarespace makes embedding super straightforward with its built-in Code Block.

  1. Edit the page where you want your widget.
  2. Click an insert point (the "+" button).
  3. Select "Code" from the block options.
  4. Paste your iframe embed code.
  5. Click Apply, then save your page.
⚠️ Note: Some Squarespace plans may restrict custom code blocks, so ensure your plan supports this feature before you start.

Embedding Widgets in Wix

Wix also supports iframe embeds through its HTML embed element.

  1. Open your site in the Wix Editor.
  2. Click "Add (+)" from the left sidebar.
  3. Go to Embed → Custom Embeds → Embed a Widget.
  4. Choose "Enter Code".
  5. Paste your iframe embed code and click Update.
  6. Resize and position the widget as needed.
💡 Tip: Use Wix's drag-and-drop editor to make sure your widget looks good on both desktop and mobile views.

Making Your Widgets Responsive

To ensure your widget looks great on all devices, follow these simple guidelines:

Here's an example of a responsive embed code:

<iframe
  src="https://widget-forge.com/embed/your-widget"
  width="100%"
  height="500"
  style="border:none;"
></iframe>
Andy
· The WidgetForge Team

Andy is passionate about creating free, easy-to-use widgets that help website owners engage their audiences and enhance user experience.

Ready to add a widget to your site?

No sign-up, no tracking, no cost. Pick a widget, configure it, and grab your embed code in seconds — no matter which platform you're on.

Browse All Widgets Contact Us

Need help with a specific widget? Reach out or check our other guides for more tips and inspiration.