A Simple React Hook to Prompt iOS Users to Install Your Wonderful PWA.

Or, “HAHA, why isn’t this thing working?!”

Michael Lisboa
Nov 28, 2019 · 5 min read

First, a little backstory

It should be easy to turn your website into a PWA, right?

Small annoyance. Huge impact.

Android v. iOS: targeting a similar experience on different devices.

Anyway,

The Hook

A quick sketch of Astro turned logo, turned splash screen.

Check for devices, browser, and OS

Typical JS.

It’s important to ensure that our iOS visitor is using Safari because iOS doesn’t permit other browsers to install our awesome PWA’s!

Do we prompt?

Our invitation to install should be clear and instructive, without being intrusive.

One more thing

Is it Safari or PWA?

The Modal

My modal code. Feel free to take, or use your own. :-)

The Usage

Finally, a thank you,

The Startup

Get smarter at building your thing. Join The Startup’s +788K followers.

Sign up for Top 10 Stories

By The Startup

Get smarter at building your thing. Subscribe to receive The Startup's top 10 most read stories — delivered straight into your inbox, once a week. Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Michael Lisboa

Written by

Hi, I’m Michael. Brand strategist, Creative Director, UX specialist, Startup founder, TechnoCreativeologist, and a really good guy. https://www.hypermix.com

The Startup

Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +788K followers.

Michael Lisboa

Written by

Hi, I’m Michael. Brand strategist, Creative Director, UX specialist, Startup founder, TechnoCreativeologist, and a really good guy. https://www.hypermix.com

The Startup

Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +788K followers.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store