All Collections
Integrations
External calendars
Integrating Calendar View with Google and Outlook Calendars
Integrating Calendar View with Google and Outlook Calendars

Learn more about adding external calendar events in the Toggl Track web app calendar.

Nida avatar
Written by Nida
Updated over a week ago

Integrate your external calendar into our Calendar view and create or start time entries based on calendar events in two-clicks!

Webapp Calendar

Setting up the integration

To integrate your external calendars to our web app calendar, head over to the Profile page, and click on Connect next to the Calendar you wish to integrate. You can also find these integrations via the Native Integrations tab, or head over to the Profile page from the Calendar view Settings cog.

Calendar Settings

Note: We currently only support integrating with Google Calendar and Outlook Calendar. Adding multiple Google Calendar accounts is only available on paid plans, whereas one can be integrated on a Free plan.

Connect external calendars

1. Enabling the Google Calendar Integration

You will have to log in to Google Calendar and provide us with permission to view your calendars.

Calendar Permissions

Once you approve the permissions, the app will reload, displaying all your calendars.

You can now choose to add the calendars you wish to integrate, hide un-selected calendars to avoid cluttering the view, or remove the integration.

Add Calendars

After the setup is complete, you can view your calendar events on the Calendar view. To show/hide Google events from showing on your calendar view, click on the Settings cog in Calendar-view and toggle between show/hide (this is a Starter plan feature).

Show hide calendar events

2. Enabling the Outlook Calendar Integration

You will have to log in to Outlook and grant us permission to view the calendars.

Note: If you're a part of an O365 organization, it is possible your O365 administrator may have restricted integrations with third-party apps, however the authentication screen will allow you to request this access from your admin.

Outlook Permissions

After permissions are granted, the app will reload, displaying all the available calendars.

You can choose the calendars you wish to integrate with Toggl Track, hide un-selected calendars to avoid cluttering the view or remove the integration entirely from the My Profile page.

Choose Calendars to integrate

Calendar events will be displayed on the Calendar view once the setup is completed.

Viewing calendar events

Integrated calendars are displayed on the Calendar view in the web app. External calendar events are positioned inside the right column, your Toggl time entries are inside the left column.

Calendar events shown in Toggl Track are private. Only the calendar owner can see these events.

Create entry from event

Interacting with calendar events

Click on any calendar event to start a time entry, copy it over as a time entry, or open the calendar event page. You can also see which calendar it belongs to here.

The "View in Google Calendar" link will work only if you are logged into the same Google account on the browser, as the calendar you are trying to access.

Calendar Options

The new time entry will copy the calendar event's description, but you will need to assign a project, tags, and other details manually.

Notes:

  • You can integrate multiple Google and Outlook account calendars with Track.

  • All-Day events will not be pulled through from the external calendar. Only events with a start and end time can be shown.

  • We only display events up to 60 days in the past and 30 days in the future.

  • The calendars are deleted after a user removes the integration, i.e the data is wiped from our database completely.

  • New events in your external calendar can be retrieved by refreshing the webapp.

  • Please note that live.com and office.com are two different domains, and therefore two different calendar accounts.

  • If your calendar events are not showing, please match the calendar list on the Profile page with the calendar you integrated to ensure you connected the correct calendar account.

I'm seeing an Error 500 message in the webapp and my calendar integration isn't working. How can I fix this?

A simple way to resolve this issue is to remove Toggl from your third-party apps and services in Google and re-authenticate your calendar integration.

To remove:

Now go back to the Profile page and re-add Google Calendar (and Google login).

Need more help or have suggestions for improvements? Contact our support team via chat using the purple chat button in the bottom-right corner.

Did this answer your question?