How to create a reservation-enabled homepage for hotels, private lodgings, and campsites using WordPress! Explaining the layout settings of the Hbook plugin

At HanamiWEB Online School,

●Ask questions in real-time in the virtual study room!

●Ask as many questions as you want via chat!

●E-learning materials that you can learn as much as you want, 24 hours a day!

All included for just 2,500 yen/month!

This article explains how to set up Hbook, a WordPress reservation system plugin for hotels, private lodgings, and campsites.

This article explains how to set up the layout in Hbook.


Layout setting area

Configure the appearance.

General Settings

You can leave the areas where you do not want to set the layout blank.

  • Search form maximum width - Search form width
  • Accommodation selection form maximum width
  • Details form maximum width
  • Forms position
  • Minimum width required for displaying a horizontal search form - If the device size is smaller than the set value, the search form will be displayed vertically.
  • Minimum width required for displaying columns in the details form - If the device size is smaller than the set value, the details form will be resized vertically.
  • Sticky header/menu height - If your website uses a sticky header menu, set its size.

Button Layout

In custom mode you can change the colour etc.

Input/Selection Form Customization

You can also change the form layout in custom mode.

About table layout

You can decide whether to use the theme's layout or a plugin's layout.

Calendar Layout

Customizing the number of people popup

Custom CSS

Leave the reskilling of your website to us!

Since 2019, we have been sharing skills related to WordPress and websites. We have accumulated case studies and know-how, and are good at quickly and accurately solving problems. If you have any concerns about your website, please feel free to contact us via our official LINE account!

↑Click to open the official LINE page

Latest Articles

(Solved) Emails sent from WordPress to Gmail are not being sent [Lollipop]
Explaining package (ticket) settings for the WordPress reservation system Amelia
Zoom Integration Server-to-Server OAuth Settings
WordPress Security Enhancement Plugin All in one WP Security ~ iframe Protection feature explained
WP Rocket - WordPress Caching Plugin
en_USEnglish