Toggl Button Chrome Extension

 

In this article: supported tools, how to install, Toggl Button icon, dropdown timerstart timer linktracking from anywhere on the web, settings, permissions and custom domains, Pomodoro mode, continue latest entry, idle detection, adding new tools. .

 


Toggl Button is a Chrome extension that lets you track time from your favorite online apps and in any other place, wherever you are on the web. The Toggl Button is integrated with these 75+ popular tools:

AgenoCRMAny.do, Asana, Assembla, Axosoft, BamBam, Basecamp, Bitbucket, Bitrix24Breeze, Bugzilla, CapsuleCRM, Cloudes, ClubhouseCodeable, Countersoft Gemini, Desk.comDevDocs, Doit.im, Draftin, Drupal, eProject.me, Esa, Eventum, Evernote, Exana, Flow, FogBugz, Freshdesk, Gemini TrackerGingko, Github, Gitlab, Gogs, Google Calendar, Google Docs, Google Inbox, Google Keep, Google Mail, GQueue, HabitRPG, Help Scout, JIRA (InCloud), jQuery Bug TrackerKanbanery, LiquidPlanner, MantisHub, Meistertask, miniCRMNewsletter2Go, OpenProject, OnlyOffice, overv.ioPhabricator, Pivotal tracker, Planbox, Podio, Producteev, ProWorkflowRedbooth, Redmine, Remember The Milk, RindleSalesforce, SherpaDesk, Sifter, Slack, SmartBoard, SourceLair, SprintlyTaiga, TargetProcess, TeamWeek, Teamwork.com, TestRail, TickTickTodoist, Toodledo, Trac, Trello, Unfuddle, Visual Studio Online (TFS), Waffle, WordPress, WorkfrontWorksection, Wrike, Wunderlist, Xero, YouTrack (InCloud), ZendeskZoho Books & Zube.

 

How to install?

  • Go to the Toggl Button in the Chrome Webstore here.
  • Click “Add to Chrome”.
  • Click the button next to the address bar and log in with your Toggl account.

That’s it, now you can click “Start timer” in your favorite web apps and start tracking time.

 

Toggl Button icon

When the extension is installed, a Toggl icon will be added to the right of the address bar.

When the button is grey with a red “x” it means you are currently not logged in:

.
When the button is plain grey it means currently you are not tracking time:

.
When the button is red it means there is a time entry currently running.

Dropdown timer

When you click the Toggl Button a timer drops down:
.

active_timer
Here you can see the currently running entry, stop the timer, open settings, run a manual synchronization or log out.

If you click the description of the currently running entry, a popup will appear where you can change the description, assign a project and tags to the time entry.
.

new_te

 

When selecting projects and tags you can easily filter through them. During tag selection, already selected tags are highlighted with green.

projects_tags

When there is no timer running you can also continue the latest timer you started from the extension:

inactive

 

Start timer link

If the website you are on integrates with the Toggl Button, you will see the “Start timer” link: button_start_timer
Clicking the link will start a new time entry with the description copied from the current item you are viewing.

Depending on the site, the exact location of the “Start timer” icon will be different. It is likely to be within your tasks, issues, cards, to-dos, etc. You can see a few examples of where you can find the link here.

Tracking from any text on the web

You can start a new Toggl time entry from any text on the web by selecting it then clicking “Start timer with description” in the right-click menu.
.

Toggl-start-time-entry-from-text-highlight

.
The example above is from Trello, but the feature works with any text inside a Chrome browser, which means you can get quite creative with it:

toggl-tracking-in-facebook

 

Toggl Button settings

toggl-button
The Toggl Button has the following settings under General tab:

  • Default project – Set a project that will be assigned to new entries automatically.
  • Show button in right click menu – enable starting a timer from any text on the web.
  • Start / stop automatically – start a new timer or stop the previously running one when you start your browser.
  • Show post-start popup – After you start a time entry a popup will appear where you can edit the time entry you just started.
  • Live updates – Instead of periodically synchronizing with the server, the Toggl Button will keep data up-to-date live.
  • Remind me to track – The Toggl Button will remind you to track your time on workdays if you haven’t recorded any time for a while. In the reminder you can select to start a new entry or continue the latest one.
  • Idle detection – Turns idle detection on and off
  • Stop automatically at the end of the day – The currently running timer will be stopped automatically at the time you set as the end of your workday.

 

 

Permissions and custom domains

 

On the Permissions tab you can select which web apps you want the Toggl Button to show up on. All are disabled by default and you can choose to enable them all or pick the apps you want the extension to have access to.

 

permissions

 

Scrolling down on the Permissions tab you can also add custom domains for self-hosted versions of the apps supported by Toggl Button:

 

customdomains

 

Pomodoro timer

With the Pomodoro timer you can set up notifications that will let you know that it’s time to take a break.

You can enable it from the  Settings on the Pomodoro tab:

.

You can choose to automatically stop the running timer when the pomodoro period ends. You can also choose to have a sound notify you and you can set how loud you want that to be.
When the time is up a notification pops up to let you know you’ve done well and deserve to take a break.

 

Once you’re done with your break you can select to continue the last entry or start a new one.

 

Idle detection

Idle detection notifies you of the time that you’ve been inactive/away from the keyboard. After the notification has popped up, you can decide whether to keep the time or discard it. Here’s what it looks like:

 

Screen Shot 2015-11-18 at 11.27.31

.

  • Clicking the close icon in the corner will keep the idle time and let the time entry continue.
  • Clicking “Discard idle time” will stop the time entry and remove the idle time from it.
  • Selecting “Discard idle and continue” will remove the idle time from the entry but continue tracking.

 

How can I get my favorite tool added?

You can build your own integrations and submit them to us. Check out this guide on how to add new integrations yourself: https://github.com/toggl/toggl-button/wiki/Adding-new-integrations

You can also drop us a line at support@toggl.com and tell us about the tool you want supported by the Toggl Button.

 



If you didn't find what you were looking for, please write to support@toggl.com and we are happy to help!


Was this article helpful?
Yes
No
Thanks for giving us thumbs up! Any feedback is still welcome! Thanks for the feedback! Any ideas what we could do better?

* Please leave your e-mail if you'd like us to get back to you :)

Thanks for your feedback! We're always working to help you better!
Oops! Something broke. We're working on fixing it. Sorry
TOP