Adding the Booking Engine to Your Website

Adding the Booking Engine to Your Website

The booking engine is the most important tool that enables you to receive direct reservations through your property's website. Unlike OTA channels, you do not pay any commission on reservations received through your website. Therefore, proper and effective integration of the booking engine into your website is of great importance.

JavaScript Embed Method

The JavaScript embed method is the most common and recommended integration approach. All you need to do is paste a few lines of JavaScript code obtained from the Channex panel into your website's HTML structure. This code automatically creates a booking form on your page. Guests can select check-in and check-out dates, view available rooms and make instant reservations. Since the JavaScript code loads asynchronously, it does not negatively affect your page's loading speed.

Iframe Method

The iframe method is an alternative integration option. A URL provided by Channex is embedded in your page using an iframe tag. This method can be implemented quickly without requiring technical knowledge. However, responsive settings must be properly configured for the iframe dimensions to adapt to different screen sizes.

WordPress Integration

A dedicated plugin is available for WordPress integration. After installing and activating the plugin from the WordPress admin panel and entering your Channex API key, you can add the booking engine to any page or post using a shortcode. The plugin automatically adapts to your WordPress theme's color and font settings.

Wix and Squarespace Integration

Integration options are also available for drag-and-drop website builders like Wix and Squarespace. For Wix, the HTML embed widget is used, while for Squarespace, the code injection feature is used to add the booking engine to the page. Step-by-step setup guides for both platforms are accessible from the panel.

Automatic Theme Matching

The automatic theme matching feature adapts the appearance of the booking engine to match your website's design. Button colors, fonts, corners and shadow effects can be adjusted according to your site's overall design. Additionally, you can fully customize every detail of the booking engine by defining custom CSS.

Mobile Compatibility

Mobile compatibility is an essential feature of the booking engine. The Channex booking engine has a fully responsive design and works seamlessly on phones, tablets and desktop devices. In the mobile view, buttons are finger-friendly in size, form fields are easy to fill out, and the payment page is displayed in a secure and clean layout. Post-integration performance can be monitored from the analytics screens in the panel.