How to Create a Desktop Shortcut for a Website on Any Device

Having instant access to a website without opening a browser and typing a URL every time is one of those small quality-of-life improvements that adds up fast. Whether it's a tool you use for work, a dashboard you check daily, or a site you just want one click away, creating a desktop shortcut is straightforward — but the exact method depends heavily on which operating system and browser you're using.

What a Website Desktop Shortcut Actually Does

A desktop shortcut for a website is essentially a small file that tells your computer or device to open a specific URL. When you double-click it, your default browser launches and navigates directly to that address. It's not an installed app in the traditional sense — it's more like a bookmark that lives on your desktop instead of inside your browser.

Some browsers take this a step further with Progressive Web Apps (PWAs), which create a more app-like experience: the site opens in its own window without browser toolbars, and it can sometimes work offline. Not every website supports this, but many modern web tools — like Gmail, Notion, and Spotify Web — do.

How to Create a Desktop Shortcut on Windows

Windows gives you a few different routes depending on which browser you're using.

Using Google Chrome or Microsoft Edge

Both Chrome and Edge support the "Install as App" or "Create Shortcut" feature:

  1. Navigate to the website you want to shortcut
  2. Click the three-dot menu (⋮) in the top-right corner
  3. Look for "Save and share""Create shortcut" (Chrome) or "Apps""Install this site as an app" (Edge)
  4. Name the shortcut and confirm

This drops an icon on your desktop and, in some cases, the Start menu. Edge's version tends to integrate more tightly with Windows, giving it a more native app appearance.

The Manual Method (Works with Any Browser)

If your browser doesn't offer a built-in shortcut option:

  1. Right-click on an empty area of your desktop
  2. Select NewShortcut
  3. In the location field, type or paste the full URL (e.g., https://example.com)
  4. Click Next, give it a name, then Finish

You can even customize the icon by right-clicking the shortcut → PropertiesChange Icon.

How to Create a Desktop Shortcut on macOS 🖥️

macOS handles this differently depending on your browser.

Using Safari

Safari makes this particularly easy:

  1. Open the website in Safari
  2. Resize the window so you can see the desktop
  3. Click and drag the URL from the address bar directly onto the desktop

This creates a .webloc file — a macOS web location file. Double-clicking it opens the site in your default browser.

Using Chrome on Mac

Chrome on macOS removed its "Create Shortcut" feature in later versions, which frustrates many users. The workaround is to use Chrome's PWA install option if the site supports it (look for the install icon in the address bar), or to drag the URL from the address bar to the desktop manually — though this creates a webloc file, not a PWA.

How to Add a Website Shortcut on Mobile

On mobile, the concept is the same but the terminology shifts — it's usually called "Add to Home Screen."

PlatformBrowserSteps
iOS (iPhone/iPad)SafariShare button → Add to Home Screen
iOSChromeThree-dot menu → Add to Home Screen
AndroidChromeThree-dot menu → Add to Home Screen
AndroidFirefoxThree-dot menu → Install → Add to Home Screen

On Android especially, Chrome may recognize whether a site qualifies as a PWA and install it differently — sometimes appearing in your app drawer alongside native apps, with its own splash screen and no browser chrome.

PWA vs. Simple Shortcut: What's the Difference?

This is where individual setups start to matter more.

A basic shortcut always opens in your full browser — with all your tabs, extensions, and the address bar visible. It's simple, universal, and works for any website.

A PWA shortcut opens the site in a standalone window that looks and behaves more like a native app. Some PWAs can send notifications, cache content for offline use, and run in the background. Whether a site can be installed as a PWA depends on whether the developer has built it to support that standard — not every site does.

The visual difference can be significant for productivity tools. A PWA for something like Figma or Notion feels closer to using a desktop application. A shortcut to a news site just opens your browser to that page. 🔗

Factors That Affect Your Experience

Not all desktop shortcuts behave identically. A few variables shape what you actually get:

  • Your default browser — Chrome, Edge, Firefox, and Safari each handle shortcuts and PWAs differently. Edge on Windows has the deepest PWA integration by design.
  • Whether the site supports PWA standards — determined by the website's developers, not you
  • Your OS version — older versions of Windows or macOS may have limited support for certain shortcut methods
  • Browser version — features like "Install as App" have been added, removed, and relocated across browser updates
  • Icon customization — Windows allows manual icon changes; macOS webloc files are more limited

When the Method Matters More Than It Seems

For most casual use — a quick link to a site you check daily — any shortcut method works fine. But if you're building a workflow around web-based tools, the difference between a browser shortcut and a proper PWA install starts to matter. Someone using a dozen web apps for work might genuinely benefit from each opening in its own clean window with taskbar presence. Someone bookmarking a recipe site probably doesn't need that.

Your browser choice, your operating system, and how you actually use the site are the pieces of the puzzle that determine which approach fits best. 🧩