How to set up the custom design app

What is the custom design app?

The custom design app allows you to customize many aspects of your booking page and widget to make the page match your restaurant’s identity. With custom design, it’s going to be possible to set up your own colors, fonts, and a few other settings for your booking flow, booking widget, and takeaway page. With the customized design, you can make sure that our widget fits with the colors and fonts that you already use on your website.

Read more about 👉 the custom design feature here.

How to activate the custom design app

Just like all other resOS features, you have to activate the feature in the App section directly on your account.

Activate the custom design app by first going to the app section and activating the app called ‘Design‘.

As soon as you click on ‘Activate‘ you will be redirected to the next step where you can choose your custom design settings. You can, of course, always go back and make new changes in SettingsDesign.

Here you can plan around with different color schemes, font styles, and round corners. You can also preview the design before releasing it on your website.

Custom design app

1️⃣ Theme: Choose the base theme that defines the text color and how the contrast and color variants used for the different elements are calculated.

2️⃣ Colors: We support all kinds of colors that exist. This means that you can select from more than 300 different colors for the primary brand and the background. You can see all the fonts that we support here.

3️⃣ Fonts: You can select up to two different font styles and font sizes that will be used for headlines and the other text that appears on the page. 

4️⃣ Layout: Choose between a rounded corner size and a container shadow size.

Example of a new customized booking page

This is the standard-looking booking widget without any customized design.

The image below shows an example of how you can customize the design to make it fit better with the colors and style of your restaurant and website.

custom design app

This booking widget has some new colors, both for the background and buttons. The font of the page has also been changed.

Lastly, the corners of all the elements have been changed to be more rounded, which gives it more of a smoother feeling compared to the standard-looking booking form in the image above.

Exactly what part of the system design can you customize?

We want to give you the flexibility to make the booking form and widget more customized so that your guests get the same experience when they book a table as they get when they visit your website. For now, this custom design feature can only be applied to the guests’ views such as the booking flow, widget, and takeaway page. Meaning that you can’t change the colors and general design internally in the resOS app yet.

Do you need any help?

As always, please reach out to us with any feedback on the design app, we would love to hear what you think on [email protected]. You can also let us know if you require any help with using the custom design settings, or if you have any other questions about the system and features.