{"id":287,"date":"2021-07-18T03:36:38","date_gmt":"2021-07-18T03:36:38","guid":{"rendered":"https:\/\/brightyear.io\/learn\/?p=207"},"modified":"2022-07-07T18:09:21","modified_gmt":"2022-07-07T18:09:21","slug":"how-to-install-brightyear-io-as-pwa-on-your-phone","status":"publish","type":"post","link":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/","title":{"rendered":"How to Install Brightyear.io as PWA on Your Phone"},"content":{"rendered":"

\"\"<\/p>\n

In this tutorial, we’ll briefly explain what a PWA is and how to install Brightyear.io as a PWA on your mobile or desktop device.<\/p>\n

What’s a PWA<\/strong><\/h3>\n

PWA stands for “Progressive Web App.” That may or may not mean much to you, but simply explained, a PWA is an app that you can install on your phone (or computer) right from your internet browser and it acts and behaves just like a regular app that you download from an app store. A PWA at its core is a web app that meets certain technical requirements which make it installable. If you’re unclear of what a web app is, if you’ve ever pulled up a web browser and used Google Drive, Google Docs, Spotify, Youtube, or even checked your email with Gmail or Outlook, you’ve used a web app. Many of these have also been PWA enabled and are installable to your device.<\/p>\n

Why would you want to install a PWA as opposed to one from an app store? Well, no particular reason. I’m sure you’ve seen a popup come up when browsing a site prompting you to “Install to your home screen” right? If you see this prompt, your web browser has noticed that the website is PWA enabled and is asking if you want to install the website for quick access to it next time. That being said, it may be quicker to install as a PWA rather than having to navigate to the app store equivalent. Are there differences between regular native apps and PWAs when installed? There are currently some limitations in functionality with PWAs but as the technology progresses the line between a native application and PWA shrinks. You may not even notice the difference between some companies’ PWAs and native apps from one of the app stores.<\/p>\n

Anyways, enough talk on what a PWA is and let’s try installing it.<\/p>\n

Installing Brightyear.io as a PWA on iOS (iPhones)<\/strong><\/h3>\n

The one thing to note with PWAs on iPhones. The PWA technology is still somewhat new and not all devices have the full built-in functionality to support PWAs and iOS currently falls into this category. However, everything in the Brightyear.io app should work perfectly fine and there shouldn’t be any limited functionality.<\/p>\n

To start, grab your iPhone and head over to https:\/\/my.brightyear.io\/<\/a> in a Safari web browser<\/em>. Once you’ve landed on the Brightyear page. Next, tap the “Share” button and scroll down to and click the “Add to Home Screen” button. You’ll then be prompted to enter the name of the app. Finally, tap “Add” and you should be good to go. The PWA will appear on your home screen and can be used (and uninstalled) just like a regular iOS app.<\/p>\n

Installing Brightyear.io as a PWA on Android<\/strong><\/h3>\n

With your Android phone, open up Chrome and navigate to https:\/\/my.brightyear.io\/<\/a>. Once you’ve landed on the page, a small banner will appear at the bottom of your screen that looks like this:<\/p>\n

\"\"<\/p>\n

Next, click on the “Add Brightyear.io to Home screen” text. Then you’ll be prompted to install the app:<\/p>\n

\n

\"\"<\/p>\n

Click “Install” to finish the installation. The app will automatically be added to your home screen and can be used (and uninstalled) just like a regular Android app.<\/p>\n

Alternatively, or if the initial banner doesn’t appear on your screen, tap the three vertical dots icon on the top right of your browser, and tap the “Install app” on the dropdown. The same prompt will then appear to download the app.<\/p>\n

\"\"<\/p>\n

PWA on a desktop computer<\/strong><\/h3>\n

As I mentioned above, PWAs can also be installed on your computer. To do so, once again, launch Chrome and navigate to https:\/\/my.brightyear.io\/<\/a>. This time when you land on the page you won’t be prompted to install the app. Rather, you’ll see this icon in the Chrome browser’s URL\/search bar:<\/p>\n

\"\"<\/p>\n

You can then complete the install by clicking the install button:<\/p>\n

And that’s about it! If you have any questions, comments, or suggestions click the “Feedback” button in the app to give your feedback.<\/span><\/p>\n

Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"

In this tutorial, we’ll briefly explain what a PWA is and how to install Brightyear.io as a PWA on your mobile or desktop device. What’s a PWA PWA stands for “Progressive Web App.” That may or may not mean much … Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":288,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","kt_blocks_editor_width":"","footnotes":""},"categories":[18],"tags":[19,20],"class_list":["post-287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-docs","tag-docs","tag-documentation"],"yoast_head":"\nHow to Install Brightyear.io as PWA on Your Phone - Brightyear.io Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install Brightyear.io as PWA on Your Phone - Brightyear.io Blog\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, we’ll briefly explain what a PWA is and how to install Brightyear.io as a PWA on your mobile or desktop device. What’s a PWA PWA stands for “Progressive Web App.” That may or may not mean much … Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightyear.io Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-18T03:36:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-07T18:09:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightyear.io\/learn\/wp-content\/uploads\/2021\/07\/brightyear-pwa.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"394\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andy G\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andy G\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/\"},\"author\":{\"name\":\"Andy G\",\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/#\\\/schema\\\/person\\\/27544c114685365e8495946cfbcad985\"},\"headline\":\"How to Install Brightyear.io as PWA on Your Phone\",\"datePublished\":\"2021-07-18T03:36:38+00:00\",\"dateModified\":\"2022-07-07T18:09:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/\"},\"wordCount\":697,\"image\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/brightyear-pwa.png\",\"keywords\":[\"docs\",\"documentation\"],\"articleSection\":[\"Docs\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/\",\"url\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/\",\"name\":\"How to Install Brightyear.io as PWA on Your Phone - Brightyear.io Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/brightyear-pwa.png\",\"datePublished\":\"2021-07-18T03:36:38+00:00\",\"dateModified\":\"2022-07-07T18:09:21+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/#\\\/schema\\\/person\\\/27544c114685365e8495946cfbcad985\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/brightyear-pwa.png\",\"contentUrl\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/brightyear-pwa.png\",\"width\":700,\"height\":394,\"caption\":\"How to install Brightyear.io as a PWA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/how-to-install-brightyear-io-as-pwa-on-your-phone\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install Brightyear.io as PWA on Your Phone\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/#website\",\"url\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/\",\"name\":\"Brightyear.io Blog\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/#\\\/schema\\\/person\\\/27544c114685365e8495946cfbcad985\",\"name\":\"Andy G\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4ca6f6f3495bc988d300ba95eebaa979c9017edc1e80f933f6c501aa93163fd9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4ca6f6f3495bc988d300ba95eebaa979c9017edc1e80f933f6c501aa93163fd9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4ca6f6f3495bc988d300ba95eebaa979c9017edc1e80f933f6c501aa93163fd9?s=96&d=mm&r=g\",\"caption\":\"Andy G\"},\"sameAs\":[\"https:\\\/\\\/brightyear.io\\\/learn\"],\"url\":\"https:\\\/\\\/brightyear.io\\\/learn\\\/author\\\/andyfg\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install Brightyear.io as PWA on Your Phone - Brightyear.io Blog","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:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/","og_locale":"en_US","og_type":"article","og_title":"How to Install Brightyear.io as PWA on Your Phone - Brightyear.io Blog","og_description":"In this tutorial, we’ll briefly explain what a PWA is and how to install Brightyear.io as a PWA on your mobile or desktop device. What’s a PWA PWA stands for “Progressive Web App.” That may or may not mean much … Read More","og_url":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/","og_site_name":"Brightyear.io Blog","article_published_time":"2021-07-18T03:36:38+00:00","article_modified_time":"2022-07-07T18:09:21+00:00","og_image":[{"width":700,"height":394,"url":"https:\/\/brightyear.io\/learn\/wp-content\/uploads\/2021\/07\/brightyear-pwa.png","type":"image\/png"}],"author":"Andy G","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andy G","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/#article","isPartOf":{"@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/"},"author":{"name":"Andy G","@id":"https:\/\/brightyear.io\/learn\/#\/schema\/person\/27544c114685365e8495946cfbcad985"},"headline":"How to Install Brightyear.io as PWA on Your Phone","datePublished":"2021-07-18T03:36:38+00:00","dateModified":"2022-07-07T18:09:21+00:00","mainEntityOfPage":{"@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/"},"wordCount":697,"image":{"@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/#primaryimage"},"thumbnailUrl":"https:\/\/brightyear.io\/learn\/wp-content\/uploads\/2021\/07\/brightyear-pwa.png","keywords":["docs","documentation"],"articleSection":["Docs"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/","url":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/","name":"How to Install Brightyear.io as PWA on Your Phone - Brightyear.io Blog","isPartOf":{"@id":"https:\/\/brightyear.io\/learn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/#primaryimage"},"image":{"@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/#primaryimage"},"thumbnailUrl":"https:\/\/brightyear.io\/learn\/wp-content\/uploads\/2021\/07\/brightyear-pwa.png","datePublished":"2021-07-18T03:36:38+00:00","dateModified":"2022-07-07T18:09:21+00:00","author":{"@id":"https:\/\/brightyear.io\/learn\/#\/schema\/person\/27544c114685365e8495946cfbcad985"},"breadcrumb":{"@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/#primaryimage","url":"https:\/\/brightyear.io\/learn\/wp-content\/uploads\/2021\/07\/brightyear-pwa.png","contentUrl":"https:\/\/brightyear.io\/learn\/wp-content\/uploads\/2021\/07\/brightyear-pwa.png","width":700,"height":394,"caption":"How to install Brightyear.io as a PWA"},{"@type":"BreadcrumbList","@id":"https:\/\/brightyear.io\/learn\/how-to-install-brightyear-io-as-pwa-on-your-phone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightyear.io\/learn\/"},{"@type":"ListItem","position":2,"name":"How to Install Brightyear.io as PWA on Your Phone"}]},{"@type":"WebSite","@id":"https:\/\/brightyear.io\/learn\/#website","url":"https:\/\/brightyear.io\/learn\/","name":"Brightyear.io Blog","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightyear.io\/learn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/brightyear.io\/learn\/#\/schema\/person\/27544c114685365e8495946cfbcad985","name":"Andy G","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4ca6f6f3495bc988d300ba95eebaa979c9017edc1e80f933f6c501aa93163fd9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4ca6f6f3495bc988d300ba95eebaa979c9017edc1e80f933f6c501aa93163fd9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4ca6f6f3495bc988d300ba95eebaa979c9017edc1e80f933f6c501aa93163fd9?s=96&d=mm&r=g","caption":"Andy G"},"sameAs":["https:\/\/brightyear.io\/learn"],"url":"https:\/\/brightyear.io\/learn\/author\/andyfg\/"}]}},"_links":{"self":[{"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/posts\/287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/comments?post=287"}],"version-history":[{"count":6,"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/posts\/287\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/posts\/287\/revisions\/733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/media\/288"}],"wp:attachment":[{"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/media?parent=287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/categories?post=287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brightyear.io\/learn\/wp-json\/wp\/v2\/tags?post=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}