How to Add a Website to Your Desktop (Windows, Mac, and Mobile)

Adding a website shortcut to your desktop is one of those small quality-of-life improvements that saves more time than you'd expect. Instead of opening a browser, waiting for it to load, and then navigating to a bookmark, a desktop shortcut gets you there in a single click. The method you use depends on your operating system, your browser, and what kind of shortcut experience you actually want.

What "Adding a Website to Your Desktop" Actually Means

There are two meaningfully different things people mean when they say this:

1. A basic shortcut — an icon on your desktop that opens the website in your default browser, like any other link.
2. A web app (PWA) — a shortcut that opens the website in its own window, without browser tabs, toolbars, or navigation UI. It behaves more like a native app.

Both are legitimate options. Which one works better depends on how you use the site and which browser you're running.

How to Add a Website Shortcut on Windows 🖥️

Using Any Browser (Manual Method)

The simplest approach works regardless of browser:

1. Open your browser and navigate to the website.
2. Resize the browser window so you can see your desktop behind it.
3. Click and drag the padlock icon (or the full URL) from the address bar directly onto the desktop.
4. Release — a shortcut file appears instantly.

This creates a .url file that opens in your default browser when double-clicked.

Using Chrome or Edge (Install as App)

Chrome and Edge both support Progressive Web Apps (PWAs), which create a more app-like experience:

• In Chrome: Click the three-dot menu → Cast, Save, and Share → Install page as app (or look for the install icon in the address bar on supported sites).
• In Edge: Click the three-dot menu → Apps → Install this site as an app.

The site then gets its own entry in your Start menu and can be pinned to the desktop or taskbar. It opens in a standalone window without the full browser chrome around it.

Key distinction: PWA shortcuts behave like lightweight apps. Basic .url shortcuts are just pointers to a URL.

How to Add a Website to Your Desktop on macOS

Drag from Safari

1. Open Safari and go to the website.
2. Click and hold the website icon (favicon) in the address bar.
3. Drag it to your desktop.

This creates a webloc file — macOS's equivalent of a URL shortcut. Double-clicking it opens the site in your default browser.

Using Chrome on Mac

The drag-from-address-bar method also works in Chrome on macOS. Alternatively, use More Tools → Create Shortcut from the three-dot menu. You'll get the option to open it "as window," which mimics the PWA experience.

Adding a Website Shortcut on iPhone and Android 📱

On mobile, "adding to desktop" means adding to your home screen, which is functionally the same thing.

iPhone (Safari)

1. Open the site in Safari.
2. Tap the Share button (the box with an arrow pointing up).
3. Scroll down and tap Add to Home Screen.
4. Edit the name if needed, then tap Add.

The shortcut appears on your home screen and opens in Safari. Some sites that support PWA standards will open in a standalone view without the Safari toolbar.

Android (Chrome)

1. Open the site in Chrome.
2. Tap the three-dot menu.
3. Tap Add to Home screen.
4. Confirm the name and tap Add.

On Android, PWA support is generally more robust than on iOS. Sites built to PWA standards may install with their own splash screen, offline capabilities, and push notifications — functionally indistinguishable from a downloaded app.

Factors That Affect How This Works for You

Not all shortcuts behave the same way, and several variables shape what you actually get:

The Difference Between a Shortcut and a Pinned Tab

Worth clarifying: pinning a tab in your browser keeps the site open and accessible whenever the browser is running, but it doesn't put anything on your desktop. A desktop shortcut exists outside the browser entirely. For some users, a pinned tab is more practical; for others, a desktop shortcut fits better into their workflow.

Similarly, bookmarks live inside the browser. A desktop shortcut lives on your operating system — accessible even when your browser is closed.

When the Method Matters Most

For casual browsing, the basic drag-and-drop shortcut is perfectly functional. But if you're adding a shortcut to a site you use heavily — a project management tool, a web-based email client, or a design platform — the PWA installation route often delivers a noticeably cleaner experience, assuming both the browser and the site support it.

The right approach ultimately comes down to your OS, your browser, and how deeply integrated you want that website to feel in your daily workflow.