Theme Setup
The Theme Setup page allows you to customise the visual appearance and branding of the internet banking channel within Udara360, including the platform name, colour palette, typography, app store links, support contact details, and the images displayed across the login page, onboarding screens, and banners. Changes made here are reflected directly in what customers see when they access internet banking. The setup is organised into six steps, each covering a different aspect of the theme. This guide will walk you through configuring each step.
Accessing Theme Setup
Log into the application using your credentials.
From the dashboard, navigate to E-Channels in the side menu.
Expand Internet Banking and Select Theme Setup from the dropdown list
Configuring Theme Setup
General Information
This step covers the platform's identity, colour scheme, and support contact details.
Fill in the following fields under General Information:
Name
The name of the internet banking platform
Prefix
The institution prefix displayed on the platform
The institutional email address
SEO Keywords
Keywords used for search engine optimisation
Domain Name
The URL of the internet banking platform
Play Store Link
The link to the app on Google Play Store
App Store Link
The link to the app on Apple App Store
Preferred Fonts
The font used across the platform; select from Bricolage Grotesque, Fira Sans, IBM Plex Sans, Inter, Jost, Karla, Lato, Lora, Merriweather, or Montserrat
Preferred Design
The layout design; Design A or Design B
Under Colour Palette, set the following:
Theme Primary Color
The main brand colour
Theme Light Primary Color
A lighter variant of the primary colour
Theme Secondary Color
The secondary brand colour
Theme Light Secondary Color
A lighter variant of the secondary colour
Under Support Information, fill in the following:
The institution's Facebook URL
The institution's Instagram URL
The institution's Twitter/X URL
Website
The institution's website URL
Support Email
The customer support email address
Support Phone Number
The customer support phone number
WhatsApp Phone Number
The customer support WhatsApp number
Address
The institution's physical address
Click Next to proceed to the next step.
Login Page Image
This section enables you to upload or update the image shown on the login page, helping to create a branded and welcoming first impression for users accessing the platform.
Steps:
Upload the image displayed on the internet banking login page.
Click the upload area to select the Login Page Image from your device
Click Next to proceed
Logo Image
Here, you can upload the bank or application's official logo. This logo will be displayed across the platform, reinforcing the brand identity.
To upload the institution's logo displayed across the internet banking platform:
Click the upload area to select the Logo Image from your device
Click Next to proceed
Onboarding Navigation Image
In this section, you can set an image for the onboarding navigation page. This image helps create a consistent visual experience for users during the onboarding process.
To upload the background image displayed on the onboarding navigation screen:
Click the upload area to select the Onboarding Nav Background Image from your device
Click Next to proceed
Favicon Image
This section allows you to set the favicon, a small icon displayed on browser tabs, which makes it easy to identify the platform among multiple open tabs.
To upload the favicon displayed on the browser tab when customers access internet banking:
Click the upload area to select the Favicon Image from your device
Click Next to proceed
Left & Right Banner
This section lets you add banners that will be displayed on the platform's left and right sides. Banners can highlight promotions, announcements, or important updates to users.
To upload the banner images displayed on the left and right sides of the internet banking interface:
Click the upload area to select the Left Banner Image from your device
Click the upload area to select the Right Banner Image from your device
Click Save to apply all theme changes
All six steps must be completed before clicking Save. Clicking Previous at any step takes you back to the previous one without losing your entries..
Last updated