In this article, we explain how to create a fly-out panel in the CMS. You need two items for a properly functioning fly-out: a pop-up (1) and a fly-out label (2).  

1. Create Pop-up

Read how to create a pop-up / fly-out here: Create Pop-up



2. Connect Pop-up to Fly-out Label

The fly-out label is the small label that shows on the right side of the screen, and triggers the pop-up when clicked on it:


  • Go to the CMS
  • Navigate to Flyout in the left menu:
  • Check the box besides Check to enable the flyout button:
  • Enter a name that you wish to showcase on the fly-out label for the desired languages.
  • Select which pop-up you want to connect to the fly-out label in the dropdown menu next to Enter the data link for the popup
  • Press Save Changes

The fly-out label will still need to be style if you set it up for the first time (e.g. for a new hotel website). Make sure to just take a screenshot and deactivate the label again (by unchecking the box again). Send us a message, and we will make sure to update the styling!