{"id":87627,"date":"2023-11-28T15:31:52","date_gmt":"2023-11-28T21:31:52","guid":{"rendered":"https:\/\/eshop.macsales.com\/blog\/?p=87627"},"modified":"2023-11-28T15:31:56","modified_gmt":"2023-11-28T21:31:56","slug":"turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari","status":"publish","type":"post","link":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/","title":{"rendered":"Turn Websites Into Mac Apps with macOS Sonoma’s ‘Add to Dock’ Feature in Safari"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature in Safari.<\/p>\n\n\n\n

A web-based app is an application that treats a website as the interface. You can access the app from any computer connected to the Internet instead of using an application installed on your Mac.<\/p>\n\n\n\n

Since web apps function via a web browser such as Safari, they’re usually accessible from a variety of devices. While native apps require certain operating systems (macOS, Windows, etc.) and software, web applications work for anyone who can access the browsers that support them.<\/p>\n\n\n\n

Let\u2019s look at how to use the \u201cAdd To Dock\u201d feature.<\/p>\n\n\n\n

\u00b0 Launch Safari on your Mac, and head to the website that offers a web app.<\/p>\n\n\n\n

\u00b0 Click the File button in the Menu bar.<\/p>\n\n\n\n

\u00b0 Hit the Add to Dock button.<\/p>\n\n\n\n

\"Add
Add to Dock<\/figcaption><\/figure><\/div>\n\n\n\n

At this point, you’ll be presented with a box allowing you to name the web app, edit the page it targets and change the icon that appears in the dock.<\/p>\n\n\n\n

\u00b0\u00a0Rename the web app (if you wish).<\/p>\n\n\n\n

Often, Safari pulls a websites favicon as the icon that will live in your dock. Oftentimes, this is a very low resolution image that looks bad compared to the other icons in your dock. <\/p>\n\n\n\n

\u00b0 To use your own icon for the app, run a Google image search for the app’s icon. Copy the image or icon you want to use, and then click the icon preview in the Add to Dock window. Then press Command+V. Voila. Icon changed.<\/p>\n\n\n\n

\"Rename
Rename app<\/figcaption><\/figure><\/div>\n\n\n\n

\u00b0 Tap on Add when you’re done.<\/p>\n\n\n\n

\u00b0 The web app will now appear on your Dock.<\/p>\n\n\n\n

When you launch the app, you\u2019ll notice that you\u2019ll want to see such user interface elements that usually appear when browsing a website in Safari, such as the URL bar, sidebar, new tab button, and other icons.<\/p>\n\n\n\n

The app will have a simplified toolbar with navigation buttons though and the window frame will adapt to the color of the website or theme-color of the website if specified.<\/p>\n\n\n\n

Note: <\/strong>Though the web app functions mostly<\/em> like a normal app on your desktop, you will not find it in your Applications folder in Finder. However, you can launch it from Launchpad.<\/p>\n\n\n\n

If you ever want to get rid of the app, simply right click the app’s icon in the dock, hover over Options, then click Remove from Dock.<\/p>\n","protected":false},"excerpt":{"rendered":"

With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature.<\/p>\n","protected":false},"author":108,"featured_media":87644,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"spay_email":"","footnotes":""},"categories":[4],"class_list":["post-87627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-tips"],"yoast_head":"\nTurn Websites Into Mac Apps with macOS Sonoma's 'Add to Dock' Feature in Safari<\/title>\n<meta name=\"description\" content=\"With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Turn Websites Into Mac Apps with macOS Sonoma's 'Add to Dock' Feature in Safari\" \/>\n<meta property=\"og:description\" content=\"With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/\" \/>\n<meta property=\"og:site_name\" content=\"Rocket Yard\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/AWToday\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-28T21:31:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-28T21:31:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2023\/11\/Sonoma-Add-to-Dock.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dennis Sellers\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/www.facebook.com\/AWToday\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dennis Sellers\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/\"},\"author\":{\"name\":\"Dennis Sellers\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1583ce4e38fc736c85cdd5758da43c91\"},\"headline\":\"Turn Websites Into Mac Apps with macOS Sonoma’s ‘Add to Dock’ Feature in Safari\",\"datePublished\":\"2023-11-28T21:31:52+00:00\",\"dateModified\":\"2023-11-28T21:31:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/\"},\"wordCount\":435,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"articleSection\":[\"Tech Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/\",\"name\":\"Turn Websites Into Mac Apps with macOS Sonoma's 'Add to Dock' Feature in Safari\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\"},\"datePublished\":\"2023-11-28T21:31:52+00:00\",\"dateModified\":\"2023-11-28T21:31:56+00:00\",\"description\":\"With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature.\",\"breadcrumb\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eshop.macsales.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Turn Websites Into Mac Apps with macOS Sonoma’s ‘Add to Dock’ Feature in Safari\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"name\":\"Rocket Yard\",\"description\":\"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.\",\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\",\"name\":\"OWC\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"contentUrl\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"width\":1024,\"height\":1024,\"caption\":\"OWC\"},\"image\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1583ce4e38fc736c85cdd5758da43c91\",\"name\":\"Dennis Sellers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e3d1a76050c9ba2bf8fa17ae880a72e56f662e46e7486428d750789a4d6ab1d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e3d1a76050c9ba2bf8fa17ae880a72e56f662e46e7486428d750789a4d6ab1d6?s=96&d=mm&r=g\",\"caption\":\"Dennis Sellers\"},\"description\":\"Dennis has over 40 years of journalism experience and has written hundreds of articles. For the past 20-plus years, he's been an online journalist, covering mainly Apple Inc. He's written for MacCentral, MacWorld, MacMinute, Macsimum News, Apple Daily Report, and is now contributing editor at Apple World Today.\",\"sameAs\":[\"http:\/\/www.appleworld.today\",\"https:\/\/www.facebook.com\/AWToday\",\"https:\/\/www.instagram.com\/appleworldtoday\/\",\"https:\/\/www.linkedin.com\/company\/apple-world-today\/\",\"https:\/\/www.pinterest.com\/appleworldtoday\/\",\"https:\/\/twitter.com\/https:\/\/www.facebook.com\/AWToday\",\"https:\/\/www.youtube.com\/channel\/UCUnDTuaRnXncKQXfQYVNIJA\"],\"url\":\"https:\/\/eshop.macsales.com\/blog\/author\/dennis-sellers\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Turn Websites Into Mac Apps with macOS Sonoma's 'Add to Dock' Feature in Safari","description":"With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/","og_locale":"en_US","og_type":"article","og_title":"Turn Websites Into Mac Apps with macOS Sonoma's 'Add to Dock' Feature in Safari","og_description":"With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature.","og_url":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/","og_site_name":"Rocket Yard","article_author":"https:\/\/www.facebook.com\/AWToday","article_published_time":"2023-11-28T21:31:52+00:00","article_modified_time":"2023-11-28T21:31:56+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2023\/11\/Sonoma-Add-to-Dock.png","type":"image\/png"}],"author":"Dennis Sellers","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/www.facebook.com\/AWToday","twitter_misc":{"Written by":"Dennis Sellers","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#article","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/"},"author":{"name":"Dennis Sellers","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1583ce4e38fc736c85cdd5758da43c91"},"headline":"Turn Websites Into Mac Apps with macOS Sonoma’s ‘Add to Dock’ Feature in Safari","datePublished":"2023-11-28T21:31:52+00:00","dateModified":"2023-11-28T21:31:56+00:00","mainEntityOfPage":{"@id":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/"},"wordCount":435,"commentCount":1,"publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"articleSection":["Tech Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/","url":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/","name":"Turn Websites Into Mac Apps with macOS Sonoma's 'Add to Dock' Feature in Safari","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/#website"},"datePublished":"2023-11-28T21:31:52+00:00","dateModified":"2023-11-28T21:31:56+00:00","description":"With macOS Sonoma you can turn any web application into an app in your Mac\u2019s Dock thanks to the new \u201cAdd to Dock\u201d feature.","breadcrumb":{"@id":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eshop.macsales.com\/blog\/87627-turn-websites-into-mac-apps-with-macos-sonomas-add-to-dock-feature-in-safari\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eshop.macsales.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Turn Websites Into Mac Apps with macOS Sonoma’s ‘Add to Dock’ Feature in Safari"}]},{"@type":"WebSite","@id":"https:\/\/eshop.macsales.com\/blog\/#website","url":"https:\/\/eshop.macsales.com\/blog\/","name":"Rocket Yard","description":"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.","publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/eshop.macsales.com\/blog\/#organization","name":"OWC","url":"https:\/\/eshop.macsales.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","contentUrl":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","width":1024,"height":1024,"caption":"OWC"},"image":{"@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1583ce4e38fc736c85cdd5758da43c91","name":"Dennis Sellers","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e3d1a76050c9ba2bf8fa17ae880a72e56f662e46e7486428d750789a4d6ab1d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e3d1a76050c9ba2bf8fa17ae880a72e56f662e46e7486428d750789a4d6ab1d6?s=96&d=mm&r=g","caption":"Dennis Sellers"},"description":"Dennis has over 40 years of journalism experience and has written hundreds of articles. For the past 20-plus years, he's been an online journalist, covering mainly Apple Inc. He's written for MacCentral, MacWorld, MacMinute, Macsimum News, Apple Daily Report, and is now contributing editor at Apple World Today.","sameAs":["http:\/\/www.appleworld.today","https:\/\/www.facebook.com\/AWToday","https:\/\/www.instagram.com\/appleworldtoday\/","https:\/\/www.linkedin.com\/company\/apple-world-today\/","https:\/\/www.pinterest.com\/appleworldtoday\/","https:\/\/twitter.com\/https:\/\/www.facebook.com\/AWToday","https:\/\/www.youtube.com\/channel\/UCUnDTuaRnXncKQXfQYVNIJA"],"url":"https:\/\/eshop.macsales.com\/blog\/author\/dennis-sellers\/"}]}},"jetpack_featured_media_url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2023\/11\/Sonoma-Add-to-Dock.png","jetpack_shortlink":"https:\/\/wp.me\/pmPaT-mNl","_links":{"self":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/87627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/users\/108"}],"replies":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/comments?post=87627"}],"version-history":[{"count":2,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/87627\/revisions"}],"predecessor-version":[{"id":87645,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/87627\/revisions\/87645"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media\/87644"}],"wp:attachment":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media?parent=87627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/categories?post=87627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}