Knowledge Base > Configuration > How to add small reservation form

in Configuration

If you are looking how to create grayish reservation form which you can see on each accommodation page, then the steps are the same as on this section. The only difference is the code that you use for reservation form. To get the same result as on demo website, then please use this code onReservation > Settings > Form page:

<div class="light-reservation-form">
<div class="input_wrapper pull-left">
[hidden resource id="1889"]
<h4>Hotel Room Title</h4>
<div class="input_container">
<div class="input_prefix">
Name:
</div>[thename]
</div>
<div class="input_container">
<div class="input_prefix">
Check in:
</div>[date-from]
</div>
</div>
<div class="input_wrapper pull-right">
<div class="price">
<div class="show_price">
[show_price] / per night
</div>
</div>
<div class="input_container">
<div class="input_prefix">
Email:
</div>[email]
</div>
<div class="input_container">
<div class="input_prefix">
Check out:
</div>[date-to]
</div>
<div style="text-align:center;">
[submit value="Book Now"]
</div>
</div>[error]
<div class="clearfix"></div>
</div>

 

And of course add this form using easyReservations shortcode manager on your accommodations page. See below.

image_9