How to Embed a Widget in Google Sites
Google Sites includes a built-in Embed feature that supports both URL-based embeds and raw HTML. You can paste your Embeddy widget URL directly or use the iframe code — either approach works. No extensions, no plugins, no third-party tools needed.
On this page
Prerequisites
Before embedding, make sure you have the following ready:
- An Embeddy widget: Create one for free at embeddy.ai/dashboard. Your widget must be published (not in draft mode) so it is publicly accessible.
- Your Embed Link: In the Embeddy dashboard, open your widget and copy the Embed Link — the direct URL that looks like
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID. - A Google Sites website: Any Google account can create a Google Site for free at sites.google.com. You need edit access to the site.
Where is my Embed Link? In the Embeddy dashboard, select your widget, click the Share / Embed panel, and look for the Embed Link option. It is the direct URL — not the <iframe> snippet.
Method 1: Embed by URL
Recommended — simplest approach
Google Sites has a dedicated Embed component with a By URL tab. This is the fastest way to add your Embeddy widget — just paste the URL and Google Sites renders it as an inline iframe automatically.
- 1
Open your site in the Google Sites editor
Go to sites.google.com, click on your site, and navigate to the page where you want the widget.
- 2
Open the Embed dialog
In the right-side Insert panel, scroll down and click Embed. Alternatively, go to Insert > Embed from the top menu bar.
- 3
Select the "By URL" tab and paste your widget URL
In the Embed dialog, make sure the By URL tab is selected. Paste your Embeddy Embed Link:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID
- 4
Click "Insert"
Google Sites will load a preview of the embed. If the preview looks correct, click Insertto place it on your page.
- 5
Publish your site
Click the Publish button in the top-right corner to make your changes live. The widget will appear on your published site.
Tip: Google Sites shows a live preview of the embed in the editor before you publish. Use this to verify the widget loads correctly before making it live.
Method 2: Embed HTML Code
Alternative — use the iframe snippet directly
If you prefer to use the full iframe embed code from Embeddy, Google Sites supports that too through the Embed code tab. This gives you more control over the iframe attributes like width and height.
- 1
Open the Embed dialog
Same as Method 1 — click Embed in the Insert panel or go to Insert > Embed.
- 2
Select the "Embed code" tab
Switch to the Embed code tab and paste the full iframe code from your Embeddy dashboard:
<iframe src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID" width="100%" height="600" frameborder="0" allow="clipboard-write; encrypted-media"> </iframe>
- 3
Click "Next" then "Insert"
Google Sites will show a preview of the embedded content. If it looks right, click Insert to place it on your page.
Note: Google Sites may strip certain iframe attributes for security reasons. If your embed does not render correctly with the HTML method, use Method 1 (By URL) instead — it is the most reliable approach.
Resizing & Layout
After inserting the embed, Google Sites provides drag handles to resize and reposition it on the page grid.
Adjust Size
Click the embed block to select it. Blue handles appear on the corners and edges. Drag any handle to resize the widget. Google Sites uses a grid layout, so the embed will snap to grid positions.
Reposition
Click and drag the embed block to move it to a different position on the page. You can place it next to other elements for a multi-column layout. Google Sites automatically adjusts the grid to accommodate the embed.
Full-width embed: Drag the embed to span the full width of the content area for the best visual impact. This works especially well for dashboard-style widgets.
Limitations
Google Sites embeds are straightforward but have a few platform-level constraints:
URL validation
Google Sites validates URLs before allowing them to be embedded. If your URL is rejected, try the Embed code method (Method 2) instead, which gives you more control over the iframe attributes.
No custom CSS or JavaScript
Google Sites does not allow custom CSS or JavaScript outside of embed blocks. All your widget styling must be contained within the Embeddy widget itself — which it is by default, so this is not an issue for Embeddy users.
Editor vs. published view
The embed may look slightly different in the Google Sites editor compared to the published page. Always check the published version by clicking Publish and viewing the live site.
Mobile responsiveness
Google Sites automatically adjusts page layout for mobile devices. Embeds will scale down to fit the mobile viewport, but very wide widgets may require horizontal scrolling inside the iframe. Embeddy widgets are responsive by default, so they adapt well to smaller screens.
Troubleshooting
"Unable to process the URL" error
This error appears when Google Sites cannot validate the URL you pasted. Try these fixes:
- Check the URL format. Make sure it starts with
https://and contains no extra spaces. - Switch to Embed code method. Use Method 2 with the full iframe snippet instead.
- Make sure the widget is published. Draft widgets are not accessible and will fail to load.
Embed appears blank on the published site
If the embed loads in the editor but not on the published site, the widget may require authentication. Go to the Embeddy dashboard, open widget settings, and ensure visibility is set to Public. Then re-publish your Google Site.
Embed is too small or cropped
Click the embed in the editor and drag the resize handles to increase the dimensions. If using Method 2, adjust the width and height values in the iframe code.
Changes not showing after editing the widget
Embeddy widgets update live — changes you make in the dashboard are reflected immediately. If you are not seeing updates, try hard-refreshing the published page (Ctrl+Shift+R or Cmd+Shift+R).
Still stuck? Reach out on Discord or contact support. Share your widget's Embed Link and a screenshot of your Google Sites editor and we will help you debug it.
FAQ
Is Google Sites free to use?
Yes. Google Sites is completely free with any Google account. The Embed feature is available on both personal Google accounts and Google Workspace accounts.
Can I embed multiple widgets on the same page?
Yes. You can add as many Embed blocks as you need on a single Google Sites page. Each one can contain a different Embeddy widget URL.
Will the widget update automatically if I change it in Embeddy?
Yes. Because Google Sites embeds the live URL, any changes you make to your widget in the Embeddy dashboard are instantly reflected on your published site. You do not need to re-embed or re-publish.
Ready to embed your widget?
Head to your Embeddy dashboard to create or find your widget, copy the Embed Link, and drop it into any Google Sites page in seconds.