Customize the User Interface Using Page Composer (Video Transcript)

00:06

You can customize the OPERA Cloud user interface using Page Composer.

00:10

If you have the Customize Chain or Customize Property task assigned to your role then you

00:14

can re-arrange fields and add or delete fields on any panel with a gear icon.

00:19

Let's get started.

00:20

First, to turn on customization, in OPERA Cloud click the side menu and then click Settings.

00:27

Now I can choose the option to customize, at the chain or the property level.

00:32

In this example, I select to turn on property customization.

00:35

Then click Save.

00:37

Now, I see the customizing mode notification appears next to the OPERA Cloud user name

00:42

on the menu bar.

00:44

Now I can customize any panel with the gear icon.

00:47

In this example, I will customize the overview panel on the reservation, by adding a custom

00:52

field that saves a voucher number to the reservation.

00:54

I will make this field required for reservations with the VFREE rate code.

00:59

I will also add a link to open an external voucher tracking website.

01:02

To find the reservation, I go to Bookings, click Reservations and then click Manage Reservation.

01:10

Now, click the I want to menu and then click the confirmation number or guest name to open

01:15

a recently viewed reservation.

01:17

On the reservation overview, click the gear icon, and then click Add Field.

01:22

Go to the bottom of the list to select Flex Field, and then select Add Text.

01:27

Now, to define the properties of the custom field, I select Yes to display the field on

01:33

the screen.

01:34

Then, I select No from the read-only drop-down list, to make this field updateable.

01:39

Next, I select Custom from the required drop down list and then click the code bracket.

01:45

I enter the expression language code, to return "TRUE" only when the reservation rate code

01:50

equals "VFREE" and then click Evaluate.

01:53

Next, I'll click Apply.

01:55

Now, this Flex field is mandatory for reservations with the VFREE rate code.

02:00

Next, I change the field label to "voucher number" and then click save.

02:06

I can click the pencil icon to edit or verify the customization saved.

02:10

Next, to add a link, I click Add Field, go to the bottom of the list and select Flex Field, and then

02:17

click Add Link.

02:18

Now, I can change the text description for the field to voucher tracking.

02:23

Then, in the destination field, I enter the URL for the external website.

02:28

I select the checkbox to launch the URL in a New browser tab.

02:33

And then click Save.

02:36

Next, click Close customize.

02:37

Now, I see the voucher number and the voucher tracking link I just created.

02:42

To turn off the ability to customize, I click the side menu and then click settings.

02:48

Then I select off, and then click save.

02:51

Now, on the OPERA Cloud menu I see the customization notification is turned off.

02:57

Let's check the result of the customization.

02:59

To find the reservation, go to Bookings, select Reservations and then select manage reservation.

03:06

Click the I want to menu and then click the reservation confirmation number or name from

03:10

the list of recently viewed reservations.

03:13

Now, I see the Reservation Overview displays the new Voucher Number field and the Voucher