Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Clear out junk files and repair common Windows errors3Scan for outdated or missing drivers - takes under a minuteSome links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
You can embed a live Google Calendar on a website using Google Calendar’s built-in Integrate calendar settings: customize the display, copy the generated HTML, and add it to your site’s HTML or embed block. For visitors who aren’t signed in, the calendar generally needs to be public; check its sharing settings before publishing so you don’t expose private event details.
Before you start
- Use a desktop browser: Google’s documented embed-code workflow isn’t available in the Google Calendar mobile app.
- Make sure you own the calendar or have permission to manage its sharing settings. A calendar owner can grant another person Make changes and manage sharing access.
- Have access to the page editor and an HTML, custom-code, or embed block. Some platforms or plans restrict iframe code.
- Decide who should be able to see the calendar and what event information is appropriate to publish.
If the calendar is managed by a work or school account, its administrator may prevent public sharing. In that case, ask the administrator about the available options rather than trying to bypass the restriction. See Google’s calendar-sharing guidance.
Make the calendar public safely
For people to view an embedded calendar without signing in, it generally needs to be publicly accessible. A calendar shared only with named people or an organization remains restricted to those audiences; embedding it does not remove those restrictions.
- In Google Calendar, find the calendar under My calendars.
- Open its three-dot menu and choose Settings and sharing.
- Under Access permissions for events, turn on Make available to public, if that option is available.
- Choose the level of detail the public may see: See only free/busy (hide details) or See all event details.
Public visibility can make a calendar discoverable on the internet and available for subscription. Depending on the permission you choose, event titles, times, locations, and descriptions may be visible. Check event-level visibility too: an individual event’s settings can affect what people see. Google explains calendar sharing and public access, permission levels, and event visibility.
#1 Best Overall
- 2 IN 1 Desk Calendar & Wall Calendar 2026-2027:Tcamp 2026-2027 desk calendar (17"x12") offers spacious layout for monthly/daily scheduling & tracking. With clearly labeled holidays and dates, it helps you track appointments, meetings, deadlines easily. Desk planner runs July 2026 to December 2027, perfect for multi-phase projects, course schedules, and work plans
- Generous Layout & Smart Design: Each daily grid features a roomy 1.77"x1.57" writing space for easily jot down tasks, meetings, and reminders. Clean-lined daily blocks keep entries tidy and readable. Plus: Dedicated zones for to-do lists, notes, monthly goals, and monthly priorities let you track what matters most — all in one organized hub. Never miss a beat with everything at your fingertips
- Clear Waterproof Cover & Corners Protector: Our 2026 - 2027 desktop calendar with a waterproof transparent cover and protector corners to protect the pages from spills and dirt, can keep for a long time use. Two sturdy hanging points + included rope let you hang it anywhere—use vertically as a wall calendar or flat as a desk calendar
- Premium Paper: High-quality bleed-resistant paper, our desk calendar ensures effortlessly smooth writing. Whether writing down reminders, ideas, quick memos or outlining detailed plans, your notes will stay neat and organized
- Gift Choice: Our wall monthly calendar makes a practical gift for your family, friends, colleagues or teachers to stay organized through their busy days/weeks/months. An ideal choice for New Year's gifts, Christmas gifts, or everyday surprises - a useful keepsake for all your loved ones that keeps giving through the seasons
Safer default: Create a separate public-facing calendar for events meant for visitors. Don’t embed a personal or confidential work calendar just because it is convenient to do so.
Get the Google Calendar embed code
- Open Google Calendar on a computer.
- Click Settings in the upper-right.
- In the left sidebar, under Settings for my calendars, select the calendar you want to embed.
- Open Integrate calendar.
- Under Embed code, click Customize.
- Choose the display options Google offers, such as the calendar or calendars to show, initial view, title, controls, time zone, and dimensions.
- Copy the generated HTML code.
Google recommends setting both the width and height to at least 500 pixels. Treat that as Google’s recommendation for its generated embed, not a universal requirement for every page layout. The customization panel and labels can change over time. For current steps, see Google’s instructions for adding a calendar to a website.
Choose settings for visitors
- Calendar selection: Include only the calendars intended for this audience. Check sharing permissions for each one.
- Initial view: Pick a view that fits the schedule. A month view gives a broad overview; an agenda-style view can be easier to scan for upcoming events.
- Navigation: Leave date navigation available if visitors should browse. Google notes that without navigation buttons, visitors can navigate only with keyboard shortcuts.
- Dimensions: Give the calendar enough room to read, then check how it fits the page and smaller screens.
- Time zone: Choose one that makes sense for the intended audience, especially for events attended across regions.
- Title and display options: Keep controls and labels that help visitors use the calendar; omit unnecessary ones when the settings allow it.
Add the calendar to your website
Paste the copied code into the page where the calendar should appear. Use the platform’s HTML or embed component rather than a normal text block, which may display code as text or remove it.
- Static HTML site: Paste the code into the page source where the calendar should appear.
- WordPress: Try a Custom HTML block or a compatible embed block. A security or sanitization feature may remove iframe code.
- Website builders and hosted stores: Look for an HTML embed, code block, or custom-code component. Availability and exact labels can depend on the editor and plan.
- Restricted corporate CMS: Ask the site administrator whether external embeds are allowed. Don’t disable security controls just to force the iframe through.
Save or publish the page, then open its published URL in a private or incognito browser window. An editor preview may not behave like the live page, and a private window helps you check what an unauthenticated visitor can access.
Rank #2
- ENHANCE YOUR EFFICIENCY: This desk calendar (14" x 10.5") is the ideal size to place it on your desk. It's a useful tool for seeing all of holidays, birthdays, appointments, deadlines, and staying on top of your important arrangements
- EASY PLANNING & ORGANIZATION: Stay organized with this 2026 desk calendar, featuring monthly pages from September 2026 to December 2027. Each month’s layout provides ample space to note down important dates, personal reminders, and daily duties
- AESTHETIC & VERSATILE: This desktop calendar 2026 is not just a practical planning tool, but also a desk decoration that complements styles and enhances the overall aesthetic of any desk or room. Ideal for your home, office or school
- DESK PROTECTING PAD & PREMIUM PAPER: This desk calendar includes a protective mat to shield your desktop from stains and scratches while keeping your calendar clean and tidy. Printed on thick, premium paper to avoid ink through, this 2026 calendar desk provides a smooth writing surface
- Jotsome is a small family business with all our products designed in the USA
Embed a calendar in Google Sites
In the Google Sites editor, click Insert and choose the calendar or an available Embed option, then select or provide the content and insert it. Publish the site and check the result. A calendar placed in a Google Site still follows its own sharing permissions; adding it to the site does not make a restricted calendar public. See Google Sites’ embedding guidance.
Make the embed fit smaller screens
Google’s generated code may use fixed dimensions. If the calendar overflows its container, a responsive wrapper can help. Add a wrapper around the iframe and use CSS like this:
<div class="calendar-embed">
<!-- Paste Google's generated iframe code here -->
</div>.calendar-embed {
width: 100%;
max-width: 100%;
overflow-x: auto;
}
.calendar-embed iframe {
width: 100%;
min-height: 600px;
border: 0;
}This adjusts the iframe to its container, but it does not guarantee that every calendar view or control will be comfortable on a phone. Test the published page in portrait and landscape, on a tablet, with screen zoom, and with long event titles or a busy schedule. If a month grid is hard to use on a narrow screen, try a simpler initial view or provide a separate public calendar link. Some site builders may strip CSS or iframe attributes; use their dedicated embed component if available.
Recommended Free Tools
Let visitors subscribe to the calendar
An embedded calendar is primarily a read-only display, not an editing tool. Google’s embed may include an Add to Google Calendar control that lets visitors subscribe. Visitors can also use the public calendar link or public iCal address where appropriate. Subscription adds or follows the calendar in a compatible calendar application; it is different from saving a single event, and update behavior depends on the visitor’s app.
Rank #3
- Stay on Track with Long-Term Planning: The Taja 2026–2027 desk calendar (17" x 12") provides generous space for monthly planning and organization. With clearly marked ordinal dates and holidays, it helps you manage schedules effortlessly. Covering July 2026 through December 2027, it’s perfect for long-term projects, academic or teaching schedules, and work commitments.
- Ample Space & Thoughtful Layout: Each daily grid measures a spacious 2.3" x 2.3", offering plenty of room for tasks, appointments, and reminders. Neatly ruled boxes keep your notes organized and easy to read. An additional notes section provides extra space for important memos, goal tracking, or to-do lists—ensuring everything you need is in one convenient spot.
- Premium 120 gsm Paper: Crafted from high-quality 120 gsm paper, this desk calendar ensures a smooth and enjoyable writing experience. The paper resists ink bleeding and smudging, keeping your writing clear and professional—whether you’re jotting down quick reminders or detailed plans. Please remember to flip open the clear protective sheet before writing, as the transparent layer is not designed for writing.
- Protected & Sturdy for Daily Use: Designed for long-term durability, the 2026–2027 desk calendar features a waterproof transparent cover and protective corners to guard against spills and dirt, keeping the pages in excellent condition even with frequent handling. It also includes two hanging holes and a sturdy rope, allowing you to hang it on the wall for easy access or keep it on your desk for convenience.
- An Ideal Present Choice: This desk calendar is not only a great tool for yourself but also a thoughtful gift for family, friends, or colleagues. It helps them stay organized and work efficiently throughout the new year—making it a practical and meaningful present for any occasion.
Never publish the secret iCal address. It is not the public subscription address. If it has been exposed, reset it in Google Calendar. See Google’s guidance on secret addresses and its information about public calendars and public links.
Publish one event instead of a whole calendar
If you’re promoting a single class, webinar, or appointment, a full calendar may be unnecessary. Open the event on a computer, confirm it is on a public calendar, choose More actions and then Publish event, and copy the HTML code or public link. Add the code to your page or share the link. Google notes that event-publishing links work best in desktop browsers; on a phone, open them in a mobile web browser rather than directly in the Calendar app if the details appear blank or incorrect. See Google’s event-publishing instructions.
Google Calendar embed or another solution?
| Need | Best fit |
|---|---|
| A quick, live, read-only schedule | Google’s generated embed |
| Promotion of one event | Published event code or link |
| Ongoing visitor subscription | A public calendar and its subscribe option |
| Bookings, payments, capacity limits, or registration | A booking or event-management system |
| Custom filtering, search, or a fully tailored interface | A custom integration using calendar data or the Google Calendar API |
| A private internal schedule | Authenticated calendar sharing, not a public embed |
The standard iframe is usually the simplest choice when Google Calendar is the source of truth and you want visitors to view a schedule. A custom integration can offer more control, but requires development and introduces additional decisions about authentication, privacy, data handling, and maintenance. Google documents approaches using JSON with client-side JavaScript or the Calendar API with server-side code in its calendar integration overview. An embed alone is not a booking system.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Troubleshooting
The calendar is blank
- Check that the calendar is public for anonymous visitors, or shared with the account you’re testing.
- In Integrate calendar, verify that you selected the intended calendar.
- Check the published page, not only the editor preview, and confirm there are events in the displayed date range.
- Confirm your CMS did not remove or alter the iframe code.
- Try another browser or disable extensions temporarily; content blockers or network policies may block embedded content.
- If the calendar is managed by work or school, ask the administrator whether sharing or external embeds are restricted.
Visitors see times but not event details
The public permission may be set to See only free/busy (hide details). Change it only if you have reviewed the information that will become visible.
Rank #4
- Stay Organized All Year – This large desk calendar covers 18 months from July 2026 to December 2027. Its spacious monthly pages make planning and scheduling simple.
- Ample Space for Detailed Planning – This large desk calendar (22x17 inches) offers ample daily planning space. Each 2.4x2.3 inch ruled daily block keeps writing neat.
- Desk Mat Design – Reusable double-layer PU leather backboard protects the desktop from scratches and stains, securely holds the calendar, and adds sophistication to any workspace.
- Built-In Planning Tools – Every page comes equipped with a to-do list and dedicated notes space, helping you stay focused, track your progress effortlessly, and stay ahead of deadlines.
- Minimalist & Practical Design – Designed to boost productivity and help you manage time more effectively, this simple yet elegant calendar is a perfect fit for home, office use.
The embed disappears after saving
Your editor may sanitize iframe code. Try its dedicated Custom HTML or Embed block, an administrator-approved custom-code area, or a public calendar link if HTML embedding is not permitted.
The calendar is cut off on mobile
Check the wrapper and iframe styles, allow more height, and try a less dense initial view. Test on the published page at more than one screen size; a narrow display may still need horizontal scrolling.
You can’t find the embed code
Use a computer rather than the mobile app, select the calendar’s settings rather than an individual event’s settings, and confirm you have the necessary sharing-management permission. If someone else owns the calendar, ask them to grant the required access.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
The calendar does not appear to update
The embed shows calendar content rather than a static screenshot, but changes may not appear immediately because of browser, Google-side, or website caching. Recheck the published page in a private window and clear or purge your site cache if needed. There is no update interval to assume for every setup.
Private information appeared
Remove or replace the embed, turn off public sharing, review the public permission level and individual event visibility, and remove private events from a public calendar. If the secret iCal address was exposed, reset it. For sensitive schedules, use a dedicated public calendar rather than trying to separate private items after publication.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
