Start WIX sites as native apps on iOS

So I have been struggling with this issue for a while and thanks to the great support of WIX I managed to solve this and just wanted everyone to have this trick up their sleeves for every app or website you create using WIX Code and want the website to open up just like a fullscreen native app.

When a user adds your site to their home screen which I always recommend them to do if it is a app or something they will need often.

This is for iOS only but you can easily Google to the settings for Android.

  1. Go to your Dashboard
  2. Select the site
  3. Click Manage Site
  4. Go to SEO tab
  5. Header Code - Meta Tags section allows adding custom Meta tags for the whole site

The above was a tip from WIX support and then you add the following text into the header form input field.

The above will add WIX Sweden as the title under the icon and it will be the favicon image that will be your apps icon on the phone.

The above will make the website / web app open up in full screen, no more safari header or footer, just your newly created app in lovely full screen.

It is just awesome and will be very nice doing apps and applications in WOX Code and make them open in full screen.

9 Likes

Amazing, thank you for sharing Andreas!

1 Like

Great, thanks for sharing Andreas!

1 Like

Love! Thanks for sharing!

Works great! Can you change the image that is will be shown on the homescreen?

Hello Andreas , Coders

For having this feature in android just remove the apple keyword from the meta name . So for android users it will be:

<meta name="mobile-web-app-title" content="Website Name" />
<meta name="mobile-web-app-capable" content="yes">

But for me unfortunately the favicon is not showing … :frowning:

1 Like

I literally just started researching how to do this very thing yesterday! Andreas, you just saved me a ton of time! Thank you! I will be implementing in the next week or so.

1 Like

Thanks, make sure to look at wixshow.com for more knowledge in WIX Code.

2 Likes

Guys, that is an awesome trick but it seems not to work for me … I entered the meta tag for Android as per attachment, I added the corresponding website as a shortcut (using SGC as the name) on my Mobile Home Page but the site appears normally in the browser


Another question: some users have Apple, some have Android. If I want to make it app-compatible for both, shall I add both types of lines in the SEO tab / Header Code?

Thanks for your help

1 Like

Try adding the “apple’ again to apple-mobile-web-app-capable”. Android OS will simply ignore the “apple” string and work anyway.

1 Like

this might be a stupid question but does this mean I can have notifications pushed to the phone natively? Or does this mean i still have to use email for notifications?

I think Andreas made a Huge contribution that works perfectly for pages that want to work as progressive web apps like stores of some kind, or internal pages for a company. That means pages people NEEDS to have at home screen because they will be using them a lot. For the kind of pages that only exist as an information source that has some iframes linked to external htmls that we want to make full page, there’s no way to do it in iOS. There’s a trick that works smoothly in android, but completely fails in iOS. This could be solved someway with wix code I’m pretty sure. But we need more Wix people involved in this very important topic…

Anyone knows how to make the favicon appears has a icon on Android?

This is an old post you are commenting on. If you have coding questions, post a new question.

Furthermore, t his forum is dedicated to Corvid. For questions that are not related to code you can contact the Wix support team . You’ll get better help for your problem there.

This post is being closed.