01 · Module
Boutique hotel header
Slim hotel header with a serif wordmark, a room-count tagline, Rooms, Stay and Location links and a rosewood Book direct button.
Website kit · Hotels & B&Bs
Boutique hotel website kit
Six Elementor-ready pages for a small hotel or B&B: header, home with check-in times, rooms and rates, your stay, booking request with FAQ, and footer.
What is in the kit
02 · Page
Boutique hotel home page
Hotel home page: hero with check-in and check-out times and Book direct button, three room cards, reasons to book direct, breakfast, guest quotes, location.
03 · Page
Hotel rooms and rates page
Rooms page with four room types, each with a photo, size, bed, occupancy, from-price, in-room list and booking button, plus a rates and cancellation section.
04 · Page
Hotel stay and area guide page
Hotel stay page with breakfast and dining times, six area guide cards, three packages with inclusions and a dark house rules section.
05 · Page
Hotel booking and contact page
Booking request page with a dates, guests and room type form, a front desk panel with a call button, directions, a check-in policy and a six-question FAQ.
06 · Module
Boutique hotel footer
Dark hotel footer with the wordmark, a one-line description, a Book direct button, address, check-in and desk times, contact details and a small-print row.
About this kit
A small hotel’s website has to do what a booking site cannot: make the case for booking direct. Before anyone sends a request they want to see the rooms as they really are, know the size, the bed and who fits in each, find a price per night, and understand what happens if their plans change. They also want the practical things a front desk answers all day — check-in times, parking, dogs, children, late arrivals — and a reason to choose your house over the chain hotel by the highway.
The six pages in this kit follow that order of questions. The header keeps a Book direct button on every page. The home page opens with the check-in and check-out times beside the booking button, then shows three room types, the reasons to book direct, breakfast and the house, guest quotes and a location band. The rooms page gives each room type a photo, its size, bed and occupancy, a from-price, what is in the room and a booking button, followed by the rates and cancellation terms. The stay page covers breakfast, an area guide, packages and house rules, and the contact page pairs a booking request form with the address, directions, the check-in policy and an FAQ.
Build in this order: header and footer, then home, rooms, contact and stay. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s header. The booking form also converts to an Elementor Pro Form. Replace the times, prices and policies everywhere they repeat, and make sure they match your listings on booking sites exactly.
Colors and fonts
Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.
Aubergine
#2b2430
Linen
#f7f2ea
Oat
#ebe1d3
Rosewood
#8f4a4a
Sage
#7d8a6e
Taupe
#6b5f62
- Headings: Cormorant Garamond
- Body text: Nunito Sans
How to install the kit
- Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
- In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
- Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
- With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
- Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.
