How to Embed a Widget on SITE123

SITE123 is a beginner-friendly website builder that lets you create a site in minutes without any coding knowledge. This guide shows you how to embed an Embeddy widget on your SITE123 site using the Custom Code page type and the HTML element.

Beginner~5 min readUpdated 2026

Prerequisites

Before you embed your widget, you need two things:

Your Embeddy embed code. Log in to your dashboard at https://embeddy.ai/dashboard, open your widget, and copy the iframe embed code. It looks like this:

<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>

A SITE123 account with an active website. You need access to the SITE123 editor for your site. The Custom Code page type is available on premium plans.

Custom Code Page

SITE123 provides a dedicated Custom Code page type that allows you to add raw HTML, CSS, and JavaScript to your site. This is the most reliable way to embed an Embeddy widget as a full page or section.

1
Open the SITE123 editor
Log in to your SITE123 account and click Edit Site to open the website editor.
2
Add a new page
In the left sidebar, click Pages, then click Add New Page. From the list of page types, select "Custom Code".
3
Paste your embed code
In the page settings, you will see a code editor area. Paste your Embeddy iframe embed code into this editor.
4
Name your page and save
Give the page a title (e.g. "Chat Widget" or "Help Center"), then click Save.
5
Publish your site
Click Publish to make the changes live. Visit the page on your published site to verify the widget loads correctly.

Tip: The Custom Code page type creates a dedicated page for your code. If you want to embed the widget within an existing page instead, use the HTML element method described in the next section.

Important: Premium plan required

The Custom Code page type and HTML elements are available on SITE123 premium plans. If you do not see the Custom Code option, check that your subscription includes this feature.

HTML Element Method

If you want to embed your widget within an existing page rather than a dedicated Custom Code page, you can use the HTML element inside the SITE123 page editor.

1
Open the page you want to edit
In the SITE123 editor, navigate to Pages and select the page where you want the widget.
2
Add an HTML element
Click Add Element within your page section, then find and select the HTML or Embed Code element from the available elements.
3
Paste your embed code
Click on the HTML element to open its settings, then paste your Embeddy iframe code into the code field.
4
Save and publish
Click Save, then Publish your site to see the widget on the live page.

Note: The HTML element preview may not render the iframe in the editor. This is normal — publish your site and view the live page to confirm the widget works.

Iframe Embed Code Example

Here is what a complete Embeddy iframe embed looks like for SITE123. Copy your specific code from the Embeddy dashboard — the WIDGET_ID and PROPS_ID values will be filled in automatically.

<!-- Embeddy widget embed — paste into SITE123 Custom Code page or HTML element -->
<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  loading="lazy"
  title="My Embeddy Widget"
></iframe>

You can adjust height to match your widget's content. Use width="100%" to make the embed responsive across all screen sizes.

Troubleshooting

The Custom Code page type is not available

The Custom Code page type requires a SITE123 premium plan. Check your subscription level in your account settings. If you are on a free plan, you will need to upgrade to access custom code features.

The widget shows a blank area

Verify that your Widget ID and Props ID in the embed URL are correct. Open the Embeddy dashboard and copy the embed code fresh. Also confirm your widget is published (not in draft mode) in Embeddy.

Widget does not appear in the editor preview

SITE123's editor may not render iframe content in preview mode. Publish your site and check the live page directly. The widget should render correctly on the published site even if it does not appear in the editor.

Widget is cut off or too small

Increase the height attribute in your iframe code. A common starting point is height="600". The widget content does not auto-resize by default; set a height large enough to display your widget without scrollbars.

Frequently Asked Questions

Can I embed an Embeddy widget on a SITE123 free plan?

Custom code features on SITE123 are generally limited to premium plans. If you are on a free plan, you may not see the Custom Code page type or HTML element. Upgrading to a premium plan will unlock these features.

Can I embed the same widget on multiple SITE123 pages?

Yes — paste the same embed code on as many pages as you like. Each instance is independent. If you update the widget in the Embeddy dashboard, all embedded instances update automatically.

Does embedding an Embeddy widget slow down my SITE123 site?

No. Iframes load independently of your main page. The widget loads from Embeddy's servers in a separate browser thread and does not block your page's rendering. Using loading="lazy" in the iframe tag further defers loading until the widget is visible in the viewport.

Ready to build your widget?

Create a free Embeddy widget — no code required. Get your embed code in minutes and drop it into your SITE123 site.

Create your free widget at embeddy.ai

On this page