How to Add a Google Calendar App/Tab to Facebook

Adding all your Google calendar events to Facebook allows visitors to easily add events to their own calendar. Here is a tutorial on how to add a your calendar to Facebook.

Katie Davidson

A UX designer with roots in digital marketing.

**Please Note – Facebook Tabs are not accessible on Mobile Devices**

If you’ve come here from YouTube: Hello!

A few things have changed since I first put up this video, and to help you on your marketing journey, I want to make sure you have all the best information.

  1. Facebook now requires you have a page with at least 2,000 followers before adding a tab, so if you haven’t reached that threshold yet, you’ll need to wait.
  2. Facebook tabs will not work on mobile devices, so be careful if you try to share a link to a tab. I personally don’t use tabs on any of my Facebook Pages anymore because of their limited use, but there are a few cases where you might want to add a tap to your page, so I’ve left this tutorial up.
  3. If you run a page and want your customers to

How to add your Google Calendar to your Facebook Page:

Adding all your Google calendar events to Facebook allows visitors to easily add events to their own calendar.  Sometimes people forget to add Facebook events to their calendar, or they don’t RSVP. Here is a quick tutorial on how to add your Google Calendar to your Facebook Page. All the steps are listed below so you can follow along with the video.

  1. Open up your Facebook Page
  2. In a separate tab open up your Google calendar
  3. Click on the cog in the upper right-hand corner, and select “Settings”
  4. Click on “Calendars”
  5. Click on the calendar you want to add to your Facebook Page
  6. You should see the embed code here (If you want to make any color changes or style changes you will need to do it before adding it to your Facebook Page)
  7. Select all the code and copy it to your clipboard
  8. In another tab open this link: Static HTML: iframe tabs 
  9. Click “Add Static HTML to a Page”
  10. Select the page you want to add a new tab to from the drop-down menu
  11. Next click “Add Page Tab”
  12. Once your page has refreshed, click “Set up tab”
  13. Select all the text in the app editor, and delete it
  14. Paste the code that you copied from your Google calendar
  15. In the upper right-hand corner click “Save and Publish”
  16. Refresh your Facebook Page and check out your new tab

How to customize your new Tab

  1. At the top of your Facebook Page, click “Settings”
  2. From the options in the left panel, click “Apps”
  3. Click “Edit Settings” under the Static HTML: iframe tabs app
  4. Enter in the new title and click “Save”, then hit “OK”
  5. To move where your tab shows up, click on “Manage Tabs” and drag your new tab to wherever you want it
  6. To manage where your apps show up, click on the pencil icon next to the about section
  7. Drag your apps to wherever you feel is appropriate
  8. To customize the image head back up to “Settings” in the upper right-hand corner of your Facebook Page, and click on “Apps”
  9. Click “Edit Settings” under the Static HTML: iframe tabs app
  10. Click “Change” next to “Custom Tab Image”
  11. Hover over the grey star until you can see the word edit. Click on edit to change the image.
  12. Choose a file from your computer that is exactly 111×74 pixels (the uploader will not accept images that are larger or smaller)
  13. Head back over to your Facebook Page to see your new tab in action

Impact Hub Boulder, Thank you very much for letting me use your Facebook Page to create this tutorial.

Frequently Asked Questions:

Can you add more than one calendar?

Yes! Create a new tab for each of your calendars.

Can you add a tab to a Facebook Group?

Unfortunately no… I suggest adding a pinned post with a link to a calendar, or add a link to your group description.

Why can’t I see my tab on my phone?

For some reason, Facebook has decided not to allow users to show tabs on mobile devices. 🙁

If I log in as a user, I can’t see any of the appointments…

Make sure you’ve set your Google calendar to public!


More to explorer

This Post Has 3 Comments

  1. Gary Maier

    This information appears to be dated. I tried this today (1/21/19) and when I tried to “Add Static HTML to a Page” I received an error saying “the page does not have authorization to install the custom tab”. Additionally, the FB “Settings” no longer has an Apps on the menu.

  2. Traci Lovelace

    This appears to be a paid service. For a small non profit trying to link google calendar to its facebook page, it is not feasible.

Leave a Reply