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 100+ popular tools:
AgenoCRM, Any.do, Asana, Assembla, Axosoft, Backlog.jp, BamBam, Basecamp, Bitbucket, Bitrix24, Breeze, Bugzilla, CapsuleCRM, ClickUp, Cloudes.me, Clubhouse, Codeable, Codebase, Countersoft Gemini, Desk.com, DevDocs, Doit.im, DokuWiki, Draftin, Drupal, eProject.me, Esa, Eventum, Evernote, Exana, Feedly, Flow, FogBugz, Freshdesk, Gingko, Github, Gitlab, Gogs, Google Calendar, Google Docs, Google Inbox, Google Keep, Google Mail, GQueue, Habitica, Help Scout, Husky Marketing Planner, Intercom, JIRA, Kanbanery, KhanAcademy, LiquidPlanner, MantisHub, MeisterTask, miniCRM.pl, Newsletter2Go, Nozbe, OnlyOffice, Onshape, OpenProject, osTicket, Overv, PagerDuty, Phabricator, Pivotal Tracker, Planbox, Podio, Producteev, Protonmail, RallyDev, Redbooth, Redmine, Remember The Milk, Rindle, Rollbar, Salesforce, Sentry, SherpaDesk, Slack, SmartBoard, SourceLair, Spidergap, Sprintly, Stifer, Taiga, TargetProcess, Teamleader, TeamWeek, Teamwork.com, TestRail, TickTick, Todoist, Toodledo, Trac, Trello, Unfuddle, VisualStudioOnline (TFS), Waffle, WordPress, Workfront, Worksection, Wrike, Wunderlist, Xero, YouTrack, Zendesk, Zoho Books, Zube.
How to install Toggl Button?
- Open Toggl Button in the Chrome Webstore.
- Click “Add to Chrome”.
- Click the button next to the address bar and log in with your Toggl account.
Toggl Button icon
With the extension 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.
Click on the Toggl Button to reveal timer’s drop down. Here you can see the currently running entry, stop the timer, open settings, initiate a manual sync or log out.
- Click on the current Time Entry to open a popup that allows you to change the description, assign Tags and a Project to your Time Entry.
- When selecting Projects and Tags you can easily filter through them. During Tag selection, already selected Tags are highlighted with green.
- When there is no timer running you can also continue the latest timer you started from the extension.
Start Timer Link
If the website you are on integrates with the Toggl Button, you will see the “Start timer” link:
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.
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 Button settings
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 – 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.
Scrolling down on the Permissions tab you can also add custom domains for self-hosted versions of the apps supported by Toggl Button.
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 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:
- 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.
Can I make my favorite tool compatible with Toggl Button?
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