How to Add a Webpage to Your Desktop (Windows, Mac & Mobile)
Adding a webpage to your desktop gives you one-click access to sites you visit constantly — your work dashboard, a news feed, a web app, or anything else you'd rather not hunt for through a browser every time. The method varies depending on your operating system, browser, and what kind of shortcut you actually want.
What "Adding a Webpage to the Desktop" Actually Means
There are two meaningfully different things this phrase can refer to:
- A browser shortcut — a clickable icon on your desktop that opens a specific URL in your default browser
- A web app (PWA) — a Progressive Web App that runs in a stripped-down browser window, often with its own taskbar icon, offline support, and a more app-like experience
Most people asking this question want the first option. But depending on your use case — and which browser you're using — the second option may actually serve you better.
How to Add a Webpage Shortcut on Windows
Using Google Chrome or Microsoft Edge
Both Chrome and Edge support installing websites as desktop shortcuts. The steps are nearly identical:
- Open the webpage you want to save
- Click the three-dot menu (top right)
- In Chrome: go to More tools → Create shortcut
- In Edge: go to Apps → Install this site as an app (for PWA-capable sites) or More tools → Pin to taskbar / Create shortcut
- Name the shortcut, then confirm
The shortcut appears on your desktop and behaves like a standard app icon. For sites that support PWA standards — Google Docs, Notion, YouTube Music, for example — Edge in particular will often prompt you to "install" the site automatically.
Using Firefox
Firefox doesn't have a built-in "create desktop shortcut" feature the same way Chrome and Edge do. The workaround is manual:
- Navigate to the webpage
- Resize your browser so the desktop is visible
- Click and drag the padlock icon (or the favicon) from the address bar directly onto the desktop
This creates a basic URL shortcut file. It works, but it won't give you a proper app icon — just a generic browser file icon on most systems.
Creating a Shortcut Manually on Windows
You can also do this without opening a browser at all:
- Right-click on an empty area of your desktop
- Select New → Shortcut
- In the location field, paste the full URL (e.g.,
https://www.example.com) - Click Next, name the shortcut, then Finish
This creates a shortcut that opens in your default browser. You can customize the icon afterward by right-clicking → Properties → Change Icon.
How to Add a Webpage to the Desktop on Mac 🖥️
Mac handles this a little differently. Safari, Chrome, and other browsers each have their own quirks.
Using Safari
- Open the page in Safari
- In the menu bar, click File → Share → Add to Dock (macOS Sonoma and later)
- On older versions: drag the URL directly from the address bar to the desktop
Dragging from Safari's address bar to the desktop creates a .webloc file — a Mac-native web location file that opens the URL in your default browser when double-clicked.
Using Chrome on Mac
Same as Windows — go to More tools → Create shortcut. The shortcut is placed in your Applications folder and can be dragged to the desktop or Dock from there.
How to Add a Webpage to the Home Screen on Mobile 📱
On mobile, the equivalent of "adding to desktop" is adding to your Home Screen.
| Platform | Browser | Steps |
|---|---|---|
| iPhone/iPad | Safari | Share → Add to Home Screen |
| iPhone/iPad | Chrome | Share (three dots) → Add to Home Screen |
| Android | Chrome | Three dots → Add to Home Screen |
| Android | Firefox | Three dots → Install / Add to Home Screen |
On iOS, only shortcuts created through Safari behave like installed web apps (using Apple's WebKit engine). Chrome shortcuts on iOS open in a Chrome tab rather than a standalone window. On Android, Chrome-installed PWAs get much closer to native app behavior — full-screen launch, separate app entry in the app drawer, and better offline support for capable sites.
The Variables That Determine Your Experience
Not all webpage shortcuts behave the same, and the differences matter:
- Browser choice — Chrome and Edge have the most robust shortcut and PWA tooling on desktop. Safari leads on iOS.
- Whether the site supports PWA standards — Sites built as Progressive Web Apps offer richer experiences when installed. Basic informational pages won't.
- Operating system version — macOS Sonoma introduced the "Add to Dock" feature natively. Older macOS versions rely on drag-and-drop. Windows 11 and Windows 10 both support shortcuts, but Edge's PWA integration is more polished on Windows 11.
- What you want the shortcut to do — A simple browser shortcut is fine for occasional use. If you're accessing a web app dozens of times a day, a properly installed PWA with taskbar presence and window separation from your main browser may feel significantly better.
Different Setups, Different Results
A person using Edge on Windows 11 who accesses a PWA-ready site like Notion or Figma will get a near-native app experience — separate window, taskbar icon, and faster launch. Someone using Firefox on an older Mac who wants a shortcut to a basic informational page will get a minimal .webloc file with no custom icon and no app-like behavior.
Neither outcome is wrong. They're just the product of different combinations of browser, OS, and site type.
The method that makes sense for you depends on which browser you use daily, what kind of site you're trying to shortcut, and how app-like you need the experience to feel — factors that only your specific setup can answer.