{"id":384,"date":"2019-09-12T09:27:17","date_gmt":"2019-09-12T09:27:17","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=384"},"modified":"2019-09-12T10:03:53","modified_gmt":"2019-09-12T10:03:53","slug":"how-to-add-add-to-homescreen-in-safari-of-iphone-ios-amp-compatible-solution","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-add-add-to-homescreen-in-safari-of-iphone-ios-amp-compatible-solution\/","title":{"rendered":"How to add &#8220;Add to Homescreen&#8221; in Safari of iPhone iOS (AMP Compatible Solution)"},"content":{"rendered":"\n<p>First of all install PWA plugin on your website.<\/p>\n\n\n\n<p>You can open a PWA on your iPhone simply by visiting its URL in Safari.\u00a0 <\/p>\n\n\n\n<p><strong>Follow the below steps to put PWA shortcut on your Home screen.<\/strong><\/p>\n\n\n\n<p><strong>Step 1 &#8211;<\/strong>  Click on the <span style=\"background-color: rgb(232, 234, 235);\"><b>Home <\/b><\/span>button in Safari for the PWA you\u2019re using like below the screenshot.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"516\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-1111.png\" alt=\"\" class=\"wp-image-416\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-1111.png 262w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-1111-152x300.png 152w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-1111-25x50.png 25w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-1111-30x60.png 30w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-1111-51x100.png 51w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 2 &#8211;<\/strong> Click on the &#8220;<strong>Add to Home Screen<\/strong>&#8221; icon like below the screenshot.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"527\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-22.png\" alt=\"\" class=\"wp-image-406\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-22.png 266w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-22-151x300.png 151w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-22-25x50.png 25w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-22-30x60.png 30w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-22-50x100.png 50w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 3 &#8211; <\/strong> Now click on the <strong>Add<\/strong> in the upper-right corner like below the screenshot.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"259\" height=\"519\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-33.png\" alt=\"\" class=\"wp-image-407\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-33.png 259w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-33-150x300.png 150w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-33-25x50.png 25w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-33-30x60.png 30w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-33-50x100.png 50w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 4 &#8211;<\/strong> Now you can change the (<strong>name your PWA)<\/strong>  is an option then click on the <strong>Add<\/strong>\u00a0in the upper-right corner.<\/p>\n\n\n\n<p><strong>Step 5 &#8211;<\/strong> Now Successfully add &#8220;<strong>Add to Homescreen<\/strong>&#8221; in Safari of iPhone iOS <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"223\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-4.png\" alt=\"\" class=\"wp-image-400\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-4.png 473w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-4-300x141.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-4-50x24.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-4-60x28.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/pwa-4-100x47.png 100w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure><\/div>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us&nbsp;<strong>here and<\/strong>&nbsp;we are always available for you.<\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>First of all install PWA plugin on your website. You can open a PWA on your iPhone simply by visiting its URL in Safari.\u00a0 Follow the below steps to put PWA shortcut on your Home screen. Step 1 &#8211; Click on the Home button in Safari for the PWA you\u2019re&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[6],"ht-kb-tag":[],"class_list":["post-384","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":21,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/384\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/384\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=384"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=384"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}