Editor

Customise the visual appearance of your storefront, including branding, colours, logos, banners, and announcements. Changes can be applied across all storefronts or targeted to specific stores or customer segments.

Logo

Set Logo

Uploads the main storefront logo used for customer-facing branding, including the storefront header and website display.

PNG with a transparent background, minimum size 600 × 50 px

Set Icon

Uploads the storefront icon used for smaller brand displays, such as the app icon, browser icon, or system icon.

1024 × 1024 px PNG with no alpha (transparent) background

Colours

Control the visual theme of the storefront to align with your branding.

Primary Colour — The main brand colour used for key elements across the storefront.
Secondary Colour — A supporting brand colour used alongside the primary colour.
Navbar Colour — The colour of the navigation bar displayed to customers.
Background Colour — The main background colour of the storefront.
Text Colour — The standard text colour displayed across pages.
Heading Colour — The colour used for titles and headings.

Colours must be entered using HEX colour codes. A HEX code is a six-digit combination of letters and numbers used to represent a specific colour digitally, such as #FFFFFF for white or #000000 for black.

Click Update to save changes.

Changes to the mobile app may require an app update before they become visible to customers.

Banners are used to display promotional and informational content to customers. They can be used for promotions, product highlights, store updates, or marketing campaigns.

Navigate to New Banner to create a new banner.

Display Options

Choose which storefront channels the banner should appear on:

Mobile App
Mobile Web
Desktop Web
Kiosk

Images and Content

Image — The main banner image displayed to customers.
Mobile Image — An alternative image used when the desktop banner image does not display correctly on smaller screens.
Summary — Text displayed on the banner to communicate promotions, messages, or calls to action.
Background Colour — Sets the background colour behind the banner content.
Ratio — Controls the banner’s size and shape and determines how it fits within the available display area.
Content Mode — Determines how the image is displayed:
- Fill — Expands the image to cover the available space. Parts of the image may be cropped.
- Fit — Displays the full image within the available space. This may leave empty space around the image.

Controls what happens when a customer selects the banner.

None — The banner displays information only and does not perform an action.
Show Rich Content — Displays additional content linked to the banner.
Open Link — Redirects customers to a specified webpage or destination.
- URL — The webpage or destination the customer is directed to.
- Mode — Determines how the link is opened.
- Open in App — Opens the destination within the app where supported.

Controls who sees the banner and when it is displayed.

Start and End Date/Time — Determines when the banner becomes active and when it stops displaying.
User Filter — Targets the banner to specific customer segments, such as loyalty members, customer groups, or marketing segments.
Limit to Store(s) — Controls which stores display the banner. Selecting specific stores limits visibility to those locations. Leaving this blank displays the banner across all stores.

Click Create App Banner to publish the banner configuration and apply the changes across the selected storefront channels.

Announcement

Announcements are used to manage customer notifications and important messages, including discounts, promotions, store closures, and operational updates.

Examples

Our Auckland Central store will be closed on Monday 10 August for scheduled maintenance. Normal trading hours will resume on Tuesday.
New Product Available
Join Our Rewards Program

Creating an Announcement

Navigate to New Announcement to create a new announcement.

Summary — A short description or title of the announcement. Used to quickly identify the announcement.
Body — The main announcement message displayed to customers.
Start and End Date — Determines when the announcement becomes visible and when it stops displaying.
URL — A link connected to the announcement. This can direct customers to promotions, websites, or additional information.
URL Mode — Controls how the URL opens:
- Internal — Opens the link within the existing application or storefront.
- External — Opens the link outside of the application or storefront.
Saved Filter — Targets announcements to specific customer segments.
Store IDs — Targets announcements to specific stores. Leaving this blank applies the announcement to all stores.

Click Create App Announcement to create and publish the announcement based on the configured settings.

Navigate to More to view all created announcements.

Page

Pages manage customisable content displayed within the app or storefront. They can be used to create rich-text content for customer-facing information such as About pages, store policies, Help pages, and Terms & Conditions.

Creating a Page

Select New Page to create a new page.

Title — The name or heading of the content page.
Body — The main content displayed on the page.

Markdown is enabled in the page body, allowing you to use Markdown formatting such as headings, bold text, lists, and links.

Start and End Date — Controls when the page becomes visible to customers and when it stops displaying.
Position — Controls where the page appears within the app or storefront.
URL — Defines the link location used to access the page.
URL Mode — Controls where the URL opens.
Only User Segment — Controls which customer segments can view the page. This can be used when content should only be available to specific groups.

Click Create App Page to create and publish the page.

Navigate to More to view all created pages.

Online Ordering