Your brand should be front and center! With Buddi, you can customize the look and feel of the app to match your branding, creating a cohesive retail experience.
Using the Buddi kiosk should make customers feel like they’re still dealing with the brand they know and trust. That means relying on the same branding and colors you use for other devices or platforms.
To customize your Buddi app with your branding. Go to the Custom Branding module:
Sign in to the Admin Portal: app.buddi.io
Navigate to ‘Custom Branding’ > Kiosk: Custom Branding
Before proceeding, please ensure that your images are under 1 MB. Ideally, much smaller as it will affect the initial loading time.
Customizing the Greeting Page (Home Screen)
You can customize the Greeting Page with your logo, as well as the background with either a custom image or with your brand colors.
Logo file size: 150 x 100 pixels. Larger files can be uploaded - the system will simply resize it.
PNG files are recommended as these offer transparency. Image 1 in the examples below does not contain a logo with a transparent background. Image 2 uses a PNG that allows for transparency.
To upload a logo go to the Greeting Page Design section under Custom Branding, click the ‘Drop file here or click to select’ button and select the file you wish to upload. Click Open.
Your logo will appear in the upper left corner of the Greeting Page.
Background Images or Custom color:
Background image size: 1440px x 900 pixels
You’ll want to ensure that your chosen background doesn’t obscure your logo. See Image 2 vs. Image 3
To add a background image or custom color,, go to 'Background Type' in the 'Greeting Page' section under 'Custom Branding'. There you'll have the option to enter custom color via a Hex code or by using color picker. You can also upload background image or video by clicking the ‘Drop file here or click to select’ button and select the file you wish to upload
Image 1 - Logo upload as JPG which retains a white background.
Image 2 - Logo Uploaded as PNG. The logo is clearly visible on this background image.
Image 3 - Logo isn't clearly visible due to the background image chosen.
Customizing the Application Layout (Menu Screen)
- Your logo can also appear in the main application area.