Centro - Administrators - UI Layouts

Intro

In this Centro Administrators video, Jerry walks you through the full process of creating and managing custom UI layouts in Centro. You’ll learn how to design layouts that reflect your brand, enhance the customer experience, and support real-time services across locations.

Video

Transcript

Hello everyone.

My name is Jerry.

Welcome to Centro.

In this video series, I'm going to walk you through the Centro user

interface layout, how to create and manage UI layouts , how to align

them with your brand, and how to assign them to a specific location.

We are going to add elements like groups,

Buttons, plugins.

And finally, an overview of the newly created UI layout.

You learn how to design layouts that reflect your business identity

and enhance customer experience.

Centro's, intuitive customizable UI layouts

Bring your brand to life, delivering a seamless app experience with real-time

services, dynamic content, and scalable control across every location.

Let's get started by creating a new layout.

Go to settings, customization, UI layout.

Here you'll see a list of existing layouts.

Click add new, enter a name, and a description.

Then hit save.

Once it's created, enable the new layout so we can start editing it.

Think of this layout as a blank canvas.

You can add interactive elements like buttons, groups, plugins, QR code.

Wallet passes and realtime messaging interfaces.

You'll find tabs for associations and settings as well.

To begin, let's add a grouping element. This simply connects multiple

elements together while also letting us define the alignment and size.

For this demo, we'll be adding a group, an interactive plugin, and a button

connected to a different UI layout.

So click add new element, then choose group.

Enter a group name and and the display text.

In this example, I'll use welcome to Centro Hotel, and

set the group to two columns.

Then click save.

Now go into the group and click add element,

then button. Buttons can be linked to another layout, a plugin layout, a

website, or even back to the homepage.

For this example, I'm going to link it to another UI layout.

For activities, select the appropriate UI layouts, and then title it activities.

Add a subtitle like book now and choose an appropriate image.

Then click save.

The next video will cover UI layouts, plugins, and the rest of the tabs.

This has been the video for the Centro UI layout creation.

Have a nice day.

Centro UI Layouts

Hello everyone and welcome to the video of Centro UI layout.

We added a button linked to another UI layout in our previous video.

Now let's add a plugin called Room Service

Select add element, then plugin.

Choose the plugin instance for room service in Centro.

A plugin is a modular feature designed for specific services like room service, spa

bookings, amenity reservations and more.

We cover plugins in more details in our other videos.

Back to the plugin.

Select the plugin layout and then click save.

Next, we need to associate this layout with the location.

Go to the associations tab, click add new, choose a

location and assign the layout.

In this example, I'll assign it to apartment 2 0 2.

Then click apply. To preview the layout,

Go to settings, objects, locations.

Then select apartment 2 0 2.

Under the location layout tab, you'll see two options.

You can scan a QR code or click a shareable link.

I'll click the link to preview how the layout looks.

Clicking on the room service button will take you to a predefined menu,

which we'll explore in another video.

The activities button will take me to another UI layout.

From here, you can brand and customize buttons, workflows, and guest experiences

to match your property style and services.

Thank you so much for watching, and I hope to see you in the next video.