App Site Icons for Square Online
Note: Using a custom site icon requires an upgrade on your Square Online site.
In order to facilitate access to your Square Online site, you can allow your customers to add a branded site icon directly to their phones that looks like an app icon. A site icon encourages quick access to your site without your customer needing to input a URL into their web browser each time.
Note: This feature is currently only supported on Safari for iPhones, and Chrome, Firefox and Edge for Android mobile devices.
Choose and enable your icon
![Square-Online-App-Site-Icon-EN](http://images.ctfassets.net/gc4s9mi2asix/5oyQHmtOo90dWIYYev480I/368c03ae73f4abad445374b28dd84632/Screen_Shot_2021-10-12_at_11.26.25_AM.png)
To set up an app site icon for your Square Online site:
In your Square Online overview page, go to Website > Site Preferences.
Under Site Icon, select Set up to upload a custom icon image of your own. A default icon will already be selected for you using your site title and brand colour.
Select Save when finished.
With this feature, customers who complete an order on your live mobile website will see a small pop-up banner on the order confirmation page encouraging them to add the app site icon to their phone.
Note: Be sure to also choose your site title on the Site Preferences page, as it’ll be the name of your app site icon.
Edit your icon
To edit your icon, go to your Site Preferences page and select Edit under Site Icon. If you update the icon design, icons that were previously downloaded by customers will be automatically updated to the new icon.
Disable your icon
To disable your icon, go to your Site Preferences page and select Disable under Site Icon. This will remove the small pop-up banner on the order confirmation page that encourages customers to add an icon to their phone. It won’t, however, remove existing icons from phones where the icon was already added.
Free vs Custom Icons
![Square-Online-Free-Site-Icon-EN](http://images.ctfassets.net/gc4s9mi2asix/2VhYD3MLBlPqWIKHnx8J2U/7dba93d948b9ab616381448492a9f0c3/site-icon-basic.gif)
The free icon allows you to take advantage of this feature quickly right from your dashboard without needing to hire a designer or take time to design an icon yourself. The free icon includes Square branding. The free icon includes Square branding.
![Square-Online-Custom-Site-Icon-EN](http://images.ctfassets.net/gc4s9mi2asix/1DsZtICZeH89joJlx6lAfh/0c8fdc1c7672a28611d676d5c4e6be55/custom_site_icon.gif)
The custom icon allows you to bring your branding full circle, giving your customers an app-like experience that’s straightforward and simple to understand. The custom icon removes Square branding from the experience.