Embed a Google Calendar on Websites 360®

Embed a Google Calendar on Websites 360®

You can share your Google Calendar with your website visitors by embedding an interactive calendar to your website. Visitors can click and save your public calendar events.

Note: The function of the Google Calendar is dependent upon third-party code, and not the Websites 360® platform. It's recommended that you test using this embedded calendar on different devices before publishing it on your website. 

 

Grab the embed code

  1. Open Google Calendar.
  2. Click the "gear" icon on the top-right corner of the calendar page, then select Settings from the dropdown menu.

    Screen_Shot_2022-08-25_at_4.11.11_PM.png
  3. On the left-hand sidebar, under Settings for my calendars, select the name of the calendar you would like to embed.
  4. Scroll down to the section labeled Integrate Calendar, and copy the code in the field labeled Embed Code.
    Tip: Click Customize to edit the calendar's appearance before embedding, such as changing colors or changing the width. The embed code will change based on your customizations.

    Screen_Shot_2022-08-25_at_4.15.19_PM.png

 

Embed the calendar on your website

Next, log in to your Websites 360® dashboard to add the calendar:

  1. Click CONTENT at the top of the page, then click on the page you'd like to add the calendar to.
  2. Click one of the green (+) buttons, then select HTML from the menu items that appear.

    Screen_Shot_2022-08-25_at_4.23.12_PM.png
  3. An HTML Block will appear. Paste the code in the main text area, then click Save.

    Screen_Shot_2022-08-25_at_4.28.20_PM.png

 

    • Related Articles

    • Connect Third-Party Apps to Your Website

      You can connect to third-party services that enable you to push or pull content to and from your website. To add third-party apps to your website: Navigate to the Settings tab on your Websites app. Select Apps on the left-hand sidebar. Click the Add ...

    • Add an HTML Block

      Note: This article provides steps for code provided by third-party sources. Any troubleshooting with third-party applications should be handled by the application’s support team or your custom developer. You can integrate third-party widgets or ...

    • Add Google AdWords Code to Websites 360®

      You can add a Google AdWords Remarketing code to your website by adding it in your Apps dashboard and adding some code to your Footer. Set up the AdWords app Navigate to your Websites app and select the Settings tab at the top of the page. Select ...

    • Add a Picktime Booking Button to Websites 360®

      You can integrate a booking button from Picktime on your Websites 360®, which will appear on every page on your website. You can integrate your button using the steps below. Set up the integration in your Picktime dashboard Select Apps & Integrations ...

    • Add Google Tag Manager to Websites 360®

      Note: This article walks through adding Google Tag Manager to your website. For adding the Google Analytics GA4 Tag, please refer to this article. When adding Google Tag Manager (GTM) to your website, you will want to make sure it "fires" on all ...