Welcome to Tesla Motors Club
Discuss Tesla's Model S, Model 3, Model X, Model Y, Cybertruck, Roadster and More.
Register

Installing the TMC PWA (Progressive Web App) on your mobile device

This site may earn commission on affiliate links.
We will be shutting down our native TMC iOS and Android apps soon. As such, I wanted to take this opportunity to encourage users to install our PWA for both iOS and Android (the iOS PWA is actually necessary in order to receive push notifications on iOS).

iOS PWA Installation:
You can install TMC as a PWA on your iOS device by utilizing the Add to Home Screen feature in Safari. Instructions for this can be found on the following Apple support page: Bookmark a website in Safari on iPhone
screenshot-support.apple.com-2023.09.18-19_47_40.png
iOS Push Notifications:
iOS 16.4 finally introduced push notifications for iOS devices. To facilitate this, you should first make sure that notifications are turned on in your Safari advanced settings. This can be done using the following steps:​
  1. Open the Settings app on your iPhone​
  2. Scroll down and find Safari, and tap on it​
  3. Scroll down to the bottom and tap advanced​
  4. Tap on Webkit Feature Flags (also called Experimental Webkit Features on some versions of iOS)​
  5. Scroll down and turn on the toggle beside "Notifications".​
screenshot-cdn.discordapp.com-2023.10.05-16_13_52.png
Here is a video which shows this process.​
Then you need to install the TMC PWA (instructions in the section above). When you access the PWA and log in, you should be presented with a prompt that says "TMC would like your permission to enable push notifications". You will be able to click on the "enable push notifications". If you do not see that prompt, then push notifications can also be enabled in your TMC account Preferences. You should then be presented with the default iOS prompt for notifications wherein you can "Allow Notifications" for TMC. If you don't see that, then go into your iOS Settings and tap on the Notifications submenu, then tap on the TMC PWA app listed there, and make sure "Allow Notifications" is turned on for the TMC PWA. There may be some additional options there that you can configure there if you like.​

Android and Chrome on desktop PWA Installation:
When browsing with Chrome on desktop or Android, the app can be installed via the address bar on both mobile and desktop devices. On supported mobile devices, we also display an "Install" button at the bottom of the off-canvas menu, which is accessed by clicking the hamburger menu icon on the bottom right of your mobile navbar (on our default style).​
Android and Chrome on desktop Push Notifications:
On most devices running Chrome, you will be presented with a banner at the bottom of the screen which says "Tesla Motors Club would like your permission to enable push notifications." You can tap on the clickable area to turn it on. Alternatively, you can go directly to your TMC account Preferences and enable it there. After one of the mentioned steps, Chrome may also present you with a browser permission popup asking if you would like to "Allow" TMC to send you push notifications.​

Once the app is installed, it is readily available in exactly the same way as a native app. On mobile devices, that means it can be opened via an icon on the home screen. On desktop devices, it can be opened by searching your system or even pinning the app to your taskbar or dock.

For most devices, we set the app to display a minimal interface. The elements of this interface also vary by browser, but most importantly include navigation controls, including pull down to refresh, and in some cases a floating back button.

Chrome-based apps support application badging, which allows the app to indicate unread messages or alerts directly on its icon.

Please let us know if you have any questions.
 
Last edited:
@Jones1 here is a video that shows how to get to your experimental features settings for Safari:

You will want to look for a feature called "Notifications" or possibly "Push API", and turn that on. Then you'll want to go into the PWA, then to your account preferences and make sure Push Notifications are turned on.

I do not have an iPhone so I am trying to get a hold of a friends iPhone so I can properly look into all this. It is not clear to me if this is necessary on iOS 17, but on iOS 16 it appears that browser notifications are still not turned on by default for Safari, as such one needs to enable it manually, in order that TMC's notifications come through.
Sorry. I just saw this. No notifications.
😆
Just kidding.
Thanks Danny.
 
I got the floaty bar again.
Have you noticed a pattern of when this tends to happen? Such as on what page, what kind of movement/gesture, etc.

It appears now that the TMC iPhone App is actually showing the Web App?

I like it just by the fact that the bottom bar is a few pixels higher.
My guess is that what you are using is the iPhone PWA, not the native app, as the native app should no longer work.
 
I guess I can remove the TMC Web App from my phone, and continue to use the Native App ?
So seems the native app continues to work but it basically just loads all pages now with webview, meaning none of the native parts are functioning. At least that is what Doug suggested to me, as I haven't been able to test it myself as my Pixel died a few days ago and that was the phone I had the app installed on.
 
  • Like
Reactions: Jones1
So seems the native app continues to work but it basically just loads all pages now with webview, meaning none of the native parts are functioning. At least that is what Doug suggested to me, as I haven't been able to test it myself as my Pixel died a few days ago and that was the phone I had the app installed on.
Has to be the Droid app only. The iOS app wouldn’t even open. I guess I can turn notifications on. On my Pixel phone.