Save on service fees by booking direct on Houfy.

These directions are for planning purposes only. You may find that construction projects, traffic, weather, or other events may cause conditions to differ from the map results, and you should plan your route accordingly. You must obey all signs or notices regarding your route.

As a security deposit alternative, houfyProtect, an upfront nonrefundable low cost property damage protection policy for just $5 per night, is taken at time of booking.

This host has not verified their email and or phone number on Houfy.

This host has verified their email and or phone number on Houfy.

This host verified their email and phone number on Houfy.

Houfy lets you contact and book direct with hosts. The host has provided the following links to give you more information.

This host responds to {response_rate}% of inquiries {response_time}.

A professional captain will navigate the boat for you.

Wonderful Houfy hosts are recognized as the best hosts in hospitality. The wonderful Houfy program rewards Houfy's top-rated and most experienced hosts.

This was helpful, thanks! I'm following along and trying to do the same for my WIX site. I'm just putting the embed in the booking page, though.

This was helpful, thanks! I'm following along and trying to do the same for my WIX site. I'm just putting the embed in the booking page, though. But am still paying with it.

Very helpful info! 

Elizabeth, very nice article. Is the content up to date? I'm looking to build my own site and am thinking of doing what you have done here.

Is there a way Embed this into a Facebook page?

Is there a way Embed this into a Facebook page?

Since the property listings were online, my wife wanted me to see about the capabilities of writing stories since we had already been blogging on our own website and sharing those posts on LinkedIn, Facebook property pages, and others.  

Full Houfy Listing Embedded Under Website Header

This is when I discovered embed code snippets that allows you to integrate Houfy features into your own website (i.e. calendar, reviews, pricing, seasonal pricing, and guides).  I initially embedded each of these features into my website to get familiar with the capabilities.

However, I'm a little tired of maintaining a lot of different widgets and pieces for all of my different properties.  I really liked the look of the Houfy listing in its entirety, so I decided what if I just embedded the whole thing into my website?

 I saw many advantages to integrating the entire Houfy listing I want to share with you:

 If you presently rely on a website designer, embedding your whole Houfy listing means that making a change to your content can be done within editing your listing Houfy.

Enough Talk Already...What does it look like?

  You should see it in action, so I'm embedding a link to an example property listing.  You should also take a look at it on a smartphone.  There is room for refinement with the look on some devices, but these things are a continual work in progress.  

 Everything below "PROPERTY LISTING DETAILS" is the Houfy listing displaying content that can be edited within My Listings in Houfy.  Everything above it is content driven part of my website such as the logo, navigation, and header graphics. 

I've chosen to hide some page elements in order to show listing content sooner.

The Seahorse Retreat is a home that can sleep up to 16 people in a tropical setting that is perfect for family reunions or get-togethers with friends.

Coast Awhile Vacation Rentals | Seahorse Retreat, Navarre, FL


 
Here is a simple two-step process to follow if you have a website with Wix.  If you are using WordPress, hopefully you can follow along.

You will draw a box representing the listing that will be displayed on your site.  You can adjust the size later.  Click on "Enter Website Address" button.  Enter your listing address in the provided box as follows:

https://www.houfy.com/embed/xxxx/listing 
(Note: 'xxxx' should be replaced with your Houfy listing number.)

There are Houfy features that I feared could cause confusion on the part of my users as well as navigate them away from my website.  So additional adjustments I made are made in the spirit of helping visitors and not any effort to hide the fact I'm using Houfy.  See my story on "

How to Promote Houfy with a Moving Slideshow

 The Houfy header has a property search box when I want my user to focus on my property listing already being shown.  I have simply hidden the header behind the page graphic that appears in front over it.  

There is another element under the property map that users can click on that will take them away from your listing ; "More places to stay...".  In this particular case, I created a rectangular shape that has a white color fill that is placed over this line hiding it from selection.

The last block of material that can send visitors away from the listing is the Houfy page footer content.  Once again, I created rectangular shape with a white fill to cover this part and to display my own website footer.

Property listings are quite long.  The window that displays the listing we have dragged vertically until there is no vertical slider visible.  This ensures the listing displays properly.

  It is important to ensure you are designing for mobile devices.  We have spent a great deal of time ensuring the listing pages look good on desktop as well as mobile.  You cannot assume that if it looks good on a desktop it will look correct on a mobile device.  We can assure you it most definitely will not without making adjustments.

  We wanted to ensure that visitors were encouraged to take action.  So we dragged "Book Now" buttons to the top and bottom of the property listing.  Clicking on these buttons take visitors to a page with the Houfy Rate Calculator.   Each listing has its own Book Now button that navigates to a Houfy Rate Calculator page for the respective property.

If you liked this "How To" story drop us a note in Comments below.  And if you would like to view more "How To" stories we have written about marketing property with Houfy, please see the guide below:

This guide provides a number of different posts related to leveraging technology inexpensively to achieve your vacation property marketing...

Vacation Property Marketing Tips

How to Integrate Your Entire Houfy Listing in Your Website?

Although my wife Elizabeth and I are fairly new to Houfy, we are neither new to property ownership, management or technology.  My wife initially created Houfy listings for each of our properties and when I saw that she had completed it, including photos, synchronized calendars and reviews without asking me for assistance I wondered, "what is this remarkable solution that turned my wife into a technology guru?"

How to Integrate Your Entire Houfy Listing in Your Website?

Related Articles

Need more help?

Post to the help community

Contact us

Add Your Place to Houfy

Company

Hosting

Resources

Settings