Denver Web Design Blog - Katz Web Design

Building a Real Estate Website in WordPress - Part 1

April 22, 2008 · 7 Comments

I am designing and creating a real estate website with WordPress, and I’m going to be writing a few articles that detail how it’s done.  This article will get you started — please leave feedback with any questions or topic requests for the next installment.

A little background — why use WordPress?

I’m working with a Denver company on a real estate website. Their goal is to showcase their listings in an easy-to-update CMS.

I’ve worked with Open-Realty, and — to say it bluntly — it’s a huge pain in the ass.  When you scratch the surface of OR, you begin to realize how cobbled together it is. Customizing the code to work as it should requires a steep learning curve.  The templates are relatively simple to work with, but the administration section is horrible.  The Open Realty user experience is just awful. 

WordPress is my CMS of choice currently, and it’s so easy to develop for that I recommend it to many of my clients.

Starting off in WordPress real estate websites

So the obvious first step is this: real estate websites have a LOT of information on them.

Real Estate websites have this basic content:

(Alphabetized, none-the-less!)

  • Address
  • Basement type
  • Basement finished %
  • Bathrooms
  • 1/2 Bathrooms
  • Bedrooms
  • Brochure (PDF)
  • Car Storage Type
  • # of Car Storage
  • City
  • Construction Type
  • County
  • Country
  • Latitude
  • Longitude
  • Lot Size
  • MLS #
  • Neighborhood Name & Website
  • HOA Fees
  • HOA Includes
  • Price
  • Roofing Materials
  • Schools
    • High School Name & Website
    • Middle School Name & Website
    • Elementary School Name & Website
  • Status of Listing (Sold/Under Construction/Pending/Active)
  • Square Feet
  • Taxes
  • Utilities (Avg.)
  • Year Built
  • Zip Code

It would be tough to ask your client to create Custom Fields manually for each listing for each one of those items. 

FreshPost to the rescque — easy real estate Custom Fields

FreshPost is essentially a WordPress plugin that allows you to define custom sets of Custom Fields to be included in a post.

By using FreshPost, it’s simple to create an administration template for creating a new listing.  Just set up the fields above, and then use FreshPost’s super-simple code (ex: echo get('zip code'); to insert that information into your template.

Planning your Real Estate website in WordPress

Once you’ve got the capabilities provided by FreshPost, a WordPress real estate website is more realistic, and less daunting.

The next phase is planning. Realty websites are an interesting challenge because users are going to be interested in finding a listing many different ways — and your client will want to be SEO friendly for searches about the neighborhoods they work in.

Structuring the website: flexibility is key

It’s important that the website will be able to handle listings in different counties, zip codes, cities, and potentially states. As such, create a category structure that mirrors real life.

For example, let’s have the following sample listings:

  1. In Denver, Colorado’s Cherry Creek neighborhood - Zip code: 80023
  2. In Littleton, Colorado (a suburb of Denver, CO) - Zip code: 80211 
  3. In Albuquerque, NM’s Sandia Heights neighborhood - Zip code: 87101
The website may be structured like so:

Categories

  • USA
    • Colorado
      • Denver
        • Cherry Creek
      • Littleton
    • New Mexico
      • Albuquerque
        • Sandia Heights
  • ZIP Codes
    • 80023
    • 80211
    • 87101

There are many ways of setting up the categories; you could have a Neighborhoods parent, rather than having the city as the parent.  The point is that once you set up categories, you can properly sort the listings.

Once basic capabilities are set up…

Now that you can have tons of Custom Fields with FreshPost, and have set up hierarchal category structure, you’re able to set up a basic Real Estate website.

Some possible next steps:

  • Use the Category Description to create SEO-friendly Neighborhood and City pages
  • Download and install a plugin that lets you search Custom Fields, allowing users to actually search all your listing data
  • Further optimize your site for search — write articles for each of your neighborhoods and have the articles displayed above your Multiple Listings [archives] view; write about events, local restaurants, etc. to build up a large amount of relevant information.
    • On a Single listing page, you could dynamically add those articles about the neighborhood

So, as you can see, using WordPress as a Real Estate CMS makes a lot of sense, and has fewer barriers than you might expect.

As my project continues, I will write another article detailing the process of creating the WordPress real estate website. 

Please let me know if you have questions or requests!

If you’re having trouble making WordPress work for your RE website, please let me know in the comments — I’ll try to answer your questions.

What topics do you want the next WordPress Real Estate article to cover?

Categories: Code · Design
Tagged: , , , , , , , , ,

7 responses so far ↓

  • Christoph // April 22, 2008 at 7:41 pm

    Take a look at the Sitemap generator plugin from Dagon Design. It adds an additional navigation otion for your site. It’s not a sitemap you submit to Google or so, but rather something a visitor can use to navigate the website.

  • Zack Katz // April 23, 2008 at 6:44 am

    Are you suggesting using a sitemap to navigate listings, or cities and neighborhoods?

    I’ve used that plugin in the past; it does a nice job of collecting site content.

  • Alex // April 24, 2008 at 7:27 pm

    Have you tried ExpressionEngine? There’s a lot of buzz about it but once I tried it I was kinda disappointed, it’s the biggest pain in the ass CMS I’ve seen. I’m talking about setting it up (templates and stuff). I should switch to WordPress.

  • Zack Katz // April 25, 2008 at 8:45 am

    Hi Alex,
    I remember when it seemed like all the “biggies” were using ExpressionEngine, but the only one I can remember is Veerle.
    It seems less intuitive than WordPress.

    When I discovered WordPress, it was a breath of fresh air; the WordPress motto is “Code is Poetry,” and when you dive deeper into the structure of the platform, you realize how true it is.

    I would definitely recommend you try out WordPress; it’s wonderful to develop for, and templates are super-easy to make.

    This article only begins to show the flexibility of the WordPress platform.

  • Karl K // April 25, 2008 at 12:15 pm

    Zack,

    I’ve been working on a package with a theme (wp-magazine.com) & plugins for realtors, etc.

    I’m currently setting it up so that realtors can upload 3 (raw or jpg) fisheye photos and have the server stitch those into a high-quality virtual tour.

    This could save a realtor some money in paying someone to do it for them or key fees like ipix…

    Lots of upside to doing it this way..

    Karl

  • Alex // April 29, 2008 at 4:16 pm

    Zack, I didn’t dig into either code yet but you’re right about being intuitive. Also, EE’s down side IMO is their manuals. Materials on their site are poorly structured.

  • Zack Katz // May 5, 2008 at 8:55 am

    @ Karl — There are lots of cool features you can add to a default install of WordPress to make it flashy. One recommendation: pare down the CSS & JS files that come with multiple plugins. Instead, combine them as one file. This will save you a considerable amount of load time.

    @ Alex — The WordPressDocumentation is quite thorough, and if you have a question, you can generally find your answer searching Google.

    The WordPress Plugin directory is quite large and active. If you’re interested in expanding your site’s functionality, you’ll most likely be able to find the feature you’re looking for there.

Leave a Comment