Favourite Lists - Configuring Favourites for Customers

Favourite Lists - Configuring Favourites for Customers

Please note:
  • Favourites are currently a customer facing feature only. This guide covers enabling this feature on the website.
  • This guide contains lost of example configuration images. To view any of these images in a larger size just click on the image.

To enable your customers to configure & use favourite lists on the website you will need to perform the following configuration options within the Inzant CMS;

Navigate to the "Ordering" Screen (option under settings).


Scroll to the bottom of this section, and enable "Account Customers can have favourites".
This will then open a large configuration zone that you will need to populate with options, see below the relevant options you need to complete;



Labels
Favourites Title: This is the Header text that appears on the Favourite List details screen. 


Favourites Tooltip: This is the mouseover tooltip that gets displayed when the user hovers over the Favourites shop mode icon.


Add Favourites Tooltip: This is the mouseover tooltip that gets displayed when the user hovers over the "Add to favourites" icons.


Remote Favourites Tooltip: This is the mouseover tooltip that gets displayed when the user hovers over the "Add to favourites" icons - and it's already a favourite.


Edit Favourites Button Text: The display text for the Edit Favourites list button, displayed on the Favourites list details screen. 


Save Favourites button Text: The display text for the Save Favourites list button, displayed on the Favourites list details screen (favourite list must be in edit mode for this button to display).


Images
Sample Images attached in a folder at the bottom of this guide.

Favourites Image Selected: This is the image used to show the order mode (shown when hovered or the favourite list screen is open). 


Favourites Image Unselected: This is the unselected version of the image used to show the order mode.


Add Favourites Small Selected: This is the image that gets used on the Shop List mode when an item is already on the favourite list.


Add Favourites Small Unselected: This is the image that gets used on the Shop List mode when an item is not already on the favourite list.


Add Favourites Large Selected: This is the image that gets used on the Product Details screen (directly under the image) when an item is already on the favourite list.


Add Favourites Large Unselected: This is the image that gets used on the Product Details screen (directly under the image) when an item is not already on the favourite list.



Multiple Favourite List Option
If you'd like your customers to be able to create and manage multiple favourite lists (for instance if there are multiple frequent reorders they'd like to be able to preconfigure). This option will modify the user experience in the following ways;
  • The user will be able to Add, Rename & Delete Favourite lists from the My Account Section
  • The user will be able to easily jump to any favourite list from the shop sidebar menu in other order modes.
  • The user can add or remove a product from one or more favourite lists at once.
Please follow the following steps to enable multiple favourite lists. In the Ordering screen, please enable the "Allow Multiple Favourite Lists" option. PLEASE NOTE, this setting cannot be disabled, please be sure you want multiple favourite lists before enabling.


Manage Favourite Lists Text: This text displays in the My Account Sidebar Zone, The Heading on the Manage Favourite List Page & as the last option in the Shop Sidebar Favourite zone.


Shop Favourites Filter Text: This is the text heading for the pantry lists in the Shop sidebar.


You will lastly need to add the attached CSS and JavaScript files into the website, and then add it to both the /Shop and /Product pages.
See below basic instructions on this, however if you need any assistance on this step please contact Inzant Support & we'll be able to help.
  • Open the attached (below) text files. 
  • Open the Inzant Web CMS, navigate to the "JavaScript" screen.

  • Click "Add" button to add a new file.
  • Type in a name into the "URL" zone, "Inz-Favourite-List.js" is a good option (don't forget the .js at the end).
  • Copy the contents of the text file into the "JavaScript" zone.
  • Click "Save & Publish".

  • Navigate to the "CSS" screen.
    • Click "Add" button to add a new file.
    • Type in a name into the "URL" zone, "Inz-Favourite-List.css" is a good option (don't forget the .css at the end).
    • Copy the contents of the CSS text file into the "CSS" zone. 
    • Click "Save & Publish".
  • Now navigate to the "Pages" section of the CMS.

  • Create a Preview version of the /Shop Page

  • Open the JavaScript section, and insert "/scripts/" and then the name you used for the file, so as per above example "/scripts/Inz-Favourite-Lists.js". Click the add button (this will reload the page).

  • Open the CSS section, and insert "/styles/" and then the name you used for the file, so as per above example "/styles/Inz-Favourite-List.css". Click the add button (this will reload the page).



  • Click "Save & Publish" button.

  • Repeat process for /Product Page (create preview, add the javascript to the page, add the CSS to the page, save and publish).
Now you're finished, login as a customer to the website (or as your admin user) and test its working as expected. 

    • Related Articles

    • Favourite Lists - Using Multiple Favourite Lists for Ordering

      This guide covers the customer facing functions available when Multiple favourite lists are enabled. Creating / Managing Favourite Lists To Add, Rename or Remove Favourite lists you'll need to navigate to the My Account screen, then click on the ...

    • Adding and Editing Favourite Lists

      Website favourites lists can now be managed in the management portal. A favourites list can be put together for a single contact on a retailer or all contacts on a retailer. Where to find Favourites List To navigate to Favourites Lists open the ...

    • StockCount Order Mode - Filtering Customer Order History

      On the StockCount Order mode there are 8 columns of information displayed on each product row. This information relates to products being "Ordered" (O) or "Stock counted" (S). Ordered refers to the the quantity of the item that was actually ordered, ...

    • 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 ...

    • StockCount Order Mode - Navigating the StockCount screen

      The StockCount order mode in Inzant Sales Plus is a hybrid order mode, incorporating both the customers ordering history & a stock level based ordering method into the screen. The first thing to understand is that this screen will only ever show ...

    • 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

    • 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 ...

    • Changing the Order of Favorites Lists

      In this video, I will show you how to easily change the order of your favorites list on both the website and the iPad. By simply dragging and dropping, you can customize the order to your preference. No action is required from you, this is just a ...

    • How to Create and Manage Favourites List on iPhone

      In this video, I will show you how to create and manage a favourites list on your iPhone. You can access, edit, and add items to your favourites list directly from the iPhone app. I will guide you through the steps of adding a favourites list, adding ...