Booking tool settings: live preview

Live preview in the booking tool settings

Under Open booking tool, tab Settings, you see your booking page directly next to the settings, just as guests see it. Changes to Appearance, Header, Layout and Texts & Legal appear there immediately, even before you save. For example: change the primary color, and the buttons in the preview take on the new color; change the widget title, and the new title appears at the top of the page.

Where the preview appears

• Large screen: as its own column to the right of the settings. It stays visible while you scroll.
• Laptop: the preview is closed at first. Click “Preview” at the top, next to “Settings” and “Embed Code/URL”, and it opens at the right edge above the settings.
• Phone and narrow windows: there is no preview beside the settings. “Preview” opens your booking page in a new tab.

If you have closed the preview, Xentra remembers that. With “Preview” you bring it back.

The buttons at the top of the preview

• Computer / Phone: switches between the view on the computer and the view on the phone.
• Reload: reloads the preview.
• Open in a new tab: opens the booking page in its own tab.
• Close preview: hides the preview.

Good to know

• Units, prices and rules only appear in the preview after you save and reload.
• You cannot book in the preview; it is only for looking at. If you submit the form, it says “Preview: bookings are disabled here.”
• The preview also works while your booking tool is still a draft (“Activate widget” is off): you can search travel dates and see units and prices. “Open in a new tab” then shows the preview in a new tab, as long as you are signed in to Xentra in this browser. Until activation, guests only see “Booking widget is not active”.
• “Discard” in the bar at the bottom resets all unsaved changes, also in the preview.
• If your booking tool takes over the settings from “All booking tools”, you change design and texts there (at the top of the selection, “All booking tools (default)” or via “Edit there”). Click “Customize for this booking tool” if this booking tool should get its own colors or texts.