How to Add a Google Widget to Your Device or Website
Google widgets are small, interactive tools that display live information — search bars, Maps previews, calendars, clocks, weather, and more — directly on a home screen, desktop, or webpage. Adding one takes only a few steps, but the exact process depends heavily on where you want the widget to appear and what platform you're working on.
What Is a Google Widget, Exactly?
A widget is a compact UI element that runs independently of a full app. Google offers widgets across several of its products:
- Google Search bar (voice and text search)
- Google Maps (location shortcut or live traffic tile)
- Google Calendar (upcoming events at a glance)
- Google Clock (world clocks, alarms)
- Google Weather (pulled through the Search or Discover feed)
- Google News / Discover feed tiles
On mobile, these live on your home screen. On a desktop, they can be embedded via browsers or third-party tools. On a website, they're added through embeds or APIs.
How to Add a Google Widget on Android 📱
Android is Google's native environment, so widget support is deeply built in.
Steps:
- Long-press an empty area on your home screen
- Tap Widgets from the menu that appears
- Scroll to or search for the Google app (or specific apps like Maps, Calendar, Clock)
- Long-press the widget you want
- Drag it to your preferred home screen position
- Resize it if the launcher supports resizing (most do — drag the edges)
Key variables on Android:
- Launcher type — Stock Android, One UI (Samsung), MIUI (Xiaomi), and OxygenOS each have slightly different widget interfaces
- Android version — Android 12 introduced the Material You widget redesign; older versions display earlier widget styles
- App installation — the Google app or relevant Google app (Maps, Calendar, etc.) must be installed before its widget appears
Some widgets, like the Google Search bar, come pre-pinned on many Android home screens by default. If yours is missing, it was likely removed and can be re-added using the steps above.
How to Add a Google Widget on iPhone or iPad
iOS and iPadOS support widgets through the Today View and home screen (introduced with iOS 14+). Google has made several of its apps widget-compatible for Apple devices.
Steps for iOS 14 and later:
- Long-press an empty area on your home screen until icons jiggle
- Tap the + icon in the top-left corner
- Search for the Google app (or Google Maps, Gmail, Chrome, etc.)
- Select a widget size (small, medium, or large)
- Tap Add Widget, then position it on your screen
Availability note: Not every Google widget available on Android exists on iOS. Google Search, Google Maps, and Google Drive have iOS widgets; some others do not. This is a platform-level difference, not something adjustable from settings.
How to Embed a Google Widget on a Website 🌐
Website owners commonly embed Google tools — Maps, Search, Calendar, Translate — directly into web pages.
Google Maps Embed
- Go to maps.google.com
- Search for your location
- Click Share → Embed a map
- Copy the
<iframe>code - Paste it into your site's HTML
No API key is required for basic map embeds on public pages, though usage-heavy or commercial implementations may require a Google Maps Platform API key with billing enabled.
Google Calendar Embed
- Open Google Calendar → Settings
- Select the calendar you want to share
- Scroll to Integrate calendar
- Copy the embed code
- Paste it into your HTML
The calendar widget will update automatically as events are added or changed.
Google Custom Search Widget
Google offers a Programmable Search Engine (formerly Custom Search Engine) that lets you embed a Google-powered search bar into any website. Setup is done through the Google Programmable Search Engine console, where you configure the search scope and copy a script snippet to your site.
Factors That Affect Your Setup
| Variable | Why It Matters |
|---|---|
| Device OS and version | Widget availability and appearance vary by platform |
| Launcher (Android) | Third-party launchers may limit or expand widget options |
| Google account sign-in | Some widgets (Calendar, Gmail) require an active signed-in account |
| App version | Outdated Google apps may not expose newer widget types |
| Website platform (CMS) | WordPress, Squarespace, Wix each handle embed code differently |
| API usage level | High-traffic map embeds may require Google Cloud billing |
Common Issues Worth Knowing
Widget not showing up: Confirm the app is installed, not just a shortcut. Widgets are tied to app packages, not browser bookmarks.
Widget displaying blank or not updating: This often points to a background refresh restriction. On both Android and iOS, check battery optimization settings — aggressive power-saving modes can prevent widgets from pulling live data.
Resizing not working: Widget resizing support depends on both the app developer and the launcher. Not all Google widgets are resizable on all launchers.
Embed not loading on a website: Double-check that your site allows iframes, and that your domain isn't blocked. Some school or corporate network filters block Google embeds by default.
The Part That Varies By Setup
The mechanical steps for adding a Google widget are largely consistent, but what works well — and what's even available — shifts based on your specific device, OS version, which Google apps you actually use, and where you're trying to display the widget. A Pixel running the latest Android has a different widget experience than a Galaxy running a two-year-old skin, and embedding a Maps widget on a static HTML page is a different task than doing it inside a page builder with no code access. The right approach depends on which combination of those factors describes your situation.