MENU

Embed Google Calendar In Your Website

Aug 11 2026 | By: PhotoBiz Knowledge Base

How to Embed Google Calendar on Your PhotoBiz Website

Overview

You can embed a Google Calendar on your PhotoBiz website to display events, schedules, or other calendar information to your website visitors. Google provides an embed code that you can add to your site using an HTML Block.

This guide explains how to get your Google Calendar embed code, add it to your PhotoBiz website, make the calendar fit better on mobile devices, and verify that it displays correctly.

Please Note: PhotoBiz is not affiliated with Google. PhotoBiz Support can help you add an HTML Block and paste your Google Calendar embed code. For questions about Google Calendar settings, sharing permissions, functionality, or the embed code itself, visit Google Calendar Help.

Important to Know

Before embedding a calendar, review the following:

  • Check your calendar privacy settings. Your embedded calendar is only visible to people who have permission to view it. If you want everyone who visits your website to see the calendar, you will need to configure the appropriate sharing settings in Google Calendar.
  • Review what information visitors can see. Before making a calendar public, check your events for client names, addresses, contact information, private session details, or anything else you do not want displayed publicly.
  • An embedded Google Calendar is not the same as PhotoBiz Scheduler. Embedding a calendar displays calendar information. If you want clients to choose an available date and time and book appointments online, use PhotoBiz Scheduler instead.
  • Google Calendar is third-party content. Google controls how the embedded calendar functions and displays. Changes Google makes to its service or embed code can affect how the calendar appears on your website.

STEP ONE

On a computer, open Google Calendar and sign in to your Google account. Google currently requires the desktop version of Calendar to access the calendar embed code.

Click the Settings icon in the top-right corner and click Settings. On the left side of the screen, click the name of the calendar you want to display, then click Integrate calendar.

Under Embed code, click Customize if you want to adjust the calendar's display options. When you are finished, copy the embed code.

For Google's complete instructions, see Add a calendar to your website

STEP TWO

Log in to your PhotoBiz account and click WEBSITE in the left-side menu.

This opens the Website Builder, where you can manage your website pages and content blocks.

STEP THREE

Click the page where you want your Google Calendar to appear.

Locate the HTML Block on the right side of the Website Builder. Click the HTML Block icon to add it to the bottom of the page, or click and hold the icon and drag it to the location where you want the calendar to appear.

If you are not familiar with HTML Blocks, see How to Use the HTML Block on Your PhotoBiz Website.

STEP FOUR

Click inside the HTML Block or click the pencil icon in the top-right corner of the block. Click Advanced to open the HTML settings.

Paste the complete Google Calendar embed code into the code field. Make sure you copy and paste the entire code provided by Google because missing or altered code may prevent the calendar from displaying correctly.

Do not click Save Changes yet if you want to adjust the calendar for smaller screens. Continue to the next step.

STEP FIVE

Google's embed code normally includes a specific width and height for the calendar. A fixed width may cause the calendar to extend beyond the available space on smaller screens.

If your Google Calendar embed code contains a fixed width, you can change the calendar width to 100% so it uses the available width of the HTML Block.

For example, your Google code may contain a width setting similar to:

width="800"

Change that portion to:

width="100%"

Leave the rest of Google's embed code unchanged unless you are comfortable editing HTML.

Because Google controls the embedded calendar, responsive behavior can vary depending on Google's code, your calendar settings, and the device being used.

FINAL STEP

Click Save Changes to add the calendar to your website. There is no separate publish button. Saving your changes automatically applies the update to your website.

Open the page on your public website and confirm that the Google Calendar appears correctly. Review the page on both a computer and a mobile device to make sure the calendar fits within the page and visitors can view the information you intended to share.

Your Google Calendar is successfully embedded when the calendar loads on your public website and displays the appropriate events or availability based on your Google Calendar sharing settings.

Google Calendar vs. PhotoBiz Scheduler

An embedded Google Calendar is useful when you want to display information such as:

  • Upcoming events
  • Classes or workshops
  • Studio schedules
  • Public event calendars
  • General availability

If you want clients to actually choose an available appointment time and complete a booking online, use PhotoBiz Scheduler instead. Google Calendar embedded on a page does not replace the booking features available through PhotoBiz Scheduler.

Additional Google Calendar Display Options

Before copying your embed code, Google Calendar provides options for customizing how the calendar appears.

Depending on Google's current settings, you may be able to adjust options such as:

  • Calendar size
  • Calendar title
  • Navigation controls
  • Date information
  • Calendar view
  • Which calendars are displayed

These settings are controlled by Google rather than PhotoBiz. Return to Google Calendar and generate updated embed code if you want to change the calendar configuration.

Troubleshooting or FAQs

Why isn't my Google Calendar showing on my website?

First, confirm that you copied the complete embed code from Google Calendar and pasted it into the Advanced section of your HTML Block.

Also confirm that you clicked Save Changes and review your Google Calendar sharing settings. Visitors cannot see calendar information that Google does not give them permission to view.

Why can I see the calendar but my website visitors cannot?

Your Google account may have permission to view the calendar while the general public does not.

Review the calendar's sharing and visibility settings in Google Calendar. If the calendar is intended for everyone visiting your website, Google must be configured to allow those visitors to view it.

Be sure to review all calendar and event information before making anything public.

Why is my calendar cut off on a phone?

The Google Calendar embed code may be using a fixed width that is wider than the available screen.

Review STEP FIVE and check whether the width can be changed to 100%. You should always test embedded third-party content on both desktop and mobile devices after saving.

Why isn't an event appearing?

Check the event and calendar directly in Google Calendar first. The event's visibility and the calendar's sharing settings determine what website visitors can see.

For help with Google Calendar events, permissions, or visibility settings, visit Google Calendar Help.

Can PhotoBiz customize or troubleshoot my Google Calendar code?

PhotoBiz Support can help you add an HTML Block, locate existing code, and paste embed code that Google provides.

PhotoBiz Support cannot create, modify, troubleshoot, or guarantee the performance of Google's code or other third-party code. Contact Google or a web developer if the embed code itself needs to be changed beyond the basic width adjustment described in this guide.

Do I need to publish my website after adding the calendar?

No. Click Save Changes to apply the update to your website. PhotoBiz does not use a separate publish button.

Need Help?

Support Hours: Monday to Friday, 9am to 6pm EST

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

Previous Post Next Post

Related Posts

How to Add a Payment to an Invoice

August 14, 2026

How to Retry a PayPal Payment on a PhotoBiz Invoice When the Order Is Pending

August 14, 2026

How To Add A Search Bar And Cart To The Website

August 14, 2026

How to Add the Shopping Cart Icon to Your PhotoBiz Website

August 14, 2026

CLOSE