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

Latest Version

Version
0.2.6.5
Update
January 25, 2023
Size
38.74KiB
Developer
Category
Users
266
Rating
3.66667 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Multi-Email/App Taskbar/Dock PWA Unread Badge Extension

Disclaimer: The developer of this extension in no way claims to be affiliated with Google**/Gmail**/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* Gmail**/Outlook** app. The app supports multiple Gmail**/Outlook** PWA accounts. Multiple account badges only work when each PWA is installed using a unique Google** Chrome browser profile that is setup with the unique Google** Account that you wish to access Gmail**/Outlook** emails with.

Please note: this extension does not work, as intended/expected, with multiple Gmail**/Outlook** accounts within the same Google** Chrome browser profile, if each PWA is installed using the same Chrome Profile, it will show the unread count of each account on the same PWA taskbar icon by cycling through each account dependant on when you opened the PWA account on your device. So, please ensure you install multiple instances in separate Chrome Profiles.

(Windows) How to install a PWA in Google** Chrome:
1. Navigate to the Gmail**/Outlook** URL, i.e. go to your Gmail**/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. GMail**/Outlook**.
6. (NB!) Ensure that you check/tick the checkbox labelled, \"Open as window\".
7. Once the new GMail**/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. In 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. This will give me an indication on whether or not I should enhance this extension further.

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

*PWA, Progressive Web Application.
**The trademarks mentioned are owned by their respective owners and Ocfinity and/or this extension are not affiliated with these companies.

Updates:
2023-01-24 (0.2.6.5)
- Added support for Slack** PWA. Enable or disable the Slack** support using the extension options.

2022-12-30 (0.2.4)
- Merged the extensions that were created for Gmail** and Outlook** into a single extension with the ability to enable or disabled each through the extension's options. Please ensure that the apps are enabled in the options if you are experiencing issues with this extension displaying the unread counts on the taskbar/dock respective icons.

Bug Fixes:
2023-01-24 (0.2.6.5)
- Addressed issue with saving extension options.

2023-01-09 (0.2.5)
- Fixed the storage of the extension options settings that prevented the unread count remaining after a single count update was done.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","name": "Multi-Email/App Taskbar/Dock PWA Unread Badge","version": "0.2.6.5","description": "Add an unread email count badge to Gmail**/Outlook**'s PWA icon on supported OS's taskbar's or dock's","manifest_version": 3,"content_scripts": [{"matches": ["*://*.mail.google.com/mail/u/0/*"],"js": ["ocfinity-gmail0.js"]},{"matches": ["*://*.mail.google.com/mail/u/1/*"],"js": ["ocfinity-gmail1.js"]},{"matches": ["*://outlook.live.com/mail/*","*://outlook.office365.com/mail/*","*://outlook.office365.com/mail/*","*://outlook.office.com/mail/*","*://outlook.live.com/calendar/*","*://outlook.office365.com/calendar/*","*://outlook.office.com/calendar/*"],"js": ["ocfinity-outlook.js"]},{"matches": ["*://app.slack.com/*"],"js": ["ocfinity-slack.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 Multi-Email/App Taskbar/Dock PWA Unread Badge extension for Chrome

Looking for a way to install Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA Unread Badge extensions manually, this article outlines two simple methods to effortlessly install Multi-Email/App Taskbar/Dock PWA Unread Badge extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

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

If you ever need to manually install a Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA Unread Badge Extension by clicking the "Download CRX" button on the website.

Look for the Multi-Email/App Taskbar/Dock PWA Unread Badge extension you wish to install. Go to the website and download the Multi-Email/App Taskbar/Dock PWA Unread Badge extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA Unread Badge extension for Chrome and install in Developer Mode

This is another method to install Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA Unread Badge extension file

Select and download the Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA 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 Multi-Email/App Taskbar/Dock PWA Unread Badge extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

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

icon

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

icon

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

icon

Email Notifier Extension · Productivity 266 75 ★ 119KiB

icon

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

icon

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

icon

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

icon

PWA Quick Start Extension · Productivity 266 1 ★ 2.67MiB

icon

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

icon

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

icon

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

icon

Email Taskbar/Dock Unread Badge Extension · Productivity 266 4 ★ 35.23KiB

icon

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

icon

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

icon

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

icon

Mail Bell Extension · Productivity 266 6 ★ 167KiB

icon

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

icon

ColorfulPWA Extension · Productivity 266 23 ★ 139KiB

icon

Badge counter for Gmail Extension · Productivity 266 3 ★ 53.3KiB

icon

Gmail Checker - Multi Account Gmail Notifier Extension · Productivity 266 68 ★ 2.74MiB

icon

Gmail Notifier - gmail notification tool Extension · Productivity 266 67 ★ 708KiB

icon

X-notifier Neo Extension · Social & Communication 266 143 ★ 153KiB

icon

Google Calendar and Outlook Extension · Productivity 266 6 ★ 20.82MiB

icon

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

User reviews

icon

Ace Johns (ID: 0000007d259ca602) Voted 5 ★ - Updated 08/03/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. However, I do not think this feature is needed anymore for Gmail. Gmail already has a built-in feature to show number of messages in the inbox.

icon

Kenny Schiff (ID: 00000079ed6c3636) Voted 5 ★ - Updated 07/10/2023 I was looking for a way to use both the Outlook PWA and Gmail PWA on my Windows machine. I was previously harvesting my Outlook email via Gmail, but because of potential security issues with how Gmail handles connecting directly to Microsoft 365 I've had to keep church and state separate. The badge capability that this extension provides is essential, especially if one doesn't want to be bombarded by traditional notifications. The extension didn't work properly at first, but after rebooting it worked. Also, not sure if it matters, but I created my PWAs in Edge, and installed the extension into Edge.