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 Contact or Retailer in question. Finding a ...
    • Inzant Website CMS User Manual

      The latest version (currently version 1.4) of the CMS User Manual is attached, which you can download and use as required.
    • 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 ...
    • Recent Articles

    • Navigating the Contacts Search Screen

      The Retailer Search screen provides you will a complete list of the Retailer Contacts in the system. It allows simple and advanced searching of contacts and also provides a number of views of the data. The screen also allows you to export displayed ...
    • Using Google reCAPTURE with the Inzant Web Site

      The Inzant website uses reCAPTURE V2 from Google to prevent bots from posting comments on blog articles.  More information of reCAPTCHA can be found here  https://www.google.com/recaptcha/about/ To enable reCAPTURE 1. Register with Google for ...
    • Inzant Sales iPad - Call Cycle and Scheduling

      This play list contains all you need to know about call cycle planning and scheduling, including: 1. Dash board overview 2. feature overview 3.Planning a call at the end of an order 4. Recurring appointments 5. Using map mode 6. Managing call cycle ...
    • Inzant Sales iPad - Dashboard

      This play list gives you an overview of The Inzant Sales dashboard and quick links https://youtube.com/playlist?list=PLpk7RKJTyAWCtzZyqoeYGD6zxVjEI5BHl
    • Management Portal - Orders

      The Management Portal play list includes the following topics; 1.Order Screen views 2.Using Advanced Searches 3.Order types Explained 4.Veiwing and editing an order 5. Taking an order 6. Managing web carts ...