Skip to main content

What can be customised on the new User Interface (UI)?

Written by Kevin Cheav

Quick answer: We can customise your online ordering logos (header, desktop, mobile and order method icons) and your primary and secondary colours. Email support@nomni.ai and we'll make the changes for you.


Whilst not everything can be changed, we can customise the options below. Please email us at: support@nomni.ai to make these changes for you.


1. Logos

1a. Header Logo

Nomni Ordering online store home page with the header logo

1b. Method Option icons

Nomni Ordering online store order method popup with the method option icons highlighted

1c. Desktop Logo

Nomni Ordering online store store popup with the desktop logo highlighted

1d. Mobile Logo

Nomni Ordering online store mobile landing page with the logo

2. Colours

Only primary & secondary colours are customisable

Nomni Ordering console colour settings with Primary and Secondary Colour

2a. Primary Colour controls

Primary Button Colours: Category buttons, Shopping cart buttons, Checkout pay buttons, Ingredients options buttons and add buttons.

Highlight Text: “Edit”, “Add Promo Code”

t pay buttons, Ingredients options buttons and add buttons. Highlight Text: “Edit”, “Add Promo Code”
Nomni Ordering online store cart with highlight text in the primary colour

Primary colour also controls the font colours when you select “Guest” & “Login” below

Nomni Ordering online store checkout with buttons in the primary colour
Nomni Ordering online store checkout with the primary colour on fonts and buttons highlighted

2b. Secondary Colour controls the button background of secondary buttons such as “Login & Guest”, “Select Location”, “Edit” and “Add promo code”

Select Location”, “Edit” and “Add promo code”

3. Fonts

Only category names and product names can be customised to different fonts

Nomni Ordering online store page showing category and product name fonts

4. Imageries

Category image: 1200px x 300px

Nomni Ordering online store category images

Desktop hero image: 1920px 1080px

Nomni Ordering online store desktop hero image

mobile hero image: 1920px x 1080px

Nomni Ordering online store mobile hero image with the logo

5. Product view list OR Category view list display for Mobile only.

5a. Product view which shows the categories across the top horizontal view:

"Starters, Oven Cooked, Salads...."

Nomni Ordering online store product list view

5b. Category Display View - showing list of categories in vertical form.

Category backgrounds can be block colours OR with images. (Click HERE are the instructions to adding category images)

Click HERE are the instructions to adding category images)

6. Pre-Order time intervals

The options are 5, 10, 15, 30, 60 minutes.

Nomni Ordering console Pre-Order time interval dropdown highlighted
Nomni Ordering online store Time of preorder picker with interval time slots

What cannot be customised? Commonly asked questions:

1. The button font colours, system default is white:

Nomni Ordering online store category buttons for Special Deals, Pizza and Pasta

Nomni Ordering online store Special Deals category banner

2. Methods button colours, system default is white:

Nomni Ordering online store store popup with Pickup, Delivery and Dine In times

3. Platform system background: Default is white

Nomni Ordering online store desktop menu in the light theme

We have dark mode, but the dark background colour cannot be customised

Nomni Ordering online store desktop menu in the dark theme

Fields on the Theme Selector page

In the Nomni Ordering console, go to Theme and open Themes. Some labels still show the old OrderUp name. The Nomni name is in brackets.

On screen

What it means

Order Up Theme (Nomni Ordering theme)

The older ordering site theme.

Ng Theme

The newer ordering site theme.

Preview

Shows the theme before you turn it on.

Activate Theme

Turns the theme on. The page warns: "Please Note: Activation of theme will apply to all stores."


Need help?

Email support@nomni.ai or call 1300 445 483.

Did this answer your question?