Add a widget to all pages at once using the embedded content tool
Google Sites does not have a single "sitewide widget" button. Instead, you embed content on every page by adding it to your site's header or footer — the areas that repeat across all pages automatically. The most common way is to insert an embedded object (like a calendar, map, or custom code) into the footer, which then appears on every page without you having to add it individually.
You can also create a single page that holds your widget and then link to it from your navigation menu, so visitors see it consistently. This method works well if your widget is something people visit rather than something that needs to appear on every page at once.
The steps differ slightly depending on whether you want the widget in your footer, in a dedicated page, or embedded directly into multiple pages. Start with the footer method if you want true sitewide placement.
Key Takeaways
- The footer is the only area in Google Sites that automatically repeats on every page, so embedding a widget there is the fastest way to make it sitewide.
- You add footer content by clicking the footer area at the bottom of your site editor, then inserting an image, map, calendar, or embedded code.
- If your widget is a custom code embed, you will need to use the "Embed" tool and paste the code (usually an iframe or script tag) directly.
- Creating a dedicated page for your widget and linking it in your navigation menu is an alternative if the footer does not fit your design.
- Some widgets like Google Calendar and Google Maps have built-in embed options that work directly in Google Sites without extra code.
How to add a widget to your footer so it appears on all pages
Open your Google Site in edit mode by clicking the pencil icon in the top right. Scroll to the very bottom of any page and look for the footer area — it usually appears as a light gray or white section at the bottom. Click directly in the footer to start editing it.
Once you are in the footer editor, you can add content the same way you would on a regular page. Click the "+" button to insert a new element, then choose from the available options: image, text, map, calendar, or embed. If you are adding a custom widget that requires code, select "Embed" and paste the code into the box that appears.
After you add the widget to the footer, click "Publish" at the top right to save your changes. The widget will now appear on every page of your site in that same footer location. If you need to edit or remove it later, go back to the footer, make your changes, and publish again.
Embedding custom code widgets in the footer
If your widget comes as a code snippet — usually an iframe tag or a script tag — use the Embed tool. In the footer editor, click the "+" button, scroll down, and select "Embed". A text box will appear where you can paste your code.
Paste the entire code block into the embed box. Do not remove any part of it, even if it looks long or unfamiliar. Click outside the box or press Enter to confirm, then publish your site. The widget should now display in the footer on all pages.
If the widget does not appear or looks broken, check that you copied the entire code block and that there are no extra spaces or line breaks at the beginning or end. Some widgets require you to replace placeholder text (like an API key or username) before they will work — check the widget's documentation for any customization steps.
Using Google Calendar, Maps, and other built-in widgets sitewide
Google Calendar and Google Maps have native embed options that work directly in Google Sites. To add a Google Calendar to your footer, click the "+" button in the footer editor and select "Calendar". Choose the calendar you want to display from the dropdown menu, then adjust the size and view settings if needed.
For Google Maps, click the "+" button and select "Map". Search for the location you want to display, then click it to add it to your footer. You can adjust the zoom level and marker placement before publishing.
These built-in widgets are simpler than custom code embeds because Google Sites handles the technical details for you. They also tend to load faster and work more reliably across different browsers and devices.
Creating a dedicated widget page instead of using the footer
If your widget is large or you do not want it cluttering your footer, create a new page specifically for it. Click the "+" button next to your page list on the left side of the editor and select "New page". Give it a name like "Calendar" or "Contact Form", then add your widget to that page using the same embed or insert methods.
Once the page is created, add it to your site navigation so visitors can find it easily. Click on the page in the left sidebar, then look for the navigation menu settings. You can usually drag the page into your menu or check a box to make it visible in navigation.
This approach works well if your widget is something people visit deliberately — like a calendar, contact form, or live chat — rather than something that needs to be present everywhere at once.
Troubleshooting widgets that do not display correctly
If your widget appears in the editor but not on the published site, check that you clicked "Publish" after adding it. Google Sites requires you to publish changes before they go live. Click the blue "Publish" button at the top right and wait a few seconds for the process to complete.
If the widget displays but looks broken or incomplete, the issue is usually one of three things: the code is incomplete or has a typo, the widget requires an API key or login that you have not provided, or the widget uses a feature that Google Sites does not support (like certain JavaScript interactions). Check the widget's documentation or support page for troubleshooting steps specific to that tool.
If the widget works in the editor but disappears on the live site, try clearing your browser cache by pressing Ctrl+Shift+Delete (Windows) or Command+Shift+Delete (Mac), then reload the page. Sometimes your browser holds onto an old version of the site.
Removing or updating a sitewide widget
To remove a widget from your footer, click the footer area in edit mode, click on the widget to select it, then press Delete or click the trash icon. Publish your changes and the widget will disappear from all pages.
To update a widget — like changing which calendar displays or adjusting the map location — click the widget in the footer editor, make your changes in the settings panel that appears, then publish. The updated version will appear on all pages within a few seconds.
Frequently Asked Questions
Can I add different widgets to different pages?
Yes. Add widgets to individual pages by clicking the "+" button on that specific page and selecting the widget you want. Only widgets in the footer or header will appear on every page. Widgets added to a single page stay on that page only.
What if my widget requires a login or API key?
Check the widget's documentation for setup instructions. Most widgets that need authentication will have a settings panel where you can enter your credentials or API key. Complete that setup before embedding the code in Google Sites, or the widget may not work.
Can I resize or reposition a widget in the footer?
Yes. Click the widget in the footer editor and look for resize handles or a settings panel. Most widgets let you adjust width, height, and alignment. Some widgets have additional display options in a menu — click the three dots or settings icon if you see one.
Will my widget work on mobile devices?
Most built-in widgets like Calendar and Maps are mobile-friendly. Custom code widgets depend on how they were built — check the widget creator's documentation. If a widget does not display well on mobile, you may need to contact the widget creator or choose a different tool.
How long does it take for a sitewide widget to appear on all pages?
Usually a few seconds after you publish. If it does not appear within a minute, refresh the page or clear your browser cache. If it still does not show, check that you published the changes and that the widget code or settings are correct.