Add an unread email count badge to Outlook's** PWA icon on supported OS's taskbar's or dock's

Latest Version

Version
0.1.6
Update
January 4, 2023
Size
35.23KiB
Developer
Category
Users
183
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Email Taskbar/Dock Unread Badge Extension

Note: I have added a new extension that merges the first 2 together, the Gmail and Outlook unread counts all in one extension. Please view my other extensions or you can find it at https://chrome.google.com/webstore/detail/multi-emailapp-taskbardoc/ipeimmibpbandhbpndfdbjpdodcjdbdo

Disclaimer: The developer of this extension in no way claims to be associated with Google/Microsoft/Outlook. I acknowlegde that I do not own their respective trademarks. This extension was developed for personal use and shared for others to use, if they wish to.

This extension adds an unread count badge to the taskbar/dock icon of a PWA* Outlook** app. The extension is still in its infancy, so please consider it when rating it.

(Windows) How to install a PWA in Google** Chrome:
1. Navigate to the Outlook** URL, i.e. go to your Outlook** Inbox.
2. Click on the Google Chrome browser settings button, ⋮ .
3. Click on menu option, \"More tools\".
4. Click on sub-menu option, \"Create shortcut...\"
5. Name the shortcut, e.g. Outlook**.
6. (NB!) Ensure that you check/tick the checkbox labelled, \"Open as window\".
7. Once the new Outlook** window opens, remember to pin the PWA to your taskbar to ensure that the extension adds the unread count to the pinned icon on the taskbar.
8. Windows 10 and 11, ensure that the Taskbar setting, \"Show badges on taskbar buttons\", is toggled on (i.e., enabled) to allow the unread count badge to be shown on the Windows Taskbar.

Once you have successfully made use of the extension, could you please rate it, and if you have any feedback, it will be appreciated too. As mentioned, this is still in the alpha stage of the extension and may have issues with reflecting an accurate count. If you find any bugs with the count reflected, please do share the scenario that may have triggered the incorrect count.

I hope that this small extension helps you in some way, enjoy.

* PWA, Progressive Web Application.
** The developer acknowledges that the trademarks are owned by their respective owners and in no way is associated with the developer of this extension.


Updates:
2022-11-26 (0.1.6)
- The previously named extension was taken down by the Chrome Web Store, due to a complaint received, “The app uses the trademarks of Microsoft Corporation without authorization. In this instance, the app uses the trademarks in the app's Title.”

2022-07-11 (0.1.6)
- Removed the previous Calendar feature from being default enabled. If this feature is wanted, there is a checkbox in the extensions options that will enable it again, \"No Badge on Calendar PWA: (Experimental)\". It is experimental, as it causes the count badge to flash on and off.

2022-07-10 (0.1.5)
- When viewing the \"Calendar\" in the PWA, the count is cleared for that window icon, i.e. no count badge is shown on the icon. To see the click on \"Mail\" to view your emails and the badge will display the updated count on the icon again.

2022-06-24 (0.1.4)
- Added support for Outlook**.office.com

2022-06-14 (0.1.3)
- Fixed the Options page not displaying the options correctly due to the page's collapsed height.
- Improved overall script performance.

2022-05-05 (0.1.2)
- Added the option menu (\"Inbox count only\")
-- [Default] If unchecked/not ticked, will show the count of the Inbox unless it is not found or zero, in which case the extension looks for the next available folder count to be displayed on the PWA icon badge.
-- If checked/ticked, only the Inbox count will be shown on the PWA Icon Badge

2022-04-26 (0.1.1)
- Added support for Outlook** live mail and Outlook** office365 mail
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","name": "Email Taskbar/Dock Unread Badge","version": "0.1.6","description": "Add an unread email count badge to Outlook's** PWA icon on supported OS's taskbar's or dock's","manifest_version": 3,"content_scripts": [{"matches": ["*://outlook.live.com/mail/*"],"js": ["content1.js"]},{"matches": ["*://outlook.office365.com/mail/*"],"js": ["content1.js"]},{"matches": ["*://outlook.office.com/mail/*"],"js": ["content1.js"]}],"options_page": "options.html","options_ui": {"page": "options.html","open_in_tab": false},"permissions": ["storage"],"icons": { "16": "/images/ocfinity16.png", "32": "/images/ocfinity32.png", "48": "/images/ocfinity64.png", "128": "/images/ocfinity128.png" }}
Read more

How to download and manually install Email Taskbar/Dock Unread Badge extension for Chrome

Looking for a way to install Email Taskbar/Dock Unread Badge extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Email Taskbar/Dock Unread Badge extensions manually, this article outlines two simple methods to effortlessly install Email Taskbar/Dock Unread Badge extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Email Taskbar/Dock Unread Badge extension and manually install through Drag &Drop

If you ever need to manually install a Email Taskbar/Dock Unread Badge extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Email Taskbar/Dock Unread Badge Extension by clicking the "Download CRX" button on the website.

Look for the Email Taskbar/Dock Unread Badge extension you wish to install. Go to the website and download the Email Taskbar/Dock Unread Badge extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Email Taskbar/Dock Unread Badge extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Email Taskbar/Dock Unread Badge extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Email Taskbar/Dock Unread Badge extension for Chrome and install in Developer Mode

This is another method to install Email Taskbar/Dock Unread Badge extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Email Taskbar/Dock Unread Badge extension file

Select and download the Email Taskbar/Dock Unread Badge extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Email Taskbar/Dock Unread Badge extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Email Taskbar/Dock Unread Badge extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Email Taskbar/Dock Unread Badge extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Email Taskbar/Dock Unread Badge extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Notifications and More for Outlook Web App Extension · Productivity 183 4 ★ 57.1KiB

icon

Badge Notifications for MS Teams PWA Extension · Productivity 183 3 ★ 18.21KiB

icon

Inbox Spotlight - for Outlook 365 Extension · Productivity 183 0 ★ 1.35MiB

icon

Multi-Email/App Taskbar/Dock PWA Unread Badge Extension · Productivity 183 3 ★ 38.74KiB

icon

Unread count for Outlook Extension · Productivity 183 10 ★ 18.04KiB

icon

Gmail Unread Count Badge Extension · Productivity 183 3 ★ 11.43KiB

icon

Outlook Web Plus Extension · Productivity 183 0 ★ 26.57KiB

icon

Badge Notifications for Outlook PWA Extension · Productivity 183 5 ★ 19.11KiB

icon

Mail Checker for Outlook Extension · Social & Communication 183 27 ★ 34.38KiB

icon

Drag to Go Back Extension · Productivity 183 0 ★ 11.08KiB

icon

Gmail Taskbar Unread Badge Extension · Productivity 183 17 ★ 13.4KiB

icon

HOLD YOUR HORSES for Gmail & Outlook Extension · Productivity 183 2 ★ 66.8KiB

icon

Laser Search Extension · Productivity 183 0 ★ 752KiB

icon

Outlook Web App Unread Count Extension · Productivity 183 0 ★ 72.03KiB

icon

Badge Notifications for Gmail PWA Extension · Productivity 183 3 ★ 8.77KiB

icon

Badge Checker for Gmail™ Extension · Productivity 183 2 ★ 29.82KiB

icon

Text to Outlook Calendar Extension · Productivity 183 2 ★ 60.29KiB

icon

Teams Notification Sound Extension · Social & Communication 183 13 ★ 49.36KiB

icon

Display Unread Count in Tab for OWA Extension · Productivity 183 8 ★ 26.93KiB

icon

User Presence for MS Teams Web Client Extension · Productivity 183 8 ★ 18.67KiB

icon

TextCraft AI: Co-Pilot for Gmail & Outlook Extension · Social & Communication 183 111 ★ 3.75MiB

icon

MyOWA:Mail Extension · Productivity 183 7 ★ 591KiB

icon

ColorfulPWA Extension · Productivity 183 23 ★ 139KiB

icon

Gmail app badge notification Extension · Productivity 183 21 ★ 11.68KiB

User reviews

icon

Ace Johns (ID: 0000007d259ca602) Voted 5 ★ - Updated 08/31/2023 Finally! An inbox email counter that works for Outlook (PWA). Thank you! It was annoying me that Outlook Web client was missing this. I would appreciate the option to change the color of notification number background to a more noticeable color like red instead of black. Hint if does not work for you try reinstalling the Outlook (PWA) app again.

icon

Matthew Green (ID: 000000f86c185e58) Voted 5 ★ - Updated 03/23/2023 I've been wanting this feature for ages - thank you!!!!