How to Pin a Website to the Taskbar on Mac with Chrome

Last Updated on 11/11/2022

How to Pin a Website to the Taskbar on Mac with Chrome

Everyone has a lists of websites we like which we usually bookmark for quicker access. However there are some who prefer to make a shortcut for their favorite websites to their desktop. What if you could access your most popular online applications or tools from the dock or taskbar on Mac? It is possible to add a website to the taskbar of Mac by using Safari, Google Chrome, or any other web browser.

The addition of a shortcut for a website to your dock on the Mac allows you to seamlessly access your most visited websites. i.e. that is, without opening the browser, and after that, the specific web page or bookmark. It is useful for those who frequently utilize web-based applications like Google Apps, online file conversion and editing tools. A few of the most popular examples are Gmail, Google Docs, Sheets, Drive, Google Photos, Canva, and Zamzar.

Let’s look at the ways you could pin your most-loved websites to the Dock by using the browser of your choice.

How do you add a web site shortcut to the Dock on Mac

In Chrome (Recommended)

Google Chrome for macOS offers an easy and more efficient method of adding a web site shortcut in your Dock on your Mac. This method is compatible with every version of macOS provided you’re running the most recent version of Chrome.

The advantage of the use of Chrome can be that it doesn’t have to specify an image for the shortcut, unless you’re looking to set an individual icon. Contrary to Safari it is possible to include shortcuts from websites in the app section of your Dock because Chrome makes PWAs.

For creating a shortcut, you must first ensure that Chrome is operating in normal or non-incognito mode. Then,

  1. Go to the site or a specific website in the Chrome browser.
  2. Tap the three vertical dots on the top-right of the screen to start the menu.
  3. Select “More Tools” and select “Create Shortcut”.
  4. You can give the shortcut a unique name, if you wish. Select”Open as window “Open as window” option in case you want to open the shortcut as an entirely separate window.
  5. Select on the “Create” button.
  6. Chrome will develop an Progressive Web App (PWA) for the website you choose to use. A new directory called “Chrome Apps” is also added to Finder. Navigate to /Users/your username/Applications/Chrome Apps to view it.
  7. Drag the web application out of your Google Apps folder onto your Dock along with other prominent apps.

It is important to note that shortcuts created using this method will open in Chrome regardless of whether Safari or another application is selected as the default browser.

If you’re using Microsoft Edge, then follow the steps above and then select “Apps > Install This Site as an App” in Step 3.

In Safari

  1. Navigate to the specific site or page in Safari.
  2. Choose the entire URL within the address bar, and move it onto your desktop. Alternately, select the URL in the address bar and then drag its icon to your desktop.
  3. Change the name of the shortcut for your website so that it has a unique name.
  4. To switch the icon for shortcuts to the standard HTTP to a custom-designed icon you must search for to download the icon (in PNG format) from websites like iconfinder.com.
  5. Download the PNG icon in the Preview window. Select the image, then press CMD+C to copy it.
  6. Right-click the shortcut on your desktop and choose ” Get Info“.
  7. Within the Get Info window, click the icon in the upper-left. Use CMD+V to copy the customized icon.
  8. Select the icon for the website and drag it onto the Dock.

Note Web shortcuts created by Safari are only able to be put on the right-hand side of the Dock, under the section of apps that are frequently used. Additionally, you won’t be able to see a black dot underneath them when they’re open. However, you can overcome this restriction by making use of Chrome rather than Safari to pin web pages.

Similar to this you can also make use of Mozilla Firefox, Microsoft Edge, as well as Opera to create shortcuts to a site in your taskbar on your Mac.

Also read How to create an Shortcut to show/hide secret files in macOS

Bert Hoxton

Bert Hoxton