Creating Mobile Home Screen Icons for your website

Creating Mobile Home Screen Icons for your website

A Mobile home screen icon is the icon that gets used on the device when someone saves your website to their home screen. It's designed to allow your website to look more like an app on their device, furthering your brand recognition with the user.




To do this in Inzant Sales, you need to make 4 different images, each with a certain size and each with a specific name;
  1. apple-icon-57x57  --  Must be 57 pixels x 57 pixels. 
  1. apple-icon-72x72  --  Must be 72 pixels x 72 pixels.
  1. apple-icon-114x114  --  Must be 114 pixels x 114 pixels.
  1. apple-icon-144x144  --  Must be 144 pixels x 144 pixels.
ALL files must be in PNG format, and must be named exactly as above (including the hyphens).

These images are typically variations on your company logo - much like an app icon would be. As app icons are normally pretty small, if you've got a logo that isn't a circle or square then you might consider using only part of the logo that does nicely fit into a square, and is still easily recognisable when its very small.

Once you have finished the images you should upload them into the Inzant Sales CMS File Library. You can do this by following the below steps.

Login to the CMS, and open the "File Library" page.


Click the "ADD" button to upload the new file.


Click the "Choose File" button


Use the file selector to open the image.


Click the "Save" button in the top right corner of the screen.



Repeat this process until all 4 images are now in the file library. You can check to make sure they are all there by doing a search on "apple-icon".


To review the images open your website on a mobile device (phone or tablet) and save the website to your home screen. When looking at the website from the home screen it should appear with the new image.









    • Related Articles

    • Creating a Favicon for your website

      A favicon is a small icon/image that gets associated with your website. Most notably its shown in the browser tab in most browsers & next to the name of any bookmarks. Its main function is to provide further branding ability for websites, so it ...
    • Quick Guide - Creating an Order using the Management Portal

      This is a Quick Guide on Creating a New Order using the Inzant Sales Management Portal  Starting your Order-Open the Dashboard, Select a Retailer to Start a new Order. Next navigate to the Retailer Details screen. From a selected retailers detail ...
    • Creating a new website Page

      Note: To view any of the below walkthrough images in a larger size simply click on them - then click on the cross in the top right corner to close the image window. Creating a new website Page for your site can be easily done by navigating to the ...
    • Adding an Image to an Order on the iPad

      This quick help guide shows you how to add an image to an order. When you are ready to take the picture you wish to attach to an order Tap the Camera App. Tap the capture button to take the desired picture, then tap the home button and re-open the ...
    • Create a notice/announcement on your website

      If you need to put up a temporary announcement on the website - for instance to announce shortages of stock, or a business closure period - then the simplest way to do this is to put a Content Bar Full Width widget on the home page with your desired ...
    • Popular Articles

    • Home Screen and Navigating the System

      The Home Screen The home screen is the start up screen for the App. It contains links to all the other major screens and provides some KPI information and access to your schedule. In this article we will discuss all the links so you can navigate ...
    • Setting a Retailer to have Website access from the Management Portal

      To enable customers access to the B2B Portal or Website, you need to allow the Contact on a Retailer to have access. After logging into the Inzant Sales Management Portal you'll need to navigate to the Retailer in question. This involves clicking the ...
    • Creating Hyperlinks

      There are two main areas within the CMS that hyperlinks can be created; In a specific content zone provided by a widget. In the CK Editor content entry zone. Both zones offer the same 3 basic link types, Internal URLs, External URLs and Mailto ...
    • Initialising & Resyncing the Inzant Sales App

      If you need to reload your database the process is quite straight forward. Please be mindful that performing the below process will erase ALL information within Inzant Sales on the device, so please check and make sure all incomplete orders or quotes ...
    • Shutting down Apps running in the background

      If you are noticing your iPad starting to run very slowly and Inzant starting to crash then your iPad may have all its resources being used by other applications running in the background. We'd recommend periodically closing all apps running in the ...
    • Recent Articles

    • Settings - KPI Data Source

      KPOI Data Source settings allow you to change the information shown in the Home Screen Sales Panel. Touch the Utilities Icon Touch Settings  To Change the Data Source Touch Sales KPI Data Source If you have selected a Fiscal Year data source, you can ...
    • Settings - Fixed Products per Row

      Fixed Products per Row mode give you the option to set the number of products per row to be fixed when a device is rotated. Touch the Utilities Icon Touch Settings  Touch Fixed Products per Row Select the option you prefer, this can be changed any ...
    • Settings - Show Bulk Discounts

      Show Bulk Discounts mode give you the option to allow bulk discounts to be applied on the Order Review screen. Touch the Utilities Icon Touch Settings  Touch Show Bulk Discounts Select the option you prefer, this can be changed any time. Once you ...
    • Video Guide - Subscription Management

      Your Inzant Sales Subscription screen allows you to manage the total number of active User Licenses. The configured number of User Licenses is what calculates the total subscription cost each month. The Subscription screen allows you to modify the ...
    • Video Guide - Order Types Explained

      This video covers the work flow from iPad to ERP and what each stage of an order is named. ​​