Shortcut link for mobile app prototype

I’d like to share a link that mimics a native app for someone to create a home screen shortcut and view it without the browser chrome on their mobile devices. How do I do that?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

@yantiarifin the best way to do this is making a progressive web app. Sadly, you won’t be able to install it or mimic a complete native app.

You can see this article How to add “Add to Home screen” to your website | by Sam Ghoreishi | Medium

But you’ll need to adapt it to webflow

Cheers,

Hi @Carlos_Ruiz_Del_Vizo ,
Thanks for replying! I actually found a ridiculously easy way to do this. Both Safari and Chrome will display on a browser without the frame if launched from a shortcut. All you need is to add these snippets in the <head> tag:

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">

First one is for Safari, and second is for Chrome.
Here’s the source:

1 Like