Common Issues mobile

My App Won't Install on iPhone Home Screen

You built a web app and want users to be able to add it to their iPhone home screen so it feels like a real app. But when they try, nothing happens, it just opens as a regular browser tab, or the icon looks wrong. You wanted your app to feel like something from the App Store, but it doesn't.

This is about turning your website into a Progressive Web App (PWA) — basically making a website that can be "installed" on a phone without going through the App Store. When done right, it gets its own icon, opens full-screen, and feels like a native app.

Most AI tools don't set this up properly, or they miss key requirements that Apple specifically needs for iOS devices.

Error Messages You Might See

No error message — the option to install just doesn't appear or doesn't work properly App opens in Safari instead of standalone Icon shows as a screenshot instead of your logo Site cannot be installed — no manifest found
No error message — the option to install just doesn't appear or doesn't work properlyApp opens in Safari instead of standaloneIcon shows as a screenshot instead of your logoSite cannot be installed — no manifest found

Common Causes

  • Missing web app manifest — Your app doesn't have a special file that tells the phone what icon, name, and settings to use when installed
  • No service worker — A service worker is a background script that Apple requires before it treats your site as an installable app
  • Wrong icon sizes — Apple requires specific image sizes for home screen icons. If they're wrong, you get a generic screenshot instead
  • Missing Apple-specific tags — iOS doesn't use the same standards as Android. You need special Apple tags in your HTML
  • Site not on HTTPS — Both iOS and Android require your site to use HTTPS (secure connection) before it can be installed

How to Fix It

  1. Add a web app manifest file — Have a developer create a manifest.json file with your app name, icons, colors, and display settings
  2. Add Apple-specific meta tags — Include tags like apple-mobile-web-app-capable, apple-mobile-web-app-status-bar-style, and apple-touch-icon in your HTML
  3. Create proper icons — Generate home screen icons in the required sizes (at least 180x180 pixels for Apple)
  4. Add a basic service worker — Even a simple service worker file can satisfy the installation requirement
  5. Make sure HTTPS is working — Verify your site loads with the padlock icon in the browser bar
  6. Test the installation — On an iPhone, open Safari, tap the share button, and choose "Add to Home Screen" to test

Real developers can help you.

Nam Tran Nam Tran 10 years as fullstack developer Franck Plazanet Franck Plazanet I am a Strategic Engineering Leader with over 8 years of experience building high-availability enterprise systems and scaling high-performing technical teams. My focus is on bridging the gap between complex technology and business growth. Core Expertise: 🚀 Leadership: Managing and coaching teams of 15+ engineers, fostering a culture of accountability and continuous improvement. 🏗️ Architecture: Enterprise Core Systems, Multi-system Integration (ERP/API/ETL), and Core Database Structure. ☁️ Cloud & Scale: AWS Expert; architected systems handling 10B+ monthly requests and managing 100k+ SKUs. 📈 Business Impact: Aligning tech strategy with P&L goals to drive $70k+ in monthly recurring revenue. I thrive on "out-of-the-box" thinking to solve complex technical bottlenecks and am always looking for ways to use automation to improve business productivity. PawelPloszaj PawelPloszaj I'm fronted developer with 10+ years of experience with big projects. I have small backend background too ISHANTDEEP SINGH ISHANTDEEP SINGH Senior Software Engineer with 7+ years of experience in React, JavaScript, TypeScript, Next.js, and Node.js. I’ve also worked as a tech lead for startups, owning end-to-end technical execution including architecture, development, scaling, and delivery. I bring a strong mix of hands-on coding, product thinking, and technical leadership, and I’m comfortable building products from scratch as well as improving and scaling existing systems. Stanislav Prigodich Stanislav Prigodich 15+ years building iOS and web apps at startups and enterprise companies. I want to use that experience to help builders ship real products - when something breaks, I'm here to fix it. Antriksh Narang Antriksh Narang 5 years+ Experienced Dev (Specially in Web Development), can help in python, javascript, react, next.js and full stack web dev technologies. Anthony Akpan Anthony Akpan Developer with 8 years of experience building softwares fro startups Matt Butler Matt Butler Software Engineer @ AWS Basel Issmail Basel Issmail ’m a Senior Full-Stack Developer and Tech Lead with experience designing and building scalable web platforms. I work across the full development lifecycle, from translating business requirements into technical architecture to delivering reliable production systems. My work focuses on modern web technologies, including TypeScript, Angular, Node.js, and cloud-based architectures. I enjoy solving complex technical problems and helping teams turn product ideas and prototypes into working platforms that can grow and scale. In addition to development, I often collaborate closely with product managers, business analysts, designers, and QA teams to ensure that solutions align with both technical and business goals. I enjoy working with startups and product teams where I can contribute both as a hands-on engineer and as a technical partner in designing and delivering impactful software. Omar Faruk Omar Faruk As a Product Engineer at Klasio, I contributed to end-to-end product development, focusing on scalability, performance, and user experience. My work spanned building and refining core features, developing dynamic website templates, integrating secure and reliable payment gateways, and optimizing the overall system architecture. I played a key role in creating a scalable and maintainable platform to support educators and learners globally. I'm enthusiastic about embracing new challenges and making meaningful contributions.

Describe what's wrong in plain English. No technical knowledge needed.

Get Help

Frequently Asked Questions

Is this the same as putting my app in the App Store?

No. This makes your website installable as a 'web app' directly from the browser, without going through the App Store. It's free, doesn't require Apple approval, and works by adding your site to the home screen. It won't appear in the App Store.

Why does it work on Android but not iPhone?

Android (Chrome) and iOS (Safari) have different requirements for installable web apps. iOS requires Apple-specific HTML tags and only works in Safari — not Chrome or other browsers on iPhone. Android is generally more flexible about PWA installation.

Related Common Issues Issues

Can't fix it yourself?
Real developers can help.

You don't need to be technical. Just describe what's wrong and a verified developer will handle the rest.

Get Help