safari create web app

How-To Geek

How to turn safari websites into mac apps.

Your changes have been saved

Email is sent

Email has already been sent

Please verify your email address.

You’ve reached your account maximum for followed topics.

Key Takeaways

• Turn Safari websites into Mac apps for easier access. Create web apps with simplified navigation controls and separate notifications using File > Add to Dock in Safari. Apps will be added to your macOS dock and Launchpad.
• This feature is particularly useful for frequently used web apps like Gmail, Spotify, YouTube, and Netflix. It helps you stay focused and divorces services from your browser for a more streamlined experience.
• Safari web apps are available on macOS 14 Sonoma or later.

Have websites you constantly visit on your Mac, like Gmail or Netflix? Turn Safari websites into macOS apps so that you can access them outside of a web browser. Here's how the new feature works and why you might want to use it.

Dock Web Apps Using Safari

Safari web apps are effectively containerized web pages with simplified navigation controls. There is no address bar within a web app, so you cannot navigate away from the service. This should hopefully help you focus on the task at hand and make it easier to find services that you use frequently.

Safari web apps were added to macOS 14 Sonoma , so you won’t see the option if you aren’t running Apple’s October 2023 macOS update or later. You can upgrade your Mac using System Settings > General > Software Update, just make sure to back up with Time Machine first .

To create a web app, first visit the web page that you want to use using the Safari browser. Next, head to File > Add to Dock… then give your web app a name and confirm the URL you want to use. Your app will inherit the website’s favicon automatically, or you can click on the icon to choose an alternative.

Hit “Add” to create your web app and it will be added to your macOS dock. It will also appear within Launchpad (but not as a separate entry within the Applications folder). Click on it to launch it as a separate app.

When you create a web app, cookies are shared with Safari. That means you shouldn’t need to log in again since your web app is merely an extension of your Safari session.

Web Apps Get Separate Notifications

Notifications within Safari (and other browsers) are nothing new, but standard notifications are stacked within Safari. When you click on one, the notification opens within your web browser (and steals focus from whatever you were doing at the time).

Web apps function more like standard macOS apps, with their own notification stacks. Clicking on a notification will open it within the web app, leaving your browsing session untouched. You can always use the “Back” button within the web app to get back to what you were doing.

For this to work, you’ll need to allow notifications for Safari under Settings > Notifications, then make sure that the service you’re using is allowed to deliver notifications within Safari preferences on the Privacy > Notifications tab.

How to Delete Safari Web Apps

You can delete web apps in the same way that you remove other pinned apps from your dock: by clicking, dragging out of the dock, and releasing when you see the "Remove" tooltip appear. You can also right-click on the icon then select Options > Remove from Dock.

Works Great With Web Apps You Use a Lot

This new feature is arguably most useful with web apps that you frequently use like Gmail, Spotify, Netflix, and work-related tools like Google Sheets or WordPress. Not only do you get an icon you can click on, but you can Command+Tab to see your web apps alongside your other currently running processes.

By separating the web app from the browser, you won't have to dig through your tabs to find what you’re looking for and you should hopefully encounter fewer distractions to boot. You could even ditch your pin tabs in favor of separate web apps.

You can even slightly customize the experience by clicking on the web app name in the menu bar and selecting “Settings” to toggle the navigation bar, color-matched title bar, and manage privacy settings.

Do More With Safari

Safari is a great choice for Mac users. It’s fast, power-efficient, and it works great with other Apple devices via iCloud. You can even use iCloud+ Private Relay to anonymize web requests.

Learn more Safari tricks like how to change your default search engine (to something like DuckDuckGo ) or why you might want to enable the Develop menu .

Sign up for our daily newsletter

• Privacy Policy
• Advertise with Us

How to Make an App from a Web Page on Safari

Even with tools like bookmarks and favorites available to you, keeping your web browsing streamlined can still be challenging – especially if your screen tends to be crowded with windows and tabs over time. Luckily, macOS Sonoma adds a nifty feature to Safari called web apps. This tool lets you save a webpage as a web app for easy access from the Dock. This tutorial shows how to make an app from a web page on Safari.

How to Create a Web App in Safari

Where to find your web apps, how to manage web app notifications.

The ability to save a webpage as a Home Screen app has been on the iPhone and iPad for a while. Apple added this feature to Mac with macOS Sonoma. Follow these steps to create your own web app:

Open Safari and navigate to the webpage you want to turn into a web app. Select File -> Add to Dock from the menu bar.

Edit the web app’s name, then click Add .

Your new web app will appear in the Dock. When you visit the website in Safari, a notification will prompt you to open it in the web app. Just click Open to be redirected to it.

You can customize your web app’s settings, including the app’s name, icon, and URL. Open the web app, click its name in the menu bar, and select Settings .

Safari web apps are easy to find via your Dock. However, if you remove them or can’t find them there for any reason, you can access each one in your Applications list or by using Spotlight.

Finding Safari Web Apps in the Applications Folder

Your Mac also saves your web apps in the Applications Folder in your Home folder . Open a new Finder window, then select Applications . You should see all the web apps you’ve made here.

Use Launchpad and Spotlight to Find Web Apps

If you prefer using Launchpad, you can search for a Safari web app on Spotlight by clicking the Search icon in the menu bar and typing in the name of your web app.

For websites that typically give you notifications, such as an email service or a news site, the web app you create for it will ask permission to send you notifications. The website notification request will appear when you first open the web app.

When you open the web app, click Options in the pop-up, and select Allow or Don’t Allow .

How to Fix a Web App With Missing Notifications

If the web app does not ask for notification permission, it’s probably because you’ve already permitted Safari. But you can check these settings at any time.

To check a Safari web app’s permissions, open Safari -> Settings . Click the Websites tab, and select Notifications in the sidebar.

Scroll to find the website for which you’ve created a web app. It will specify whether you allowed or denied notifications.

Once you highlight the website, click Remove at the bottom. Then, close the window.

After you do this, you must remove the web app you previously made and create a new one. Then, open the web app, wait for the pop-up asking for permission for the web app to send you notifications, and respond to it.

Like other apps, you’ll see the number of unread notifications as a red badge on the top-right of the app’s icon. You’ll also see the notifications on your Mac’s Notification Center and lock screen.

You can manage notifications on Mac for your web app just as you would for any other application. Head to System Settings , click Notification in the sidebar, and look for your web app. Modify where and how you want your web app’s notifications to appear.

Streamline Web Browsing

With web apps, you can easily access your favorite websites without contributing to Safari’s clutter. Additionally, directly sending you notifications makes sure you won’t miss anything.

If web apps aren’t for you, you can customize Safari to suit your preferences and needs.

Image credit: Pexels . All screenshots by Rachel Melegrito.

Our latest tutorials delivered straight to your inbox

Rachel Melegrito is a health and tech writer who enjoys educating herself and others about topics that provide value to one's well being, health, and overall productivity.

Home » Tech Tips » Browsers » How to Create Web Apps in Safari Mac?

How to Create Web Apps in Safari Mac?

Progressive Web Apps or PWA is a useful technology for website owners to offer the site as an app. For example, Google does not offer desktop apps for Gmail and YouTube. You can use PWA in Chrome and Edge to convert these websites to app shortcuts. It also works on both Windows and Mac versions of the browsers. Apple also already offering this feature on Safari iPhone to add the site on homepage as an app. Good news is that Apple introduced the Web Apps feature for Safari Mac browser in macOS 14 version and here is how you can use that.

Create Web Apps in Safari Mac

First, make sure you are using the macOS version ( 14 Sonoma or later) and Safari version 17 or later.

• Launch Safari browser and open your favorite website that you want to convert as an app.
• Go to “File” menu and select “Add to Dock…” option.

• You will see a “Add to Dock” pop-up in which Safari will automatically pick the website’s icon, title and the URL. If you want, change the title and click on “Add” button.

• Now the site will be added as an app in your Dock. Safari also will add the site icon in the Launchpad .

Using Web Apps from Dock

If you have multiple apps added in the Dock, hover the mouse over an app icon to see its name. This is the name you have entered as a title when creating the app. Click on the app icon from Dock or Launchpad to launch it. Remember, you do not need to open Safari for accessing the app. The site will open as an app on its own window.

• The app will be clutter free without tabs and other default Safari browser options.
• You can click the Safari icon showing on top right corner of the app to open the site in Safari browser.
• It is possible to navigate back and forth using the arrow icons showing on top left of the app window.

Whenever you open the site in Safari, you will see a notification to open it in an app like the way you see on your iPhone.

Customizing Web App

The app created will have menu items similar to any other macOS apps like Safari or Finder. This means even when you close the app, it will be always running in the background. There are few options you can customize from the app’s menu and settings.

• Go to “App Name > Settings” or press “Command and Comma” keys to open app’s settings. In my case, it is “WebNots > Settings…” since I have named the app as WebNots. You should see the name you have provided instead of WebNots.
• Under “General” tab, you can change the app name, enable or disable navigation control arrows and colors in title bar.

• Go to “Privacy” tab where you can clear website data and open privacy settings to change the permission provided to the site. For example, you can remove the microphone or camera access provided to the site.

Using Menus and Shortcuts

The app menu items have similar options like the Safari app.

• For example, you can go to “View” menu and select “Hide Toolbar” to remove the top title bar from the app window. Alternatively, use “Option + Command + T” keyboard shortcuts to show or hide the app title bar.
• Since the app does not have controls to stop or reload the page, you should go to “View” menu and select “Stop” or “Reload Page” options for that. Or use “Command + Dot” and “Command + R” shortcuts for stopping and reloading the pages within the app.
• If you want to open multiple pages of the site, then press “Command + N” to create another instance and navigate to a different page.
• Press “Command + Q” or select the quit option form app menu to completely close the Web App.

Where Can I Find Safari Apps?

If you have removed a Web App from Dock, you can always access it from the Launchpad. Otherwise, you can find all Web Apps created by Safari under “Macintosh HD > Users > Username > Applications” folder.

Deleting Web Apps Created with Safari

Keeping too many app icons in the Dock will easily distract you. If you have created too many Web Apps, then follow one of the below options:

• Right-click (or Control + Click) on the app icon in Dock and select “Options > Remove from Dock”. This will only remove the app icon from Dock without deleting it. You can anytime add it back from Launchpad.
• For completely deleting an app, open Launchpad and drag the app icon to Trash. Alternatively, right-click on the app icon from Dock and go to “Options > Show in Finder”. This will open Finder where you can select multiple apps and delete them all at once.

Final Words

Web Apps in Safari is a cool feature to add websites as an app. You can add Reddit, Quora, Stack Overflow or any of your favorite site in dock and launchpad for quick access. The best part is that the apps will work without opening Safari and in clutter free interface. Website owners also do not need to worry about creating a separate app for Mac App Store anymore.

About Nagasundaram Arumugham

Naga is the founder and chief content editor of WebNots. He has over 20 years of experience in technology field and published more than 2000 articles.

You also might be interested in

15 Useful Notes App Tips for Mac Users

Notes is one of the default apps comes as part[...]

How to Customize and Schedule Do Not Disturb Mode in Mac?

Nowadays, starting and finishing a task within a specified time[...]

How to Disable Automatic Updates in Mac?

Apple continuously releases minor and major updates for macOS. Updating[...]

DOWNLOAD EBOOKS

• SEO Guide for Beginners
• WordPress SEO PDF Guide
• Weebly SEO PDF Guide
• Alt Code Emoji Shortcuts PDF
• Free ALT Code Shortcuts PDF
• View All eBooks

TRENDING TECH ARTICLES

• 600+ Windows Alt Codes for Symbols
• Fix Chrome Resolving Host Problem
• Fix Slow Page Loading Issue in Google Chrome
• View Webpage Source CSS and HTML in Google Chrome
• Fix Safari Slow Loading Pages in macOS
• Fix Windows WiFi Connection Issue
• ROYGBIV or VIBGYOR Rainbow Color Codes
• Fix I’m Not A Robot reCAPTCHA Issue in Google Search
• Structure of HTTP Request and Response

POPULAR WEB TUTORIALS

• Move WordPress Localhost Site to Live Server
• Move Live WordPress Site to Localhost
• Move WordPress Media Folder to Subdomain
• Fix WooCommerce Ajax Loading Issue
• Create a Free Weebly Blog
• Edit Weebly Source Code HTML and CSS
• Add Scroll To Top Button in Weebly
• Add Table in Weebly Site
• How to Add Advanced Data Table Widget in Weebly?
• Up to $500 Free Google Ads Coupon Codes

FREE SEO TOOLS

• Webpage Source Code Viewer
• HTTP Header Checker
• What is My IP Address?
• Google Cache Checker
• Domain Age Checker Tool
• View All Free Web and SEO Tools

© 2024 · WebNots · All Rights Reserved.

Type and press Enter to search

How to Create Safari Web Apps on Mac: A Simple Guide

With the introduction of macOS Sonoma, Safari now allows you to save any webpage as a web app. This offers a more app-like experience and easy access right from your Mac’s Dock.

In this concise guide, we’ll cover how web apps differ from regular webpages, how to create one and tweak its settings.

How Does a Web App Differ from a Webpage?

A web app provides an experience distinct from that of a regular webpage. Here are some of the key differences:

• Independence : A web app functions independently of Safari, maintaining its own browsing history, cookies, and settings.
• Streamlined Toolbar : It features only essential buttons such as back, forward, and share.
• Customization : You can name the web app and even give it a unique icon.
• Notifications : For websites that send notifications, the web app’s Dock icon can display the unread count.

Create a Web App from a Webpage

Creating a web app is a straightforward process:

• Open Webpage : Open the webpage you wish to convert into a web app in Safari.
• Add to Dock : Go to File > Add to Dock or click the Share button and choose Add to Dock .

• Name Your App : Type the name you want and click Add .

Your new web app will be saved in the Applications folder and can be accessed from the Dock, Launchpad, or Spotlight.

How to Change Web App Settings

To personalize your web app:

• Open the Web App : Click the app’s name in the menu bar.
• Access Settings : Choose Settings from the drop-down menu.

Here you can change the application name, URL, icon, and more. Even options for showing navigation controls and title bar colors can be customized.

Web apps offer a more focused way to access your favorite websites right from the Dock on macOS Sonoma. It’s easy to set up, customize, and even receive notifications, making your browsing experience more seamless than ever.

Professionally, I am a software developer. I am also a tech enthusiast and always curious about operating systems, softwares, internet and apps.

Similar Posts

How to Sync Apple Calendar with Google Calendar

If you use both Apple Calendar on your Mac and Google Calendar online or on your iPhone, you may want events, appointments, and reminders to automatically sync between the two calendars. Thankfully, it’s easy to connect Apple Calendar and Google Calendar so changes made in one will reflect in the other. Here’s a step-by-step guide…

How to Time Block with Apple Calendar on Mac

Time blocking is a powerful productivity technique where you dedicate specific blocks of time for certain tasks or activities. It’s a great way to manage your time efficiently, and Apple Calendar on your Mac can be a perfect tool for this. In this post, I’ll guide you through setting up time blocking in your Apple…

How to Split Notion Page into Columns

Notion is a powerful tool that allows you to organize your life and projects in various ways. One feature that can significantly improve your Notion experience is the ability to split pages into columns. This can make your Notion workspace more visually appealing and easier to navigate. In this blog post, I’ll guide you through…

How to Enable or Disable Hardware Acceleration in Microsoft Edge

Hardware acceleration is a feature available in Microsoft Edge that allows the browser to offload some of its tasks to your computer’s GPU. This can make the browser run faster and smoother. However, in some cases, it might cause issues like crashes or freezes. In this blog post, we will look at how to enable…

How to Install Chromium Browser on Ubuntu

Chromium is a free and open source browser from Google. Yes, it’s very similar to Google Chrome as it is build from the Chromium. The other popular apps such as Opera and Microsoft Edge are also based on the Chromium browser. Let’s see how to install the Chromium browser on Ubuntu. You can install it…

How to Install Flipper on Ubuntu

Flipper is a tool used for debugging Android, iOS, and react native apps. It is backed by Facebook and is popular among mobile app developers. Let’s check how to install Flipper on Ubuntu. First of all go to the official website and download the zipped file. Extract the downloaded zipped file and open your terminal…

Leave a Reply Cancel reply

• a. Send us an email
• b. Anonymous form
• Buyer's Guide
• Upcoming Products
• Tips / Contact Us
• Podcast Instagram Facebook Twitter Mastodon YouTube Notifications RSS Newsletter

How to Turn Websites into Standalone Mac Apps in macOS

In macOS Sonoma and Safari 17, you can turn websites into "web apps" that can live in your Mac's dock and be accessed much like any other app, without you having to open a browser. Keep reading to learn how it works.

How to Turn Any Website into a Web App

• In Safari, navigate to the website that you want to turn into a web app.
• Choose File -> Add to Dock from the menu bar.
• If you want, you can change the icon by clicking it in the Add to Dock window. You can also edit the web app's name using the title field.
• Click the blue Add button to create your web app.

On opening your new web app, you'll notice its window includes a simplified toolbar with navigation buttons (note: Website developers can control whether these are shown). As you can see in the image, the theme color of the site blends into the toolbar for a more seamless look.

Website Logins and Notifications

By default, Safari copies a website's cookies to its web app. So if you create a web app for a site that you are currently logged into, you will remain logged in inside the web app. Even if you weren't logged in, you can do so within the web app with minimal effort, since Apple has integrated support for Password and Passkey AutoFill.

If a website already supports web push notifications and you have signed up to them, you will receive web app push notifications that use the web app's icon, giving you more context than a standard Safari notification and icon would.

The web app icon in the Dock will also show a badge when a notification is received. Web app notifications are silent by default, although developers can change them to play a sound. However, the end decision over sound and icon badges is left to the user in System Settings -> Notifications .

Get weekly top MacRumors stories in your inbox.

Popular Stories

When to Expect the iPhone SE 4 to Launch

iPhone 16 Likely to Launch on September 20 With These New Features

10 Reasons to Wait for Next Year's iPhone 17

Apple Event Announced for September 9: 'It's Glowtime'

iPhone Driver's Licenses in Wallet App Rolling Out in Seventh U.S. State

Apple Watch X? September 9 Event Date Marks 10th Anniversary

All Four iPhone 16 Pro Colors Revealed in New Image

Next article.

Our comprehensive guide highlighting every major new addition in iOS 17, plus how-tos that walk you through using the new features.

Update now for a number of important security fixes.

Get the most out your iPhone 15 with our complete guide to all the new features.

A deep dive into new features in macOS Sonoma, big and small.

Action button expands to all models, new Capture button, camera improvements, and more.

Larger displays, new Capture button, camera improvements, and more.

Updates to Mail, Photos, Messages, and more, with Apple Intelligence features throughout.

iPhone Mirroring, Safari improvements, new Passwords app, and Apple Intelligence features throughout.

Other Stories

5 hours ago by Joe Rossignol

6 hours ago by Joe Rossignol

15 hours ago by Tim Hardwick

1 day ago by Joe Rossignol

How To Create and Use Safari Web Apps On Your Mac

Check out How To Create and Use Safari Web Apps On Your Mac at YouTube for closed captioning and more options.

Comments: 17 Responses to “How To Create and Use Safari Web Apps On Your Mac”

Thanks bunches

It appears that sites that automatically log you out defeat the cookie feature (e.g., Banks, insurors, medical portals. Or am I missing something?

Greg: If a site automatically logs you out in Safari, then it will automatically log you out in a web app. It isn't defeating anything, it is just how the site works.

thanks so much for this gary. I had been employing this option since you talked about it in one of your recent posts but I didn't like the default google logo and wanted to change it and I didn't know I could.

OK, I get it. Poor choice of words by me.

It “defeats” one of the purposes/advantages of using web apps, that is cookie maingenance. In the meantime I’m testing whether and when it makes a difference if you “quit” the web app vs merely closing it.

Greg: So the way cookies on websites work is that they have an expiration time. A social media or shopping site may set that at 2 weeks or more. Some at a year. Sites where security is a first priority, like bank sites, usually set them very low, like 20 minutes or even 5 minutes. Doesn't matter if you close the site (or quit the web app) the cookie expiration is the same. This doesn't change with Web Apps (I imagine if it did there would be a worldwide security freak-out about it).

What about sites that require 2-factor security? The first time I log in, I get the code in messages and then create a web app. Will I be able to get back in the next day using that web app? Does it again ask for that 2nd authentication, or does it remember and use the one I did the first time I logged in?

Bill: Two-factor works the same. Logging into websites works the same. If the site is one that logs you out after a time, it will log you out after the same amount of time in a Web App as it does in a regular browser. That doesn't change. Of course it can't "remember' the two-factor code and use it again, because the whole point of two-factor codes is they change. So you need the updated code the next time, just like in a regular browser. If you have your two-factor code generated through an SMS message, then you'll do the same the next time. I don't know how long you are logged in for with that site. Could be weeks or months (social media, shopping), could be minutes (banks, financial). But it is the same for a Web App as in a regular browser.

It seems that Safari extensions are not support in Web Apps therefore 1Password does not work the same as it would in Safari resulting in the need to cut and paste, ID, Password and MFA from 1Password. This seems enough to make Web Apps less usable just now, certainly for web pages that require a login.

Ian: So use the built-in password manager for those. I use both 1Password and the built-in password manager. If you have, say, 200 passwords stored, you wouldn't even need to have those all in the system password manager, just the one you need for that one site that is part of that Web App. If you have 3 Web Apps, it would just be 3 passwords.

Not sure why complicated questions about this simple thing. To me, it's just an iconification of the plain old bookmark. Plus, separate history maintenance to that specific bookmarked site. That's it! Hard for me to see much of value of this feature, as one can always go to a bookmark in private/normal (user's choice). Sites will work as usual depending on site's feature, nothing to do with this app. In fact, I don't feel like calling it app at all :) Also, already in iOS since long time. Thank

hult: Also, separate website data. That's the main part. So you can have two web apps for a social media site, each logged into a different account.

yeah, thanks Gary!

Hi Gary, For some reason I couldn't make the "auto login" feature work with this. I tried 4 different websites. I logged in and then saved the app just as you show. Every time I ran the app from the dock, the site would want me to log in again. No big deal, I still like and can use the "using Safari without using Safari" concept. Thanks!

Wallace: There is no "auto login." It works the same as in Safari. For instance, if the site logs you out automatically after 20 minutes, it will do that in Safari or a Web App. The Web App doesn't override that.

Gary - in relation to Wallace's comment above, at approximately the 6 minute mark you say "when you Quit the WebApp and then launch it again it remembers all of the website data. So you'll still be logged in." This appears to be false. If you click "quit" on the app it logs you out in my testing.

Elizabeth: Right, it remembers all of the website data. But it is the same website data as in a browser. If the website data expires, then you need to log in again. If the website data doesn't expire then you may still be logged in. Exactly the same if you were doing it in a browser and you quit the browser and the next time you launched the browser the website data has expired.

Leave a New Comment Related to "How To Create and Use Safari Web Apps On Your Mac"

Welcome to macmost, free weekly newsletter.

• MacMost Online Courses

• macOS Sonoma
• Mac Shortcuts
• Mac Numbers
• Mac Keynote
• Final Cut Pro

Keyboard Shortcuts PDF

Connect with MacMost

• Free Email Newsletter
• YouTube Channel
• Follow Gary on Threads
• Follow Gary on Mastodon
• Follow Gary On Bluesky
• MacMost @ Apple News
• iPhone/iPad App

MacMost Sections

• The Practical Guide To Mac Security
• Videos by Category
• Video Archive
• Virus and Malware Information Center
• Protect Yourself From Online Scams
• A Graphical Guide To iCloud
• Free iPhone Ringtones
• Recommended Products
• Printable Mac Keyboard Shortcuts PDF
• macOS System Requirements List

Popular Tutorials

• Two Ways To Take a Photo On Your iPhone Using Your Voice
• Reduce Photo Size For Mail
• How To Learn Mac After Switching
• Quickly Markup and Send Mac Screenshots
• What's New In ClipTools 1.5
• 7 Ways To Fix a Mac Keyboard That Is Not Working Correctly
• How To Erase and Reset Your Mac
• Using Terminal to Find Large Files and Folders

Information

• About MacMost
• Support MacMost
• Contact MacMost
• MacMost Video List
• MacMost Site Map
• MacMost Site Policies

Copyright © 2006-2024 CleverMedia, Inc. All Rights Reserved.

Newsletters

• Our sponsors
• Watch Store
• Hot topics:
• Apple Intelligence
•  Apple deals 
• Apple rumors
• Editor’s picks

Make battery-hogging apps like Spotify better with DIY web apps

By D. Griffin Jones • 6:00 am, July 20, 2023

There are a bunch of not-great apps like Spotify and Slack that suck battery life, because they basically run a full copy of Google Chrome inside each window. Chrome is a notorious energy hog, and running multiple copies of its Blink engine inside four different apps can take unnecessary memory and resources.

But you can create your own, much better versions using web apps in the upcoming release of macOS Sonoma.

Web apps in Sonoma are easily made directly in Safari and live in your Mac’s Dock. For apps that you use every day, like Spotify, Discord and Slack, it’s easier to launch them from the Dock and move them around separately from your browser tabs.

Safari web apps won’t drain your battery and they’re incredibly easy to use. Although they can be launched and quit independently from Safari, they share the same system resources, so they barely make a splash on performance.

Let me show you how they work.

How to create a web app in Safari

First, you need to update to macOS 14 Sonoma . Go to System Settings > General > Software Update to install it. From an older version of macOS, this may be in  System Preferences > Software Update .

If your Mac can’t run Sonoma, there are a number of third-party apps with similar features that you can get today. With Unite , you can choose to load the mobile site and keep it in your menu bar. Flotato even lets you select a tiny square portion of the site to appear live in the Dock icon.

But from my testing, I like Apple’s implementation best. As I’ll show you, it’s seamless and incredibly easy to set up.

Create a web app

From any website or web app, go to the menu bar and click File > Add to Dock . It’ll use the title of the web page for the name of the app, but you can type in a different one.

You can click on the icon to replace it, too, if the site doesn’t have a high-resolution icon. I recommend using macosicons.com to search for a great one. Download it, and from the web app screen, select it to replace the old one.

Click  Add when you’re done and the app will show up in your Dock. Click it to launch and you should still be logged in if you were before.

Better energy efficiency, memory usage, battery life

For a direct comparison, I downloaded the official Chrome-based apps for Slack and Discord and compared their usage in Activity Monitor.

The difference in energy consumption is stark. 2–8% for my Discord Safari web app, 10–20% for the official Discord app. That adds up if you leave it open while you’re unplugged.

Comparing file sizes, you’re looking at 244 K B vs. 184 M B for Slack, 15 KB vs. 391 MB for Discord. Apple’s web apps are negligible in storage requirements. Many computers that will run Sonoma have 8 GB of memory and 128 GB of internal storage — installing a lot of Chrome-based web apps can really eat away disk space.

A few settings

In the menu bar, click App Name > Settings and you can choose to hide or show the back/forward buttons in the titlebar, use the website’s background color in the titlebar and clear browsing data.

In traditional Apple fashion, you don’t have a lot of settings. If you want more control and more features, you can turn to third-party apps with more features, Unite and Flotato .

It doesn’t  have to stay in your Dock

Adding a web app to your Dock also adds it to the Applications folder in the Finder. You can right-click it, select  Options , and uncheck  Keep in Dock .

It’ll disappear when you quit the app, but you can always open it again from Launchpad (four-finger pinch gesture on the trackpad) or Spotlight (Command-Space). You can also open the Applications folder by clicking Finder and hitting Shift-Command-A.

I only keep the apps I use literally every day in my Dock — I cut out the other ones like FaceTime and Pages. The Discord web app is useful to have, but I can quickly launch it using the other methods when I need to.

Summary: How to create a web app in Safari

• Make sure you’re running macOS Sonoma.
• From any website, go to  File > Add to Dock…
• Give it a custom name or icon and click  Add .
• Click the Dock icon to launch the app.
• Right-click on the icon and uncheck Options > Keep in Dock if you want to keep it installed but don’t need it in your Dock.

Daily round-ups or a weekly refresher, straight from Cult of Mac to your inbox.

Cult of Mac Today

Our daily roundup of Apple news, reviews and how-tos. Plus the best Apple tweets, fun polls and inspiring Steve Jobs bons mots. Our readers say: "Love what you do" -- Christi Cardenas. "Absolutely love the content!" -- Harshita Arora. "Genuinely one of the highlights of my inbox" -- Lee Barnett.

The Weekender

The week's best Apple news, reviews and how-tos from Cult of Mac, every Saturday morning. Our readers say: "Thank you guys for always posting cool stuff" -- Vaughn Nevins. "Very informative" -- Kenly Xavier.

Popular This Week

Why you should install the ios 18 beta on your iphone today, what is jpeg xl and why iphone users should care, 6 mind-blowing continuity features every apple user should know, 6 hidden tips and tricks for airpods, price drop: this credit card-size airtag alternative fits perfectly in your wallet [deals], apple september 9 event invite promises ‘it’s glowtime’, 6 features i want to see in iphone 16, vince vaughn’s bad monkey steals top spot as most-watched series on streaming, turn your pillow into a bluetooth speaker that only you can hear [deals], prep for iphone 16 event with beautiful ‘it’s glowtime’ wallpapers.

Pocket-lint

What are web apps on mac and how do they work.

Your changes have been saved

Email is sent

Email has already been sent

Please verify your email address.

You’ve reached your account maximum for followed topics.

I compared YouTube TV and Hulu + Live TV -- here’s which one I'd ditch cable for

Lossy compressed audio shouldn't fall second to lossless audio -- here's why, what’s new on max in september (and what’s leaving).

Apple announced several new features are coming to the Mac later this year with the release of macOS 14 Sonoma . You'll soon be able to add widgets to your home screen - even widgets from apps you have installed on your iPhone , there are more interactive wallpapers, and you'll also be able to create your very own web apps.

Web apps are an easy way to turn a website into an app, complete with an app icon in your macOS dock and Launchpad and notification support. They're very handy for websites and services that you don't necessarily want to install an app to use, or maybe one isn't available. You can create a web app for any website without any additional work required by the website developer or company. That means you could get a working version of Twitter's website, in app form, on your Mac, with just a few clicks. Or maybe you want a separate Slack app where you can chat with your friends. The options really are endless.

Apple MacBook Air 15 (M2, 2023)

The MacBook Air 15-inch is a truly superb everyday laptop, with a solid and premium build quality, a stunning big display, excellent performance and a great battery life. There's nothing not to love here. It's the everyday laptop dreams were made of.

Web apps have been available on iOS, Android and Windows for as long as we can remember. There have been third-party tools, such as Fluid , that have made web apps on a Mac possible, but until now, Apple hasn't officially supported the feature.

To be clear, you'll need to be running macOS 14 Sonoma on your Mac, which is currently available through Apple's public beta program . However, I don't recommend installing the beta, but instead waiting for the official release later this year; most likely in October.

How to turn any site into a web app on MacOS 14 Sonoma

Web apps in MacOS Sonoma are created using Apple's Safari browser. Even if you use Chrome or Edge as your default browser, you'll need to open Safari for just a few minutes to complete the process. Once the app is created, you won't have to continue using Safari as your main browser, but just be aware that any web apps are based off of Safari.

Here are the steps you'll need to follow to create a web app on your Mac:

• Open Safari and visit the site you want to turn into an app.
• An Add to Dock popup will display. Rename the app to whatever you'd like, then click Add .

Immediately after you click the add button, you'll see that site's app icon show up in your Mac's dock. Click on the icon to launch the web app you just created, and if the site supports push notifications, you'll need to approve the prompt.

Everything you do within the web app you made will be kept within that app. Meaning, even though the web app is based on Safari, anything you do in the app won't impact your browsing history, cookies or other settings in Safari. MacOS treats the web app as a stand-alone app and service.

How to delete a web app on macOS 14 Sonoma

If you decide you no longer want a web app, you can delete it just like you would any other app on your Mac. The easiest way is to follow these steps:

• Open Launchpad .
• Locate the app's icon, or search for the name using the search field.
• Hold the Option button on your keyboard, and then click the X that appears on the app's icon.

The options are limitless

Once macOS 14 Sonoma is released and you've updated your Mac, you can begin adding web apps to your computer with just a few clicks. There's no limit on which sites you can or can't add, nor is there a limit on the number of sites you can turn into a web app. Your options really are limitless.

Trending Story: Messages App Tips & Tricks | Spring Wallpapers | Easter Wallpapers | iOS 17.4 New Emojis

How to Create Safari Web Apps in MacOS Sequoia/Sonoma

The latest macOS update allows you to easily turn websites into web apps on your Mac using Safari's Web Apps feature. This feature creates a simplified toolbar on your Mac Dock and integrates the website's icon for quick access, providing an app-like experience with added convenience.

Want to use Websites as an app that you recently caught up with via Safari on your Mac? It’s so simple to do that. Yes, with the latest macOS update (from macOS Sonoma), by default, Safari lets you create an app for your favorite website using Web Apps feature. Let’s find out how this feature works! also don’t miss pro tips; Record Audio From Website on Mac .

IN THIS ARTICLE

Steps to Turn Website into App from Dock on Mac

Before we move forward to the procedure to use Websites as an App on macOS, ensure that your device is updated to the latest macOS. 

How to Use Any Website Like an App on Mac

The Web apps feature on macOS Sonoma creates a simplified toolbar of the websites, giving off an app-like experience. It integrates the site’s icon right on your Mac Dock, so you can access it in no time. 

What’s great about Web apps is that they work fluently with Stage Manager, Mission Control, Spotlight, and other ways to access them. You can get notifications as well. Here’s how to use Websites as an App on Mac.

Things you should know…

• Web apps feature available from macOS Sonoma, any earlier macOS version won’t support it. 
• Web apps only work with Safari.

1→ Go to Safari on your Mac.

2→ And then navigate to the desired website, for instance, howtoisolve.com

3→ Now, click on File and select Add to Dock…

• An alternate way to see the same option under the sharing option is, Click on the Share icon that appears on Safari Browser > Select Add to Dock Option.

4→ In the next prompt, enter Website Name and its URL.

5→ Lastly, select Add. 

You will now see a howtoisolve Icon on the left side of the desktop. To test whether the Pinterest Web app works with Spotlight, press Command + Space and enter Pinterest in Spotlight Search. And select Pinterest from the results.

How to change Web App Settings of Website on Mac

What makes Web Apps feature more convenient is that it lets you modify the Web App Settings as well. In these Web App settings, you will receive various options like adding a personalized app icon, show in navigation control, show color in title bar, Clear Website Data, etc. 

1→ Open Web App.

2→ Click on name of Web App from the Menu bar, as mentioned below in the image

3→ Select Settings…

4→ Over there, you will see two menus, General & Privacy . Navigate to each of them, and make changes as per your need. Change the Application name and Change App icon option under General Tab and Clearing Website App Data under the privacy Tab.

How to Delete Web App for Website from the Mac

If you are no longer using the Web App or your Mac Dock looks cluttered, here’s how you can delete Web App from your Mac.

1→ Click on Launchpad from Dock.

2→ Now search and right-click on the Web App.

3→ As soon as you do so, you will see a prompt, read the information mentioned on it. And then select Delete.

Final Thought!

A Web Apps is undoubtedly a handy addition to macOS Sonoma. It enables you to create apps for your favorite websites in no time, in addition to that, it lets you access apps right from your Dock.

Leave a Comment Cancel reply

This page requires JavaScript.

Please turn on JavaScript in your browser and refresh the page to view its content.

'ZDNET Recommends': What exactly does it mean?

ZDNET's recommendations are based on many hours of testing, research, and comparison shopping. We gather data from the best available sources, including vendor and retailer listings as well as other relevant and independent reviews sites. And we pore over customer reviews to find out what matters to real people who already own and use the products and services we’re assessing.

When you click through from our site to a retailer and buy a product or service, we may earn affiliate commissions. This helps support our work, but does not affect what we cover or how, and it does not affect the price you pay. Neither ZDNET nor the author are compensated for these independent reviews. Indeed, we follow strict guidelines that ensure our editorial content is never influenced by advertisers.

ZDNET's editorial team writes on behalf of you, our reader. Our goal is to deliver the most accurate information and the most knowledgeable advice possible in order to help you make smarter buying decisions on tech gear and a wide array of products and services. Our editors thoroughly review and fact-check every article to ensure that our content meets the highest standards. If we have made an error or published misleading information, we will correct or clarify the article. If you see inaccuracies in our content, please report the mistake via this form .

How to create a web app in MacOS Sonoma (and why)

ZDNET makes a great web app in MacOS Sonoma.

I've been using web apps for quite some time. My biggest reason for them is they prevent me from opening yet another tab in my web browser. Although some web browsers (such as Opera and Safari) have adopted some fairly outstanding tab management features, my browsers can still get crowded with tabs.

Also: How to create multiple profiles in MacOS Sonoma Safari

To alleviate that a bit, I'll select certain websites and services to be used as a web app.

What's a web app?

Web apps are websites that you choose to open in a paired-down web browser. The web app UI tends to shrug off things like toolbars and buttons, so it looks as if the website is running as its own application. It's just a window rendering a website.

Another bonus (besides the clean look) is that you can open those web apps directly from your MacOS dock or the Launch Pad. Instead of having to open Safari and then go to the site in question, you simply click the icon in the dock and the web app opens.

Also:   Upgrading to MacOS Sonoma? Do these 7 things first

Web apps make for a very efficient experience. With the release of MacOS Sonoma, you can now create web apps with Safari and nothing more. 

Let me show you how.

How to create a web app with Safari

What you'll need: To make this work, you'll need MacOS Sonoma installed on your MacBook or iMac. If you're not running Sonoma on your device, you won't find the feature. So, if you haven't already upgraded to MacOS Sonoma, now is a good time to do it.

1. Open Safari

This feature also only works with the Safari browser. 

Also: How to add widgets to your MacOS Sonoma laptop

Even if you don't use Safari as your default, you can still use it to create web apps and then use your chosen third-party browser as you normally would.

2. Open the website in question

Next, point Safari to the website you want to use for your first web app. I'll demonstrate this by creating a web app for the ZDNET site.

3. Create your first web app

With the website open in Safari, click the File entry in the Menu Bar and then click Add to Dock.

Creating a web app for the ZDNET site.

4. Name your web app

In the resulting pop-up, you'll see that Safari automatically fills in the name and URL fields. However, the name field will most likely be too long (as it's taken from the website's description). Change the name field to something shorter (like ZDNET) and click Add.

Make sure to give your web app a short, memorable name.

5. Open your web app

Once you've added the web app, you'll find an icon for it in the Dock. 

Also: MacOS Sonoma has a handy new productivity tool you'll want to try. Here's how to use it

Click that icon and the web app will open and you can view the site as though it was an application and not a web browser window or tab.

My new ZDNET web app is accessible from the Dock or Launch Pad.

There you go. You've just created your first web app to help keep down the number of tabs you open and to make your MacOS experience a bit more efficient.

More how-tos

The best ssh clients for macos, best website builder in 2022: your step-by-step guide, how to use the passwords app on your iphone with ios 18.

Use Safari web apps on Mac

Starting with macOS Sonoma, you can use Safari to save any web page as a web app, so you can use it independently of Safari. Web apps offer a streamlined, app-like experience and easy access from the Dock.

How does a web app differ from a web page?

How to create a web app from a web page, how to change web app settings, how to use notifications with a web app, how to delete a web app.

When you use a web page as a web app, it will look and behave just like it does in Safari. Yet the experience of using a web app differs in several ways.

A web app functions independently of Safari. It shares no browsing history, cookies, website data or settings In this way, it keeps your browsing separate, similar to using a Safari profile . What you do in a web app stays in the web app.

A web app can have any name or icon you want.

For websites that send notifications, the web app’s icon in the Dock can show the number of unread notifications.

In all other ways, a web app works like any other app. You can even add it as a login item so that it opens automatically when you log in .

Requires macOS Sonoma or later

In Safari, open the web page you want to use as a web app.

Type the name you want to use for the web app, then click Add. The web app will be saved to the Applications folder of your home folder, and you can open it from the Dock, Launchpad or Spotlight.

Open the web app, click the app’s name in the menu bar, then choose Settings from the menu.

Application Name: type a new name for the app.

Application URL: Type a new URL for the app, or click Set to Current Page.

Icon: click the icon shown, then choose a new image from the file dialogue that opens.

Show navigation controls: Choose whether the toolbar shows the back button, forward button, app name and Share button.

Show colour in title bar: choose whether to allow the colour of the title bar to adapt to the colour of the website.

From the Privacy tab, you can open Privacy & Security settings or clear the website’s data, including cookies and caches.

If a website is designed to send you notifications about new or updated site content, it will ask for your permission to do so. If you click Allow when prompted, those notifications appear on the lock screen and in Notification Centre. Web apps support an additional notifications feature: the number of unread notifications will appear as a red badge on the app’s icon in the Dock.

To use this feature, respond to the website’s notifications request in the web app, not in Safari. The web app then appears in Notifications settings: Choose Apple menu  > System Settings, click Notifications in the sidebar, then select the web app from the list of applications on the right. Web apps are listed as the name of the web app, not the URL of the website.

Web apps are saved to the Applications folder of your home folder. To delete a web app, open your home folder, such as by choosing Go > Home from the menu bar in the Finder. Then open the Applications folder and drag the web app to the Bin.

Contact Apple Support

Need more help? Save time by starting your support request online and we'll connect you to an expert.

How to Use Safari Web Apps in macOS Sonoma

One of the new features of macOS Sonoma is Safari web apps. This feature allows you to save a webpage as a web app. This lets you access the webpage just like an app, with an app icon in the Dock.

How to create a Safari web app

• First, open Safari and navigate to the webpage you want to turn into a web app.
• Go to the menu bar at the top of the screen and select File , then Add to Dock .

• In the popup window, choose a name for your web app, then click Add .

Your new web app will appear in the Dock.

It is also saved to your Applications folder, so you can access it using any of the following:

• Go to [username] > Applications in Finder and double-click on the web app. Or, if you don’t see your username in the Finder sidebar, go to the top menu bar and select Go > Home . If you want your username to show up in the sidebar, go to the top menu bar and select Finder > Settings , select the Sidebar tab at the top of the window, then check the box next to your username.
• Open Launchpad and click on the web app.
• Open Spotlight ( Command -Space bar) and type the name of your web app.

How to use Safari web apps

To use the Safari web app, you will just need to click on the icon, and the webpage will open. You’ll notice that the web app looks different than a regular Safari window; at the top of the window, there is no search field, sidebar button or tabs buttons. You can customize the web app by changing some settings.

Changing settings

With the web app open, go to the top menu bar and click on the app name, then select Settings .

Under the General tab, you can:

• Change the application name or URL.
• Change the image used for the app icon. Just click the icon and choose an image from your files.
• Change how the web app looks. If you want to hide the navigation controls (back and forward buttons, the Share button), uncheck the box next to Show navigation controls . If you want to prevent the title bar from using the webpage colors, uncheck the box next to Show color in title bar .

Under the Privacy tab, you can:

• Click the Clear Website Data button to clear the website data (cookies and cache).
• Modify the privacy and security settings for the website by clicking Privacy & Security . You can change permissions for the website to access your microphone, camera, location and screen sharing.

How to delete a web app

You will delete the web app the same way you would delete any other application.

• Open Finder and select your user name from the left sidebar.
• Find and click on the Applications folder.
• Now, right-click ( Control -click) on the web app name and select Move to Trash from the menu that appears.

Related articles

• How to Fix macOS Sonoma Internet Problems
• How to Fix macOS Sonoma Wallpaper Problems
• How to Use Safari Tabs on Mac

Internet Location or Google Results Wrong in Safari on iPhone, iPad or Mac

• How to Hide Ads using Safari Reader Mode on Mac

Dr. Stacey Butler is a tech writer at macReports covering news, how-tos, and user guides. She is a longtime Mac and iPhone user and holds a Ph.D. from the University of Illinois at Champaign-Urbana. She is a former faculty member and a math teacher. Here is her LinkedIn profile , Google Scholar profile and her ResearchGate profile . Email Stacey Butler .

Similar Posts

Safari Not Loading Websites, Showing Blank Pages

I began to experience this issue recently. Safari on my iPhone stopped working for no reason. The problem was that Safari was not opening any URLs. It didn’t work when I tried typing…

How to Make your Mac Show File Extensions

Your Mac has a neat setting that allows you to configure macOS to show all common filename extensions, such as .txt, .docx, or .jpg. This setting will let you differentiate what type of…

Why Is My Mac Trackpad or Mouse Double-clicking?

Many Mac users will use either the built-in trackpad on their MacBook or an external Magic Trackpad or Mouse with their MacBook, iMac, Mac mini or Mac Studio. Some Mac users have encountered…

How to Charge your AirPods Max and Check the Battery Level

AirPods Max, the headphones version of Apple’s AirPods, have a much longer battery life than any of the other AirPods in Apple’s lineup. The latest, 3rd generation, version of AirPods has a battery…

How to Send Email from Fake (Burner) Email Address on iPhone, iPad, or Mac

In this article, I will show you how you can send an email from a fake, or burner, email address that you can create using Hide My Email. This will let you send…

Many people have gotten internet results for the wrong location. Sometimes, it can be Google search results for a different location. Sometimes you will be directed to webpages designed for another country, or…

Leave a Reply Cancel reply

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

Categories:

How To : Turn Any Website into a Full-Screen App on Your iPhone

Not all websites need a dedicated mobile app, which is why so many don't. Web apps are now designed to scale to different screen sizes, so mobile sites in your web browser are easy to navigate and utilize. Still, there's just something about an app on your iPhone's Home Screen that makes it feel more like an app from the App Store.

If you have an iPhone, you can bookmark a web app on your Home Screen from Safari or, as of iOS 16.4, most third-party browsers . Whatever browser you use, Add to Home Screen gives you a Home Screen icon that looks just like other app icons but is merely a shortcut to the webpage chosen.

Thankfully, many websites code in "standalone" or "fullscreen" display views in their manifest file. If that's the case, as with gadgethacks.com , these websites will open in their own WebView instances when added to your Home Screen via Add to Home Screen. Progressive web apps (PWAs) can even send you web push notifications on an iPhone as of iOS 16.4.

However, many sites do not provide an optimized standalone-like experience on mobile devices. Home Screen bookmarks for unconfigured web apps just open the sites in Safari and act like regular tabs. It's quicker than typing a URL or search term in Safari, but it's the same old Safari experience.

• Don't Miss: 15 Ways Apple Messages Makes Texting and iMessage Even Better on iOS 18, iPadOS 18, and macOS 15

To make every site bookmark on your Home Screen look and feel like a standalone app, we can turn to Shortcuts . The shortcut we'll be using creates a WebClip device management profile you'll install on your iPhone. With the profile, whatever site you set will open the URL as a web app in full-screen view — in its own WebView instance — so there's no URL or search bar and no toolbar at the bottom.

It's technically still a bookmark but won't open as a tab in your regular Safari session. Best of all, it showcases the website in full screen, taking advantage of your entire display and eliminating the distractions that generally appear in Safari and other web browsers.

• iOS up to date: This shortcut is optimized for iOS 17 and iOS 18 , but it will probably work on older iOS versions as well.
• Shortcuts : Apple's app comes preinstalled on your iPhone, but if you've deleted it, you can reinstall it from the App Store.

Step 1: Install 'Make App from Web URL'

The " Make App from Web URL " shortcut creates a web clip of any site you want. Simply copy a URL to your clipboard, paste it into the shortcut, name your app, choose an icon, and add the web clip as an app to your Home Screen. Alternatively, can you share a webpage directly to the shortcut from your share sheet so you don't have to copy and paste the site's URL. Unlike a regular bookmark, the website won't open in Safari but will appear in its own full-screen window like regular native standalone apps.

• iCloud Link: Make App from Web URL (free)

You should automatically redirect to Shortcuts, but if you're not, tap "Get Shortcut." When the install page shows up in Shortcuts, you can tap the ellipsis (•••) to preview the workflow. Tap "Add Shortcut" to install it.

Is This Shortcut Safe? Short Answer ... Yes

Developers use configuration profiles to install and test apps that aren't ready or won't ever appear in the App Store on the devices of coworkers, employees, and/or testers. The "Make App from Web URL" shortcut uses this same method to turn your URL into a web clip without a browser, as described earlier.

The shortcut's main component is the WebClip payload XML file that configures and creates the profile you'll install to turn websites into apps. You can see the code below, much of which is self-explanatory.

You can customize the ConsentText string, which is the text that appears right before you install the profile. "Payload" can be a scary word in the digital world, but it's nothing to worry about here. We created generic PayloadUUIDs, and you can choose your own random set of numbers and letters if it makes you feel better.

Step 2: Get an Image for the App Icon

While Safari can generate an app icon for websites via the "Add to Home Screen" action, the shortcut we're using here will not, so you'll need an image to use for the icon.

The shortcut allows you to choose any image in the Photos app, so you can download a photo from the web or use an existing one. A small square-sized image works best, but the shortcut will automatically crop any longer-shaped photos down. However, avoid huge images because the shortcut encodes them in base64, increasing the image size. So, it's best to use the website's favicon if you can.

Since I'll be creating an app for our website, I'm using the Gadget Hacks logo.

Step 3: Create the Configuration Profile

As I said before, you can create an app for a website from within the Shortcuts app. You'll just need the website URL in your iPhone's clipboard, or you can type it manually. Alternatively, you can share the website to the shortcut using the share sheet, which can be faster.

It's best to do this only for sites you often use that don't already have a native iOS app or an optimized interface for Add to Home Screen bookmarks.

Option 1: Start from Shortcuts

If you don't want to type the URL manually, open a browser, visit the website, and copy its URL to your clipboard. I'm creating an app for the gadgethacks.com website. However, our website natively supports standalone (full-screen) mode, so you don't need this shortcut to turn it into an app. Instead, just use " Add to Home Screen " from a browser like Safari . A site currently not supporting standalone (full-screen) mode is technologyadvice.com if you want a site to test.

Now, head over to the "Shortcuts" tab in the Shortcuts app and run the "Make App from Web URL" shortcut. When it asks for the website's name, enter it and hit "Done." Then, enter the website's URL and hit "Done."

Next, the shortcut might ask you for access to your Photos app. If so, grant it permission, then choose the image you want to upload as your app icon from the photo picker that appears.

Option 2: Start from Your Browser

Open your preferred browser to the website you want. I'm creating an app for the gadgethacks.com website. However, our website natively supports standalone (full-screen) mode, so you don't need this shortcut to turn it into an app. Instead, just use " Add to Home Screen " from a browser like Safari . A site currently not supporting standalone (full-screen) mode is technologyadvice.com if you want a site to test.

Tap the share icon to open your iPhone's share sheet, then select the "Make App from Web URL" shortcut from the list of actions.

Next, enter the website's name when prompted and hit "Done." The shortcut might ask you for access to your Photos app. If so, grant it permission, then choose the image you want to upload as your app icon from the photo picker that appears.

Step 4: Download the Configuration Profile

Once you select the image for your web app's icon, the shortcut will create the configuration profile and ask you to download it. Tap "Allow" then "Close."

Step 5: Install the Configuration Profile

The final step is to install the configuration profile you just downloaded. To do so, open Settings. You may see a "Profile Downloaded" option near the top of the main Settings view, which you can tap on to take you right there. If not, head to Settings » General » VPN & Device Management, then tap the name of your downloaded profile.

As we discussed earlier, the profile's description states that it contains a web clip. Tap on "Install" at the top right, then enter your passcode when prompted.

The next page will show a message from the developer, i.e., you, which simply lays out the last few steps you took. Hit "Next" to continue, tap "Install" in the top right, and then again at the bottom. Your profile is now installed.

Step 6: Open Your New Web Clip Self-Contained App

Your new web clip app will appear on your Home Screen. If you have iOS set to push new app installs to your App Library without touching the Home Screen, you'll still see this web clip app on your Home Screen since it's not a native app. However, you can still access the web clip from the App Library.

Find and tap on the newly created web clip app icon, and the website will open in its own full-screen WebView, with no navigation bars or other features obstructing your view.

However, if you tap around to go to other pages in the web clip, you'll see in-app navigation bars on the top and bottom to access reader view, request desktop sites, view website settings, share the website, open the page in Safari, and more, just like you would in other in-app web browsers. If you swipe up or down, the nav bars will disappear. This is a limitation of web clips for iOS, as any external links will be opened in a self-contained view.

Removing the Web Clip and Profile

Let's say you no longer want the web clip app and want to remove it. Simply deleting the app icon from your Home Screen is not enough because the configuration profile will continue to exist in your settings. To get rid of both the app and profile , go into Settings » General » VPN & Device Management.

Next, tap the profile and tap "Remove Profile." You'll be prompted to enter your passcode. Finally, tap "Remove" when it appears, and the profile and web clip will be deleted from your iPhone.

Just updated your iPhone? You'll find new features for TV, Messages, News, and Shortcuts, as well as important bug fixes and security patches. Find out what's new and changed on your iPhone with the iOS 17.6 update.

13 Comments

Very useful. However, I can only create one profile on my iOS device. If you created another profile for another web app, it will replace the first one. How to have multiple profiles so you can have different web as an iOS app on your home screen?

You're right. The original shortcut seems just to replace each profile you install for different sites. You can get around this by replacing the two "Me" strings for PayloadIdentifier with the "Name" variable. That should do the trick. We've updated the guide with a link to an updated shortcut you can download. Thanks for bringing this up!

Hi, Thank you! So glad with the solution! This becomes a very useful and neat tools!

I am seeing an error: Bad Profile This profile is corrupted and cannot be read

Is this something I am doing wrong on my end? Thanks!

I had the same error, but found that if I pasted in the WebClip payload XML myself, I needed to re-link the template variables before it would work. I edited the XML as Text in the Shortcuts app, deleted the places it said "Name", "URL", or "Base64 Encoded" (for the image), and replaced them with the corresponding Shortcuts variable from the accessory above the keyboard.

Thanks for this post, it's a great Shortcut!

Is there a way to create more than 1 shortcut at a time and possibly share the profiles to others? I'm wanting to create multiple App Clips but not download and install 13 profiles etc?

Does this still work in iOS 15.1? Feels just the same as adding a page to the homescreen.

My problem is that adding to the home screen opens the page perfectly in full screen, but as soon as I click an internal link a Safari header is shown.

I've been using this method to create various apps for certain websites. This morning I noticed every time I open any of the apps made this way that my camera is being activated. The little green dot appears at the top of my phone when I open one of these apps and disappears when I close it. I'm guessing this isn't normal behaviour? Is it something I should be concerned about? I should note I've been using them without concern for about a year.

Yep works fine but would like to know how to share without rebuilding on each phone.

What if I want to do the reverse, turn a website that has been pre-configured by it's makers to only display a link from the home page as full screen without controls into a regular website with controls, so that I get the ability to turn reader mode on?

This doesn't seem to work anymore on iOS 17.1.2. Please make an update. Thanks!

Hi Justin! I wanted to thank you for this very useful feature. However, since the iOS 17.2 update it seems that the shortcut is no longer functional Unfortunately. could you do an update to make it work again? Thank you very much in advance ??

"It's quite simple and you can easily solve it yourself. Edit the Shortcut and move the picture selector upwards so that it's the first call. The Shortcut will then work again in iOS 17.x.

Success, Patrick

Share Your Thoughts

How to : your iphone's action button has 19 more actions available — here's what's new and changed with ios 18, how to : apple's weather app just got 13 new features and changes in the latest iphone software update, how to : dial these secret codes to see if someone is hijacking calls & texts on your iphone, how to : 16 harry potter spells for siri that turn your iphone into a magical elder wand, how to : make siri say whatever you want every time you connect your iphone to a charger, how to : blast your imessage friends with an emoji explosion using this iphone trick, how to : if 'messages' consumes too much iphone or icloud storage, don't delete your conversations just yet, how to : quickly generate a strong password on your iphone when icloud keychain won't work, how to : keep your night vision sharp with the iphone's hidden red screen, how to : clear your frequently used and recent emoji from your iphone's keyboard, how to : 100+ secret dialer codes for your iphone, how to : your iphone's status bar can actually be customized — here's how, how to : ios 17.6 has 13 new features and changes for iphone you need to know about, how to : permanently delete text messages on your iphone, how to : there's an easy way to see all the unsent messages in your imessage conversations, how to : use any animated gif as your iphone's lock screen wallpaper, how to : turn your iphone into a bedside clock, digital photo frame, or full-screen smart display with ios 17, how to : edit imessages so nobody can see the edit history, how to : set a custom charging sound or song for your iphone whenever you connect or disconnect from power.

• All Features
• All Hot Posts

World’s fastest, truly private

• 4.3 • 75.8K Ratings

Screenshots

Description.

Explore the web with lightning-fast speed, powerful privacy protections and robust customization options. With Safari you can browse sites, translate web pages, and access your tabs across iOS, iPadOS, and macOS. Features • Passwords, bookmarks, history, tabs and more seamlessly sync across iPhone, iPad and Mac • Private Browsing mode doesn’t save your history and keeps your browsing your business • Intelligent Tracking Prevention prevents trackers from following you across websites you visit • Tab Groups let you save and organize your tabs and access them across iOS, iPadOS and macOS • Profiles help keep your browsing history, website data, and more separate between topics like work and personal • Shared Tab Groups help you share tabs and collaborate with family and friends • Extensions allow you to personalize Safari and add even more functionality to the browser • Reader formats articles for easy reading without ads, navigation, or other distracting items • Privacy Report shows known trackers that have been blocked from tracking you • Reading List easily saves articles for you to read later • Voice Search lets you search the web using just your voice • Web page translation converts entire webpages into other languages right in the browser • Handoff effortlessly passes what you’re doing in Safari from one device to another • Add to Home Screen allows you to quickly launch a website or web app from your Home Screen

Ratings and Reviews

75.8K Ratings

This new layout is better IMO, but there are a few other problems that kinda bug me

Unpopular opinion, but this new layout is better. I don’t even remember the old layout since I’m not even a long-time iOS user (this is my first iPhone). I looked up the old layout or the “cascade” layout and it looks more painful to me than the new one. By the looks of it, it’s definitely easier to miss a tab you’re looking for in the older version, and then you will have to spend like 10 more minutes scrolling to find the tab you’re looking for. Sure, it may be “faster”, but it’s definitely harder to find the certain tab you’re looking for if most of the tabs are only viewable by a little area at the top. This app is mostly fine except for a few problems I get from time to time. Today I’m having a problem where I was trying to look at some Google images and then I tried to look at more but it was just stuck on loading. It wouldn’t even finish loading. This happened only on like 2 searches thankfully though. I’d probably give it a 95% since it has some minor lags and problems.

Your Underrated Prince, Safari

In my humble opinion, Safari is the underrated king among multiple web browsers on the market. I was a PC devotee from ‘95 to ‘16, since then, it’s been all Tim Cook 🍎 all the time. My only regret is not purchasing a smartphone back in ‘07 from Steve Jobs. Presently, I own an iPhone 6s Plus in rose gold (2016), iPad Mini (2016), iPad Pro (2019) & MacBook (2018) in rose gold with matching Beats By Dre headphones. All four are set up with Safari, not Chrome, TOR, Brave, Edge, or DDGo. I love the ability to quickly save favorites, add to reading list & share content to other platforms. My favorites are alphabetized for quick reference & the reading list keeps all articles & pages in chronological order for quick recall. Also, I learned Safari quickly because it’s extremely user friendly. The browser helped my navigation of Apple when switching from PC. I’ll admit, learning MacBook isn’t easy, but, Safari keeps things familiar for me on the desktop. When lost, just go back to Safari & start over. It’s surprising no one in tech media mentions Safari more often as a go to source for navigating the internet. Chrome is the reigning king of, Land Of Browsers, without an heir apparent. I nominate Safari as the prince with future king potential. Citizens of Land Of Browsers don’t like their chrome-plated dirty laundry aired, sold or tracked.

I have been using this for years and had no problems with it. I ran over my phone with my lawn mower and was without my phone for over a year due to having to fight with the insurance company. However when I finally got a lawyer involved the insurance company finally replaced it for me. I DID not lose anything and I mean anything. I like the cards better because they are easier to clear out. You have to back everything up to your cloud every day or every other day so that you don’t have to worry about losing anything. As I always make sure that I back everything up just in case. It is not apples fault if you lose your any of your information it is yours for not backing up your phone to your cloud. So most of the people who write bad reviews either don’t back up or they just don’t or they just don’t care. Apple doesn’t charge a lot to add more space to your cloud so there is no reason why you can’t back you things. This is better than anything that google has. By far. If you want your information used by third parties then use google’s and quit complaining. You can change your browser in safari so that you don’t have to use them get with it you bad reviews and learn how to use safari.

App Privacy

The developer, Apple , indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy .

Data Linked to You

The following data may be collected and linked to your identity:

• User Content
• Identifiers

Data Not Linked to You

The following data may be collected but it is not linked to your identity:

• Browsing History
• Diagnostics

Privacy practices may vary, for example, based on the features you use or your age. Learn More

Information

English, Arabic, Catalan, Croatian, Czech, Danish, Dutch, Finnish, French, German, Greek, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Malay, Norwegian Bokmål, Polish, Portuguese, Romanian, Russian, Simplified Chinese, Slovak, Spanish, Swedish, Thai, Traditional Chinese, Turkish, Ukrainian, Vietnamese

• Developer Website
• App Support
• Privacy Policy

More By This Developer

Apple Books

Apple Podcasts

Find My Friends

Shazam: Find Music & Concerts

You Might Also Like

Firefox Focus: Privacy browser

Firefox: Private, Safe Browser

Private Browsing Web Browser

DuckDuckGo Private Browser

Google Chrome

Total Adblock - Ad Blocker