Why Shopify or Etsy Icons Change When You Add a Shop to Your Home Screen

When adding a Shopify or Etsy shop to your iPhone Home Screen, the icon often changes to the platform’s logo. Learn why this happens and how to use your own custom shop icon instead.

Contents

If you run an online shop on platforms like Shopify or Etsy, you may have noticed something frustrating:

“When customers add my shop to their iPhone Home Screen, the icon becomes the Shopify/Etsy logo instead of my brand.”

In this article, we explain why your shop cannot use its own icon by default and how you can let customers add your shop to their Home Screen using your own branding.

When an iPhone user selects “Add to Home Screen,” Safari looks for a specific file on the website:

apple-touch-icon

This file determines the icon shown on the Home Screen.

Because Shopify and Etsy set this icon at the platform level, the Home Screen icon becomes:

Your shop page is treated as a part of the platform—not an independent website— so iOS does not use a shop-specific icon.

1P1A-EN

Why This Is a Problem for Shop Owners

Having customers save your shop to their Home Screen can be valuable, but:

The Commonly Suggested “Shortcut Method” Has Major Drawbacks

Some guides recommend using the iOS Shortcuts app to create a custom icon. However, asking customers to do this is unrealistic:

In short: great for personal use, terrible for customers.

OJapp Lets Customers Add Your Shop With Your Icon

OJapp is a web tool that lets you freely set the icon, title, and URL used when adding a website to the Home Screen.

This allows your customers to place your Shopify or Etsy shop on their Home Screen using your own brand logo.

Only Three Steps Required

  1. Select your shop’s logo image
  2. Enter the name of your shop
  3. Paste your Shopify or Etsy shop URL

When customers open the generated page and tap “Add to Home Screen,” your custom icon is applied instantly—no shortcuts, no instructions.

1P1A_EN

Let Customers Save Your Shop With Your Branding

A custom icon can dramatically improve how your shop appears on a user’s Home Screen and strengthens brand recognition.

👉 Use OJapp to set your own custom shop icon

OJappTools-en

Why Does a Different Page Open After “Add to Home Screen”? Understanding PWA start_url

Why your iPhone Home Screen icon opens a different page.

Ojach

Hi, I'm a solo web developer based in Japan.I'm the creator of One Page. One App. (1P1A), a page-first approach to Progressive Web Apps. I build WordPress plugins and web tools that make it easy to turn individual web pages into installable home screen apps.Most articles on this site are first written in Japanese and then translated into English. While the English may not always be perfect, every article is based on extensive real-device testing with iPhone, Android, Safari, Chrome, Web App Manifest, Service Workers, and modern PWA architecture.

← Back to articles