How to Create a Shortcut to Any Website on Your Desktop
Having quick access to your most-used websites can save real time throughout your day. Instead of opening a browser, waiting for it to load, and then navigating to a site, a desktop shortcut gets you there in one double-click. The process is straightforward — but the exact steps vary depending on your operating system and browser.
What a Website Desktop Shortcut Actually Is
A website shortcut on your desktop is a small file that stores a URL and tells your system to open it in a browser when activated. On Windows, this is typically a .url file. On macOS, it's usually a .webloc file. Neither type contains any website content — they simply point to an address online.
This is different from a web app shortcut, which some browsers create to give a website its own window, taskbar icon, and app-like behavior. Both are useful, but they work differently.
How to Create a Website Shortcut on Windows 🖥️
Method 1: Drag from the Browser Address Bar
This works in most major browsers (Chrome, Edge, Firefox):
- Open the website in your browser
- Resize the browser window so you can see part of your desktop
- Click and hold the padlock icon or the URL in the address bar
- Drag it onto your desktop and release
A shortcut file appears on the desktop. Double-clicking it will open the site in your default browser.
Method 2: Right-Click the Desktop (Manual Creation)
- Right-click an empty area of your desktop
- Select New → Shortcut
- In the location field, type or paste the full URL (e.g.,
https://www.example.com) - Click Next, give the shortcut a name, then click Finish
This method gives you more control over naming and works even without a browser window open.
Method 3: Create a Web App Shortcut via Chrome or Edge
Both Google Chrome and Microsoft Edge support installing websites as progressive web apps (PWAs), which behave more like standalone applications:
- In Chrome: Go to the site → click the three-dot menu → Save and share → Create shortcut → check "Open as window" if preferred
- In Edge: Go to the site → click the three-dot menu → Apps → Install this site as an app
These shortcuts appear on your desktop and can also be pinned to your taskbar. They open in a dedicated app window rather than a browser tab.
How to Create a Website Shortcut on macOS 🍎
Method 1: Drag from Safari
- Open the website in Safari
- Click and hold the small site icon to the left of the URL in the address bar
- Drag it to your desktop
This creates a .webloc file that opens the site in your default browser when double-clicked.
Method 2: Drag from Chrome or Firefox on macOS
The process is similar — drag the URL or the favicon from the address bar directly to the desktop. Chrome on macOS also supports the Create Shortcut option from its menu, same as on Windows.
Method 3: Use Automator (Advanced)
For users who want more control — such as opening a site in a specific browser or adding a custom icon — macOS's built-in Automator app can create a workflow saved as an application. This is more involved but produces a proper app-style shortcut with full customization.
Key Variables That Affect Your Approach
Not every method works equally well for every setup. A few factors shape which approach makes the most sense:
| Variable | How It Affects Your Choice |
|---|---|
| Operating system | Windows uses .url files; macOS uses .webloc files — methods differ |
| Default browser | Shortcuts open in whatever browser is set as default, unless using PWA method |
| Browser version | Older browser versions may not support PWA/app install features |
| How you want it to open | Tab in existing browser vs. standalone app window |
| Technical comfort | Drag-and-drop is easiest; Automator requires more familiarity |
Desktop Shortcut vs. Browser Bookmark vs. PWA
These three options accomplish similar goals but behave differently:
- A browser bookmark lives inside the browser — it's only accessible when the browser is open
- A desktop shortcut is OS-level and visible anytime you're at your desktop
- A PWA/web app shortcut mimics a native app, with its own window, taskbar presence, and sometimes offline functionality (depending on the site)
Frequently accessed tools like project management apps, web email clients, or dashboards often benefit from the PWA approach because they feel more integrated into your workflow. Simple reference sites or occasional-use pages may not need that level of access.
A Note on Custom Icons
By default, desktop website shortcuts on Windows display a generic browser icon. If you want the site's actual favicon or a custom icon, you'll need to manually change it — right-click the shortcut → Properties → Change Icon and point to an .ico file you've downloaded or exported. On macOS, icon replacement is done through Get Info (Command + I) and pasting a copied image onto the icon in that panel.
What Varies by Individual Setup
The method that works best depends on factors specific to your situation: which browser you use most, whether you're on Windows or macOS, how many shortcuts you're managing, and whether you want a simple link or an app-like experience. Someone running Windows 11 with Edge as their default browser has a different set of native options than someone on macOS Ventura using Firefox. Even within the same OS, browser choice changes what's natively supported without extra steps.