Engage and Retain Users

Connect with your users and keep them coming back. Use any to improve your site. Use all if you're working towards a progressive web app.

Foundational to many of these features is the web app manifest, if your site doesn't have one, consider adding it. It's a simple file that let's you:

  • Control how your app appears to the user in areas where they would expect to see apps (for example, the mobile home screen).
  • Direct what the user can launch.
  • Define its appearance at launch.

Add to home screen

Web app install banners give you the ability to let your users quickly and seamlessly add your web app to their home screen, making it easy to launch and return to your app.
Get Started

Web push notifications

Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.
Get Started

Codelabs

Your First Progressive Web App
This codelab walks you through creating your own Progressive Web App, including the design considerations. It includes implementation details to ensure that your app meets the key principles of a Progressive Web App.

Your First Web Push Notification
In this codelab, you learn how to add Push Notifications to web applications. This enables you to re-engage users with breaking news and information about new content. You'll also learn the basics of Service Workers.

Chrome DevTools

Udacity courses

Progressive Web App Fundamentals
In this course you’ll get started working on your very first Progressive Web App—a web app that takes advantage of many features that native applications enjoy. You’ll also get more experience in creating a web app that works offline using Service Workers. Finally, you’ll make your app installable to the user’s home screen with the Web App Manifest file.