HubNavBar lets you easily customize the HubSpot navbar. Add new navbar items and new dropdown menus that can link to anything.…

Latest Version

Version
2024.8.21
Update
August 21, 2024
Size
104KiB
Developer
Category
Users
81
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
Tabs
Scripting
See more

HubNavBar Extension

HubNavBar lets you easily customize the HubSpot navbar. Add new navbar items and new dropdown menus that can link to anything.

If you use custom objects, this is a must-have. It allows you to create custom menu items for all your objects and customize precisely where each one links to.

If there is a page you use all of the time, you can set it as a specific bookmark right at the top of your page that you'll always see in HubSpot.

You can modify these navigation bar items per portal to have unique items for each HubSpot portal you are in.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HubNavBar ", "version": "2024.8.21", "permissions": [ "storage", "tabs", "scripting" ], "host_permissions": [ "*://app.hubspot.com/*" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "300": "images/icon-shadow.png", "128": "images/icon-shadow128.png", "48": "images/icon-shadow48.png", "32": "images/icon-shadow32.png" } }, "icons": { "300": "images/icon-shadow.png", "128": "images/icon-shadow128.png", "48": "images/icon-shadow48.png", "32": "images/icon-shadow32.png" }}
Read more

How to download and manually install HubNavBar extension for Chrome

Looking for a way to install HubNavBar 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 HubNavBar extensions manually, this article outlines two simple methods to effortlessly install HubNavBar extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download HubNavBar extension and manually install through Drag &Drop

If you ever need to manually install a HubNavBar 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 HubNavBar Extension by clicking the "Download CRX" button on the website.

Look for the HubNavBar extension you wish to install. Go to the website and download the HubNavBar extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for HubNavBar 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 HubNavBar 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 HubNavBar extension for Chrome and install in Developer Mode

This is another method to install HubNavBar 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 HubNavBar extension file

Select and download the HubNavBar 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 HubNavBar 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 HubNavBar 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 HubNavBar 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 HubNavBar extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Cliently for HubSpot Extension · Productivity 81 2 ★ 26.58KiB

icon

Refine Extension · Productivity 81 4 ★ 51.78KiB

icon

Hubspot Supercharger Extension · Productivity 81 15 ★ 1.07MiB

icon

Doculife Extension · Productivity 81 13 ★ 81.92KiB

icon

Hubspot on Steroids Extension · Productivity 81 1 ★ 159KiB

icon

GoodLead: HubSpot Lead Generation Tool Extension · Productivity 81 1 ★ 343KiB

icon

Closer ChatHub Extension · Productivity 81 0 ★ 15.22MiB

icon

Click2CRM - Instantly Add Contacts to Hubspot Extension · Productivity 81 6 ★ 667KiB

icon

SMSZap Extension Extension · Productivity 81 2 ★ 118KiB

icon

Agfa JIRA Extension · Productivity 81 2 ★ 22.96KiB

icon

AWS Search Extension Extension · Productivity 81 0 ★ 998KiB

icon

WhatsWey Extension · Social & Communication 81 0 ★ 1.31MiB

icon

Rainbow AWS: AWS console header color Extension · Developer Tools 81 3 ★ 513KiB

icon

CRM Automator Extension · Productivity 81 4 ★ 1.14MiB

icon

Office@Hand for HubSpot Extension · Productivity 81 0 ★ 9.59MiB

icon

HubSpot Developer Extension Extension · Developer Tools 81 19 ★ 1.02MiB

icon

Dark Mode for HubSpot Extension · Productivity 81 13 ★ 645KiB

icon

Servetel Extension For Hubspot Extension · Social & Communication 81 1 ★ 730KiB

icon

SyncMate by Assistro Extension · Productivity 81 6 ★ 1.21MiB

icon

HubSpot Social Extension · Social & Communication 81 39 ★ 1.61MiB

icon

LinkMatch For HubSpot Extension · Social & Communication 81 6 ★ 5.59MiB

icon

Guide Creator by HubSpot Extension · Productivity 81 10 ★ 5.74MiB

icon

Hubspot Dark AF Extension · Productivity 81 17 ★ 161KiB

icon

Sidekick Extension · Productivity 81 7 ★ 3.23MiB

User reviews

icon

Carson Hansen (ID: 000000552c7fe7e9) Voted 5 ★ - Updated 11/07/2022 10/10 recommend this! This is the way to go if you want to customize your HubSpot navigation. I can navigate to custom objects, custom record views, or too other non-HubSpot websites very fast. It flows with the style of HubSpot's main navigation. This is perfect if I navigate somewhere in my system and it takes more than a few clicks and I go there often. It helps save me a lot of time. As a note, it currently cannot remove standard HubSpot navigation items (ie. Conversations).