WebTrickz
TRENDING
  • How to See Your Liked Posts on Instagram 2022
No Result
View All Result
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
SUBSCRIBE
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
No Result
View All Result
WebTrickz
No Result
View All Result
Home Mac

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

Pin your favourite websites shortcut to the taskbar or Dock on macOS.

Mayur Agarwal by Mayur Agarwal
May 22, 2021
in How To's, Mac

We all have our list of favorite websites that we generally add to bookmarks for faster access. At the same time, some users like to create a website shortcut on their desktop. What if you can simply open your most used web apps or online tools directly from the taskbar or Dock on Mac? Thankfully, one can pin a website to the taskbar on Mac using Safari, Google Chrome, or any other web browser.

Adding a website shortcut to the Dock on your Mac lets you seamlessly visit your most-visited sites. i.e. without opening the browser and then the certain webpage or bookmark. It can come in handy for people who regularly use web applications such as Google Apps, online file conversion, and photo editing tools. Some popular examples include Gmail, Google Docs, Sheets, Drive, Google Photos, Canva, and Zamzar.

website shortcuts added to dock on Mac
Shortcut to websites pinned on Mac’s Dock

Now let’s see how you can pin your favorite sites to the Dock using a browser of your choice.

How to add a website shortcut to Dock on Mac

In Chrome (Recommended)

Google Chrome for macOS offers a relatively easy and better way to put a website shortcut to your Mac’s Dock. The below method should work on all versions of macOS as long as you’re running the latest version of Chrome.

The benefit of using Chrome is that you don’t need to explicitly set an icon for your shortcut unless you want to use a custom icon. Unlike Safari, you can add website shortcuts to the Apps section in your Dock since Chrome creates PWAs.

To create a shortcut, firstly make sure Chrome is running in normal aka non-Incognito mode. Then,

  1. Visit the website or certain webpage in Chrome browser.
  2. Tap the 3-vertical dots at the top-right to open the menu.
  3. Click on “More Tools” and select “Create Shortcut”. add website shortcut to Mac dock using chrome
  4. Give the shortcut a custom name, if you want. Tick mark the “Open as window” option if you prefer to always open the shortcut in a separate window. how to pin website to taskbar on Mac in Chrome
  5. Click the “Create” button.
  6. Chrome will create a Progressive Web App (PWA) for the chosen website. A new directory named “Chrome Apps” is also added in Finder. Navigate to /Users/your username/Applications/Chrome Apps to view it. chrome progressive web apps directory on macOS
  7. Drag the web app from the Chrome Apps folder to your Dock, alongside other visible apps. put website shortcut to your dock on Mac

Note that shortcuts added using this method open directly in Chrome even if Safari or some other app is set as the default browser.

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

Install site as an app in Microsoft Edge on Mac
Install site as an app in Microsoft Edge on Mac

ALSO READ: How to Add Netflix Shortcut to your Mac Dock or Desktop

In Safari

  1. Open the particular website or webpage in Safari.
  2. Select the complete URL in the address bar and drag it to the desktop. Alternatively, highlight the URL and drag the site’s favicon to your desktop. pin a website to taskbar in safari on Mac
  3. Rename the website shortcut to give it a custom name. rename shortcut
  4. To change the shortcut icon from the default HTTP to a custom icon, search and download an icon (in PNG format) from sites like iconfinder.com.
  5. Open the downloaded PNG icon in Preview. Select the image and use CMD+C to copy it.
  6. Right-click the shortcut on the desktop and select “Get Info“. get info on macOS
  7. In the Get Info window, click the icon at the top-left. Then use CMD+V to paste the custom icon. how to change website shortcut icon on macOS
  8. Now select the website icon and drag it to the Dock. pinned websites on Mac dock

Note: Website shortcuts added using Safari can only be placed on the right side of the Dock, in the Recently used apps section. Moreover, you won’t see a black dot beneath them when they are open. You can, however, get over this limitation by using Chrome instead of Safari to pin websites.

In a similar way, you can use Mozilla Firefox, Microsoft Edge, or Opera to create a shortcut to a website on your Mac’s taskbar.

ALSO READ: How to Create a Shortcut to Show/Hide hidden files on macOS

Tags: ChromeMacmacOSsafariShortcutTaskbarTips
ShareTweetSend
Previous Post

How to Turn Off and Restart Samsung Galaxy M42 5G

Next Post

How to Move Taskbar from Side to Bottom on Windows 10

Mayur Agarwal

Mayur Agarwal

Mayur Agarwal is the founder and editor-in-chief of WebTrickz. As a Technology enthusiast and an Internet addict, he loves sharing useful How To’s and Tips & Tricks.

Next Post

How to Move Taskbar from Side to Bottom on Windows 10

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ADVERTISEMENT

Latest Stories

how to fit wallpaper to screen on iphone 13

iOS 16: How to Crop and Make Picture Fit Wallpaper on iPhone

June 20, 2022
how to find your wifi password on iphone 13

iOS 16: How to See Your WiFi Password on iPhone without Mac

June 13, 2022
Photo by RODNAE Productions

How to Make iPhone Keyboard Vibrate in iOS 16

June 9, 2022
how to lock photos on iPhone

iOS 16: How to Lock Hidden Photos Album on iPhone & iPad

June 9, 2022
messenger new logo

Here’s how to Restrict Someone on Messenger 2022

June 4, 2022
Photo by Henry Ascroft on Unsplash

How to Unlock an iPad Without a Password

June 2, 2022
whatsapp data transfer tool

How to Transfer WhatsApp to New Phone Safely and Easily

June 1, 2022
ADVERTISEMENT

TRENDING

  • instagram reels

    How to Add Reels Back to Profile Grid after removing or posting

  • How to Download Reels Audio from Instagram as MP3

  • Here’s how to Share Your Instagram Reels on Facebook

  • How to Reply to a Specific Message on Instagram 2022

  • Here’s how to See Your Liked Posts on Instagram 2022

ADVERTISEMENT

Popular Tags

Google Android Chrome

Twitter Dark Mode OnePlus

iPhone Apple Apps Mac

Facebook Messenger Security

Instagram Tutorials Photos

  • About
  • Advertise
  • Contact
  • Privacy Policy

© 2022 WebTrickz. All Rights Reserved.

No Result
View All Result
  • News
  • Reviews
  • Apps
  • How To’s
  • Android
  • Google
  • iPhone
  • Mac
  • Contact Us

© 2022 WebTrickz. All Rights Reserved.