eWeb - Adding a Google Calendar to your website

Google calendars are very useful if your business requires any sort of scheduling or booking which you'd like to display to your customers. The benefit of using a Google calendar is that you can embed it in your website, and then continue to make changes to the dates on your calendar through your Google account. Any changes to the calendar that you make will automatically update and reflect on your website.

To embed a Google Calendar, you'll first need to set one up in Google.

  1. Go to
  2. If you do not already have a Google account, then sign up for one. If you already have one, just log in to access the calendar.
  3. You'll see the calendar's interface. You can select the month, week and day by using the panel on the left.

  4. To add entries to the calendar, just click the appropriate time and date.

  5. You will notice a space for you to type the event details, and then click Create Event.

  6. Events will now be shown on the calendar as you add them. You can edit them or remove them by clicking on the event.

Retrieving the embed code

To embed your calendar in your eWeb, you'll need to locate the calendar's feed code.

  1. Click on Settings on the left hand side of the calendar, then the Calendar Settings option.
  2. Select the Calendars tab and then click on Share this calendar.

  3. Ensure that you check the Make this calendar public and click Save Changes.

  4. Click on the Calendar details tab.
  5. Copy the embed code for the calendar.

Embedding the calendar in your website

You can embed the calendar in your website using a standard HTML or Javascript widget. This has been covered in a previous tutorial. Click here for more information on adding HTML to your website.

If you have any questions or require any further assistance, please don't hesitate to email