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;
- apple-icon-57x57 -- Must be 57 pixels x 57 pixels.
- apple-icon-72x72 -- Must be 72 pixels x 72 pixels.
- apple-icon-114x114 -- Must be 114 pixels x 114 pixels.
- 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 ...Creating a Retailer
This article provides a short walk-through tutorial on the steps required when creating a new Retailer Using the Inzant Sales app. To Create a New Retailer touch 'Retailers' on the left of the screen. You will now be able to view a list of previously ...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 ...
Recent Articles
Management Portal - Adding a Pricing Rule Walk Through Video
Watch the linked video as we walk through creating a new pricing rule, set conditions for discounts, select products, choose applicable price lists, and schedule the rule for auto-publishing. Check out the detailed steps and explanations below to ...Performing a Hard Reset on an iPad
Adding a Favourites List to a Retailer
In this video, I will show you how to add a favourites list to a retailer. I will guide you through the steps, including selecting the retailer, navigating to the favourites section, and adding a list. I will also explain how to choose the contact ...Accessing and Managing Favourites Lists
In this video, I will show you how to access and manage your favourites lists on our platform. I will guide you through the steps to access your favourites list, apply filters, and view specific categories. Additionally, I will demonstrate how to add ...Creating Bespoke Favorites Lists for a Contact
In this video, I will show you how to create a bespoke favorites list for a specific contact. Sometimes, certain contacts may have unique preferences, and it's important to cater to their needs. I will guide you through the process of selecting the ...