Home>Online store

Upload a favicon and app site icon to your Square Online site

Who is this article for?
  • Sellers with online permissions. Set permissions in Square Dashboard.
  • Square Online Plus or Premium subscribers.
  • About favicons and app site icons

    The small image you see on a browser tab while visiting a website is called a favicon. Adding one to your site is a simple way to make your branding more memorable for site visitors and customers. It also makes your site stand out in a long list of browser bookmarks, especially when you use your logo.

    To access your Square Online site quickly, you can also offer your customers the option to add a branded site icon directly to their phones that looks like an app icon. A site icon gives quick access to your site without your customer needing to type a URL into their web browser each time. 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.

    Before you begin

    You can add favicons and site app icons from your Square Dashboard. 

    The favicon image should be square with a pixel size no larger than 64x64. The image must be saved as a .jpg, .png, .gif, or .ico file only.

    You have two options for site icons

    • Free icon — includes Square branding.

    • Custom icon — removes Square branding from the icon.

    Upload a favicon

    You can upload your favicon to Square Online from your Square Dashboard.

    1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Site Preferences.

    2. Select Upload under Favicon to choose your image file. If the upload is successful, you’ll see the favicon appear on the Site Preferences page.

    3. Publish your site from the Square Online site editor to see your changes live.

    Favicons are cached by browsers, so you may want to clear your browser cache after you publish. First-time visitors to your site will see your favicon, as will anyone visiting in a browser they haven’t used on a previous visit.

    If you still don't see the custom favicon on your end, try viewing your site with something other than your usual browser. It may still take some time for the cache to update in your browser (typically a few days).

    Add an app site icon for your website

    Square-Online-App-Site-Icon-EN

    You can set up an app site icon for your Square Online site from your Square Dashboard. 

    1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Site Preferences.

    2. Select Set up under Site Icon to upload a custom icon image of your own. 

    3. Select Free site icon or Upload a custom site icon.

    4. Select Save when finished.

    Once you upload a custom icon, you can edit or disable it from your site preferences.

    1. Sign in to your Square Dashboard and go to Website > Site Preferences.

    2. Select Edit under Site Icon to edit or select Disable to disable the icon. 

    Any icons previously downloaded by customers will automatically update to the new icon.

    Related articles