How to build a vacation rental website

By David Nge | Last Updated: August 27, 2025

My work is supported by affiliate commissions. Learn More

In this tutorial, I’ll walk you through the step-by-step process of setting up a direct booking website for your short-term vacation rental.

I won’t spend too much time on the advantages of having your own site, aside from the obvious savings of ~15% compared to platforms like Airbnb and Booking.com.

Instead, we’ll focus on choosing the simplest website builder and channel manager for your rentals, then setting up your website, payments, and enabling direct bookings.

Here's the final website if you want to check out.

Let's get started.

Step 1: Pick a website builder for your direct booking website

The first step is to pick property management software with a built-in website builder that lets you handle direct bookings.

TL;DR

We're going to use Lodgify. It's the simplest approach to set up our website. It lets you:

Technically, you can use a general website builder like Wix (that's free), but it's far more complicated to set up.

For example, you need to manually add your listing, setting up individual pages takes more work, and you need to sign up for a channel manager anyway to manage bookings across different platforms.

When I did my research for short-term rental websites, Lodgify was the most popular website builder property managers use afterall.

Lodgify account setup

Lodgify home page
Lodgify home page

Head over to Lodgify's home page and click Get Started ➝ Sign up for a free trial.

Note: The trial lasts for 7 days, you can take this time to test out Lodgify features and determine if it's right for you. No credit card required at this point.

Once you finish Lodgify's initial onboarding, you'll arrive at their dashboard, where they will list the steps to properly set up your Lodgify account.

Lodgify account setup
Lodgify account setup

Step 2: Import / Add your rental property

There are two ways to create property listings in Lodgify:

Setting up rentals within Lodgify
Setting up rentals within Lodgify

1) Auto-import listings from Airbnb — This is the most straightforward approach. Once you log into Airbnb via Lodgify, they'll auto-fill all the rental details like captions, gallery images, location, etc.

Note: Lodgify do NOT import your exisitng Airbnb reviews, so you will still need to add them manually. Take this opportunity to filter out undesirable or otherwise inaccurate reviews for your rental.

2) Manually create new listings — For new owners or if you're creating listings for any new property.

Manually add your listings in Lodgify

1. Click Add Rentals Manually

Add rentals manually
Add rentals manually

2. Enter your public rental name (the name guests will see). You can also add an internal nickname.

Add a public facing name to your rental
Add a public facing name to your rental

3. Add your property address.

Address for your rental
Address for your rental

4. Upload photos – start with one, but add more later for personalization.

Upload photos of your rental
Upload photos of your rental

5. Fill in the following details:

Finally, choose your booking style:

Set up Booking options for your rental
Set up Booking options for your rental
    • Instant Booking – Reservations are confirmed automatically.
    • Booking Request – You review and approve before confirming.

Once your rental is set up, let's get to the fun part — building your website.

rental setup complete
rental setup complete

Step 3: Build your vacation rental website

In case you didn't know, you can access Lodgify's website builder (along with reservations, calendar, and channel manager, etc) from the sidebar.

Lodgify sidebar
Lodgify sidebar

Let's walk through the main sections of the website builder:

Lodgify website builder main menu
Lodgify website builder main menu
  1. Styles — Choose the template and color scheme for your website. This is also where you can set custom fonts and add your logo.
  2. Pages — Build out the rest of the pages for your site (contact, gallery, pricing page, etc). Lodgify has pre-built pages for you.
  3. Settings — Add a custom domain if you have one, and other social media links.
  4. Rentals — Edit info about your current rental.
  5. External Widgets — If you want to embed Lodgify booking form on an external website.

Select a website template

Let's head back to the Style tab.

1. Choose one of the four available templates from Lodgify:

One of the 4 available templates in Lodgify
One of the 4 available templates in Lodgify

You can preview each template (the preview button is located at the top right of the editor) and pick the design that fits your brand.

Choose a color palette

Choose a color palette for your site
Choose a color palette for your site

Next, choose a Color palette that matches your rental’s branding.

You can also choose a custom color for the individual element by clicking on the color button itself.

Fonts & button style

Customizing fonts and button style
Customizing fonts and button style

As you work through other design elements like fonts and button styles, you can see the changes apply in real time. Make sure to also view the changes in mobile, all templates in Lodgify automatically adjust to smaller screen sizes by default.

Branding elements

Set up other branding elements for your site
Set up other branding elements for your site

As you scroll down on the style tab, make sure you complete your branding by adding the following:

    • Hero image – Upload a high-resolution, eye-catching photo of your property (this is the first thing visitors will see).
    • Business name & tagline – Highlight the unique selling point of your rental.
    • Logo – Use a clean, high-res file for professional branding.

Here's the updated hero section based on our edits so far.

Resulting hero section of the site
Resulting hero section of the site

Add website content:

Now that we've updated our style and branding. Let's add some real content to all the pages, starting with the home page.

Head to Pages ➝ Home.

From here, you can replace existing content, images, and add new sections:

Edit existing website content
Edit existing website content
    • A friendly, welcoming introduction to your property.
    • Describe your neighborhood/area, things to do, sights to see.
    • Quick facts about amenities: Beds, baths, max guests, free WiFi, pet-friendly, pool, etc.
    • Replace template photos with your own high-quality images.
    • Add a video or slideshow featuring rental property
    • Embedded Google Map (using the custom HTML element): So guests can visualize exactly where your rental is.
Add new sections within the website builder
Add new sections within the website builder
Elements you can add to a new section
Elements you can add to a new section
💡
Tip

Preview your website using the Preview button. You can see both live and test versions.

Now head over to Pages ➝  Header Navigation, you will find a list of pages Lodgify has pre-built for you: Map, Gallery, Rates, Availability, etc

Pre-built pages on Lodgify
Pre-built pages on Lodgify

The content of these pages are populated from the information you've provided to Lodgify in the beginning of the setup.

You can click into each of these pages and update the content accordingly.

When you're done, head to Settings.

Custom domain, Social media, and other settings(optional)

Setting up contact info and socials in Settings
Setting up contact info and socials in Settings

Here are some recommended (though optional) settings for you to complete :

    • Domains — Connect to your own domain. (Lodgify gives you a free domain if you're subscribed to one of their paid plans)
    • Available Languages — Add custom translations if you target international travelers.
    • Contact & Social — Link your social media accounts (Instagram, Facebook, Youtube, whichever applicable). These will show in the footer of your website.
    • Advanced — Upload a favicon (the small logo that appears in browser tabs, this should be a square 48x48 image).

When you’re happy, click Save (or publish your sute) and we can move on to setting up payments.

Step 4: Set up payments

Head back to the Dashboard, and you should see the first 2 tasks of your Lodgify setup are completed.

Setting up Payments
Setting up Payments

Setting up Payments is pretty straightforward. You have 2 options:

    • PayPal – quick and easy but limited.
    • Stripe (for Credit card) – a global payment processor that lets you receive payments securely from anywhere.

Both of which you will need an account for. Just click into either payment processor and follow the connection instructions.

Once linked, your website is ready to accept payments.

Step 5: Connect booking channels

Connect channels - Airbnb, Booking.com, etc
Connect channels - Airbnb, Booking.com, etc

Before you continue: Using Channel manager requires a paid plan Lodgify, the Starter plan is $16/month).

Skip this step if you're not ready to upgrade.

The last step to complete your Lodgify setup is connecting your channels (Airbnb, Vrbo, Booking.com, etc.). The purpose of this is simple: to avoid double bookings and keep everything synced.

Connecting the Channels is straightforward as well. Just click into any of the channel and follow the connection instructions.

Available channels on Lodgify
Available channels on Lodgify

If you use dynamic pricing, make sure to sync that as well to keep everything consistent across platforms.

💡
Pro tip: If you run into any issues, Lodgify’s team can walk you through the setup and even show you how they’d adjust your listing.

Frequently asked questions about building a direct booking website on Lodgify

What is the time commitment to set up a direct booking website on Lodgify?

You can expect to spend around 10-15 hours on the whole setup. Most of the time spent should be on figuring out the property management software and connections. The actual website setup may take just a couple of hours.

Does Lodgify charge any fee?

The Starter plan ($16/month) charges a flat 1.9% booking fee on all bookings. This fee is includes those received from the website and API connected channels.

The booking is waived (0%) if you upgrade to the Professional ($40/month) or Ultimate plan ($59/month).

Does Lodgify offer damage protection insurance similar to Airbnb?

Lodgify do not offer damage protection by default. But they do integrate with Safely, which is a leading U.S provider of short-term rental protection.

This is a separate service you have to sign up for, which may incur additional cost.

Does Lodgify handle local and tourist tax?

Lodgify does not remit occupancy, local, or tourist taxes on behalf of property owners.

Instead, Lodgify provides the tools to set up and collect taxes from guests, but it is your responsibility to report and remit those taxes to the appropriate authorities.

How do I attract direct bookings on the website?

Plenty of marketing tactics you can try, including but not limited to:

Run Facebook ads – Facebook ads can be highly cost-effective, allowing you to reach a large audience with a budget as low as $1 per day.

David Nge

David Nge is the founder and writer behind MakingThatWebsite.com. Since launching in 2021, he’s been on a mission to help non-techies—especially small business owners—build better websites using easy-to-learn tools and smart, time-saving strategies. He specializes in website builders, SEO, and practical AI tutorials for small business owners.

Have a tutorial you want to learn? Leave a suggestion here.