The Official MotoPress Blog

Announcements, discussions, and more for MotoPress.

How to Build a Vacation Rental WordPress Website with Villagio Theme (DIY Guide)

Looking for a doable way of creating a vacation rental WordPress website with the fully functional reservation system? Of course, you are not just rambling here! As Booking OTA message would pop up now (with our rewrites): Jackpot! This is the cheapest solution you’ve seen for your website!

how to build vacation rental wordpress site

And we must add – a safe, feature-rich and reliable solution. No matter if you are operating a small hotel, rent out b&b, apartment, vacation rental or just building the best site for a client, this guide will come in handy!

WordPress is a great cost-effective (environmentally friendly, beautiful, etc, etc) solution for building a website with the reservation system, be it a hotel, apartment, vacation rental, villa, inn, or a guest house.

And today we are going to direct you through the process of creating a website with our fresh Property Rental WordPress theme – Villagio. This theme lets you feature several (unlimited, actually) accommodations in different locations and turn on instant bookings for all of them.

Where to start

Assuming that you might have not even created a WordPress site yet and want this guide to start from there… Nope, sorry! That’s another detailed article for WordPress beginners and you can find it here: Beginner’s guide to creating a WordPress site.

So, if you are a WordPress beginner, start there and get back to this post as a second step.

But let’s get back to our new Villagio theme and the guide of creating a vacation rental site.

A few words about Villagio design

It’s simple!

I know, you probably love all those toys – background video, Parallax, animation, twenty different content modules on the front page to feature all most important things, etc.

But. Villagio won’t let you spoil your site and destroy SEO rankings! The theme features only those content pieces that are the most useful for your travelers and effective for your business:

– Widget area, which is by default a slider with your chosen accommodations (if you are not a fan of this marketing tool, just free your imagination and choose any from the available widgets) :

slider in vacation rental wordpress theme

 

– Real-time search availability form (you know, check-in, check-out..). It’s driven by the plugin and we’ll talk about that later:

vacation rental wordpress theme

– The listing of your accommodations (powered by the same plugin) :

wordpress property rental villagio theme

– Gust reviews powered by the Jetpack plugin (as it’s optional, you may delete or replace them):

wordpress property rental theme

– Customizable footer and header with 4 menu locations.

Grid and full-width layouts will serve in creating different types of the pages.

property rental wordpress theme

Overall, the theme is very WordPress native with the design/functionality strategy siding with you:

+the MotoPress Hotel Booking plugin is responsible for accommodations listing and everything connected with live bookings;

+Jetpack plugin powers the Testimonials (and some other things you may switch on);

+and the site design lives its own life (as it should) – it’s a separate thing that you may change if needed (switch the theme) and not lose your content, which is created with the plugins.

Pretty good deal, agree?

Start building your vacation rental site – add properties and enable instant bookings

For your future vacation rental website to look like the default Villagio theme, you should start with adding your accommodations. You’ll need to work with our MotoPress Hotel Booking plugin that is built into the theme.

If you are building the site from scratch, namely, it doesn’t contain any custom content, you may import sample data to the theme – it will make your editing faster and easier.

Here is the instruction of how to import sample data to Villagio theme (import sample data paragraph)

Firstly, make sure that the plugin is activated and pay attention to the Accommodation and Booking menus on your WordPress dashboard.

wordpress vacation rental website

  1. To set up the plugin, start with adding Seasons: Accommodation > Seasons.

Season is a specific period of time that can come with different pricing for your rentals (for example, Summer, 2018; April, 2018, weekends). You should not set the prices on this stage, just specify the periods when the price will more likely differ:

seasons for cavation rental site

2) Add any services via Accommodation > Services (e.g. transfer, meal catering, surfing lessons)

services wordpress rental theme

3) If you want to list your rentals in different locations, you should add the locations via Categories: Accommodation > Categories

wordpress vacation rental website

They will be showcased right on the preview image of your properties so if the guest clicks on it, all the properties in this region will be shown:

wordpress vacation rental wordpress theme

Alternatively, you may create a separate menu based on these categories, like we did in Villagio labeling it “Villa by region”:

wordpress property rental theme

4) Add your rentals with all details: descriptions, photos, amenities (e.g. air conditioning, slippers), occupancy, bed types, view, and additional services/packages available and publish them:

wordpress hotel booking theme

5) Time for setting the pricing! Add Rates to present the same accommodations with different conditions (e.g. refundable versus non-refundable). Your guests will be able to choose rates when booking a property (they are also attached to Seasons).

wordpress vacation rental theme

6) Create all needed system pages, so the travelers are redirected properly after each action (when installing the theme, you should be offered to install these pages automatically): Search Results, Search Availability, Complete Booking, Booking Confirmation, Booking Cancellation pages with appropriate shortcodes and messages.

In practice, that means you should add the pages with needed shortcodes (if the pages were not installed automatically): for example, create a page “Search Availability”, go to Shortcodes and find [mphb_availability_search], copy and paste it to the created page. Let’s show it on the front page:

wordpress property rental theme

And here it is:

wordpress vacation rental site

Do the same thing to set up all other pages

7) Configure general plugin Settings and Payments.

wordpress vacaton rental website

The main ones are:

  1. Square units for the capacity
  2. Currency
  3. Currency position
  4. Date format
  5. Check-in and check-out time
  6. Bed types
  7. The lowest price display
  8. Terms and conditions
  9. Enable / disable booking
  10. Define Booking confirmation mode: customer via email, admin manually, or confirmation upon payment
  11. Select Confirmation page (it should be added beforehand with the appropriate shortcode)
  12. Set up required fields for the user to submit
  13. Define booking cancellation options
  14. Set up Search options: set max adults and children the traveller is able to set in the Search Availability Form
  15. Turn on/off lightbox for the images
  16. Choose Search Availability Calendar theme
  17. Edit admin and customer emails
  18. Configure email settings
  19. Set booking rules: minimum and maximum days to stay, or custom rules (block dates when needed)

Set up payment gateways:

  1. General settings (full or deposit amount to pay, deposit type, deposit amount, default payment gateway, pending payment time, enable SSL for secure payments)
  2. Enable/disable and set up any/all of the following available gateways: PayPal, 2Checkout, Stripe, Braintree, Beanstream/Bambora.

You may view and edit all bookings via Bookings menu.

Moreover, if you’ll need to create a discount for any of your clients, you may do that via Bookings > Coupons menu:

how to build wordpress property rental site

Looks like you’ve done the biggest piece of the job!

 

Customize the front page

The front page is easy to customize visually via WordPress Customizer: Appearance > Customize.

There you can replace/delete content modules we’ve mentioned at the beginning of the article, change colors, upload the logo, etc. More details guide on the customization is in the docs, but the process is pretty handy and most likely you’ll be doing fine even without them:

wordpress vacation rental site

If you want your front page to be static with all content added, go to Settings  → Reading: set “Front page displays” to Static Page.

If you want to edit testimonials that are powered by the Jetpack plugin, you should firstly add the testimonials content via WordPress dashboard > Testimonials and use the shortcode [testimonials] to display them on the site. Then, go to the needed page or post (e.g. home page) and add the shortcode with your custom parameters (more shortcode attributes for modifying Testimonials layout can be found here.)

That’s all pretty quick, isn’t it?

If you love the Villagio and how it works, get it packaged and fully integrated with the MotoPress Hotel Booking plugin, support and documentation:

View more about Villagio Property Rental WordPress theme.

Hope you found what you were looking for!