Basic styling

The HQ Online Reservations solution can be easily integrated into your homepage and customized to match your site's branding. Knowledge of HTML, CSS, and JS is required, but we also provide tools to simplify the process.

Reservation Engine Snippet

To add custom CSS, follow these steps:

  1. Navigate to Settings → Fleet → Branches and select the Branch you’re working with.

Untitled

  1. Scroll down to the Online Bookings section, where you'll find the “Custom CSS & Meta Tags” box for custom CSS and additional useful tools.

Untitled

The "Custom CSS & Meta Tags" box allows you to apply styles globally to all steps of the reservation engine. This tool helps you create a unique and personalized look over the appearance of your booking engine.

<aside> ❗ ****Remember to properly use the <style></style> & <script></script> tags inside the boxes.

</aside>

If you have Support Credits, you can ask our Support Team to apply our Styling Module. They will style your reservation engine based on your website's font family and primary color.