The Lodgix booking pages can be customized via the Booking Page Editor to match the look and feel of any website, or to be more inline with a brand identity. This can be done from Settings > Booking Page Editor. The editor interface is very easy to use and requires no HTML or CSS knowledge.

Page Editor Interface

There are dozens of customization options available on the left side of this screen. You can upload your custom logo, set a custom color scheme, edit font styles, and control the placement of certain elements. The booking page preview on the right side of the screen will update in real time as you make your selections.

When you are satisfied with the preview, click the Publish button at the top of the screen to go live with your changes. You can also click the Reset button at any time to revert to the original style.

Enter Custom CSS

If you want even more control over the booking page display, you can enter custom CSS to style the page beyond the options that are offered in the Booking Page Editor.

Additional Settings, Booking Page URL

  1. Allow guests to email quotes: This allows Guest Generated Quotes

  2. Display booking calendar header: Show / Hide the calendar header during the booking process.

  3. Display coupon code option: Show / Hide a field to enter a coupon code on the booking page.

  4. Message field is required: Show / Hide the Message field and customize the label.

  5. Use static booking notification template: By default the Lodgix static booking notification email is sent to guest. It is nicely formatted but cannot be edited. If you prefer to send a custom, text only email you can deselect this option and configure your email template from Settings > Email.

  6. Website URL: This is the location of your booking page. You can send guests to this URL to book online, or use it yourself to preview and test the booking page.

Did this answer your question?