How to set up the custom design app

This article will guide you to how you can easily set up the custom design settings to personalize your booking page and widget.

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.

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 activate 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 Settings -> Design. 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
  • Theme: Choose the base theme that defines the text color and how the contrast and color variants used for the different elements are calculated.
  • Colors: We support all kinds of colors that exist. This means that you can choose from more than 300 different colors for the primary brand and the background. You can see all the fonts that we support here.
  • Fonts: You can select up to two different font styles and font size that will be used for headlines and the other text that appears on the page. 
  • Layout: Choose between rounded corners size and 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 here has some new colors, both for the background and buttons. The font of the page have also been changed. Lastly the corners of all the elements have been changed to be more rounded, which gives it more of a smooth 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 'yours' so that your guests gets 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.

Read more about the custom design feature here. custom design app

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 need any help with using the custom design settings, or if you have any other questions about the system and features.