1. STAY Help Center
  2. First Steps
  3. Configure the Home Page of your App

How to configure your homepage with the BUBBLES template

This template is composed of circular icons with images. We can create up to 25 images and activate both the welcome message and the floating bubble. 

Route: MY APP > Select your product > CUSTOMIZE APP > BUBBLES Homepage 

We can configure the following settings:

  • Logotype: we can add our hotel’s logo in PNG format. The recommended size is 500x250 px. To upload an image, click on the image box and choose one from the gallery or from your computer.
  • Background image: we can add a background image for the frontpage header in PNG format. The recommended size is 500x250 px. To upload an image, click on the image box and choose one from the gallery or from your computer.
  • Enable dark overlay: we can switch this option on if we want to activate an overlay that makes the background image darker. This is useful if our background image is too light.
  • Main color: we can configure our app's main color in hexadecimal format. The main color is displayed in all of the app's buttons and banners.

Optional Settings

  • Welcome Message: We can select this option if we want to display a pop up with a Welcome message to all guests who open the app for the first time. Once we activate the switch, we can edit the message by selecting the “Edit welcome message” option
  • Floating bubble: This bubble will always be visible in the right bottom corner of the homepage. We need to link this bubble to the content section we want to display. We also have to introduce the color for our bubble in hexadecimal format.
    • Bottom bubble background color: introduce the main color for the bubble in hexadecimal format.
    • Section: introduce the floating bubble's name in all available languages by clicking on the flag icon.
    • Section contents: choose the content to be displayed when the guest clicks on the bubble.
    • Link to URL: select this option if we want the shortcut to display a specific URL. The text box will automatically turn into a box where we can insert different URLs for each language. We can also select the “Open URL in browser” option, as there are URLs that cannot properly be displayed inside the Web app.

Homepage sections and categories 

We can have up to 25 sections. 

  • How to add a section 

Select the “Add section” option to create a new section and fill in the following fields: 

  1. Icon: upload an image from your computer or choose one from the predefined images.
  2. Section: introduce the name of the section in all available languages by clicking on the flag icon. 
  3. Section contents: choose the content to be displayed when the guest clicks on the shortcut.
  4. Link to URL: select this option if we want the shortcut to display a specific URL. The text box will automatically turn into a box where we can insert different URLs for each language. We can also select the “Open URL in browser” option, as there are URLs that cannot properly be displayed inside the Web app.
  • How to delete a section 

Click on the trash icon to the right of the section we want to delete and confirm in the pop up window.

  • How to modify the order of sections 

Use the up and down arrows to modify the order of the sections.