How to Make a Real Estate Website in WordPress
Articles Blog

How to Make a Real Estate Website in WordPress

August 26, 2019


Welcome to WPBeginner and thank you for watching. In this video I want to walk you through
how to set up your own real estate website. There are several real estate
themes that you can choose from for WordPress but we recommend StudioPress’ AgentPress pro. Multiple reasons why we recommend them but biggest is the framework that the theme is built on is very stable and they are
constantly updating it makes it very easy for you to customize your websites
also the support and the updates to the theme as they make them. First thing we’re
going to look at is how to get a hosting account. I’ll walk you through the whole
setting up a hosting account. We’re gonna use BlueHost for this, BlueHost is one of
the hosting providers that we recommend to our visitors so I’m gonna
walk you through how to set that up with them. Under products you can see many of
the shared hosting or the WordPress hosting and just want to compare which
one is best for you. If you look down below or somewhere on this page you’ll see a WPBeginner coupon to use to get started. You have your domain name already picked
out that you’ve bought from GoDaddy or something you can put that here. I’m gonna walk you through how to set it up with a brand new domain try and see if that one’s available, how to start a WordPress site. Okay and great so then you have to enter all the
information all your account information here and then
I’ll also need to fill out the billing information so while I do that I’m just gonna
go ahead and pause this until I get done with that. Okay so I submitted my billing and credit card information and now here we are and they say congratulations. They likely have some initial or specials to offer you just say no thanks here. And now we need to create a password and you also want to confirm that you’ve read and agree to their terms so let’s see if we can come up with a password. Okay, so we’ve got a password. So now you’ve set up a hosting account with Bluehost we’ll scroll down and I’m looking for this area so
from here we’ll just click install. This is talking about if you wanna do it
yourself you can do or you can have them do it and they’ll charge you to set it all up. So
we’ll do it ourselves click Install here. From here you wanna
tell them where to install it and here’s the drop down I want to install it
without the WWW and I want to install it in my main directory so I’m not gonna
fill anything out here check make sure everything looks okay and now it’s saying you
need to say yes to the terms and I’ll show what the advanced options say. With the
advanced options it’ll show you what your site name is and your admin username
and the admin password. That’s what it will assign for you so
that’s what the advanced options are. So go ahead and click Install now it’ll tell you that
information later so you don’t have to worry about that right now. So now it’s going
through the install process and while it’s going through that it’s going to
show you a few things as you can see here’s a status progress there and while you’re waiting its going to
show you some ways that you can maybe buy a WordPress theme or a template we’re not
going to do that. I’ll show you how you can find a very decent looking free theme you could do. So now that the install is complete we’ll go ahead look at everything, scroll down, and you want to view everything. This is where the information is on how
to access our website as you see you’ll want to bookmark these, the admin url will be
the same for everybody it’s your website .com/wp-admin and then this is the front end web site I’m going to show you what it looks like now that it’s WordPress has been installed. So
this is what it looks like, they’ve given us a coming soon page while we are
setting up our site and when you access your site they’ll even give you a way to access it
directly. Again you can either type in wp- login.php or just wp-admin and it will just bring you to
the same page. Your username and password is what they
gave you here so you’ll want to copy that somewhere, save it for safekeeping. So I’m going to log in and show you a few things. Alright and this is the backend, now certain hosting
companies have partnered with third-party marketplaces and that’s why
you’re seeing this here it’s kinda like when you get a new computer and the computer
already has a lot of advertisements or games installed. I’m going to click no thanks because we’re gonna set it up ourselves. So we’re gonna do a little bit of cleanup now that we have a site lets do a little bit of cleanup on here. So the first thing I want to do is I want to go to plugins and I want to remove some of
this stuff because I just don’t want it. Akismet is actually a decent plugin that
you want to keep and you want to look at setting it up. That keeps spam from coming to your site. Hello Dolly is an old plugin to just show you what a plugin can do. The mojo marketplace is what you’re seeing here with all the let us do everything
for you so I’m gonna remove all of these three. To remove them if they’re
activated we need to first deactivate them, apply, and then we can click on inactive, highlight all of them and we can delete them so we’ll do that and it’s gonna ask do you want to either
remove all the data and the files associated with these plugins lets click yes. So now that we removed everything there’s it’s cleaned it up a little bit over here
there’s not as many things to look at or worry about. And what we have
right now it’s also removed since we removed the mojo thing we also removed the coming page so we probably have, yep, we have the default 2015 theme installed and that is our
site right now. Now that we have WordPress install let’s go in and set up
our real estate website using the AgentPress pro theme. Before we get started we
need to collect a few different things. One you need to go ahead and purchase
the theme and the framework it’s all in one package, purchase that. You’ll also want to get a few
plugins and you wanna go ahead and gather up all your images. So with all
that let’s go ahead and get started. You’ll want to go to your website and
login because these are the things we’ll be working on the website. From the
dashboard we’re going to go ahead and install the theme we’re gonna activate it and
then we will also want to download and install a few plugins that will complement the theme. So let’s go ahead and get started with all of that. For the themes I’m gonna go
ahead and go to themes , Appearance ->Themes and I want to add new and since we
downloaded it to our computer we’re gonna go ahead and upload and you can either choose file or since I have this up already you can also drag it. You want to go ahead
and install the Genesis Framework first and we’re not going to activate it just yet we’re going to return to the themes page because we want to add our theme as well. So I’ll do
the same thing and here I’m gonna install AgentPress pro. Now we can go
ahead and activate this one and it’s not going to look anything like it needs to.
So we’re going to change our site from looking like this to looking like this. Alright so the next
thing we want to do is go ahead and install our plugins that we need. There are four
plugins that we need to go out and get so I’m gonna go to plugins, add new, and I’m gonna search plugins. I need to find the AgentPress listings plugin, that is the plugin
that allows you to add the houses to your site add a few more. The next one I want to add
is the simple social icons thats to add all of your social media icons to your site.
That’s this one. I’m gonna add two more. Add the Genesis enews extender and the final one we want
to install as the gallery carousel without Jetpack. And that will just show your images in a
lightbox popup when people view them. Right, now that we have all of those set
up let’s go in and start configuring the website. Right now we’re gonna make some
changes to the Genesis theme settings and this will just set it up how the demo is
so you want to go to Genesis theme settings. Here’s where you can change the color
style there are from here you can see that the default is red then you can
also choose blue, gold, or green I’m gonna leave it at the default. I like that red the way
that it pops. Down here we need to make sure that we have the correct default
layout, these are all the ones to choose from but for the way that the site is set up
this is the way we need it and save settings. The next area that we want to
look at is the site title header area, basically it’s up here, you can
install a logo but for this we’re gonna set for this
we’re actually going to just set it up for the site title header text. To do that
we’re going to go down to Settings->General and this is where you wanna set up our title and if you have a tagline I’m gonna do that here. Again we went under Settings->General to
do this. Scroll down and save our changes. For the next thing if you have a logo that you want
to add here you can go to Appearance->Header and it will open up something like this
again so you’ll also want to hit header image. You want to make sure that your header
size is 320 by 80 and that will basically span over here.
I don’t have a logo and I actually like the way that this looks so I’m gonna keep it
like that. So the next thing on our list is the background so we’re actually going to go
into the customize that’s what’s popping up anyway. So we’re going to go into the
customizer and we’re gonna set the background image this is where having all
of your, having all of your images in one spot is a good idea you want to have the image
1600 by 870 pixels here. So you can upload one I have this one that
already uploaded and I want to use so I’m gonna choose that one and it will show up
more as we make the changes but you can see it in the background here. So I’m gonna click save
and publish. The next thing we want to work on are our menus. To have menus we at
least need to have some pages first so I’m just gonna go in and go to pages and add
a few pages. Gonna be about us, gonna hit publish. We’ll add the content to all of this later but for now let’s just do this I’m gonna do contact us. So now that we have just a couple of pages you can also do services and things like that go down to Appearance ->Menus and we’re going to set up a menu. If you don’t see one go ahead and create a new menu, in fact I’ll do that as
well. Do a menu name, click create menu, and now we’re going to add the contact and the about. I’m gonna just do a sample. Add to menu you will see them
here, from here you can drag and move them you can even bring it in so that that’s a child menu of the top one so it will have another dropdown and I’ll leave it like that. Once I like how it looks I’ll click save.
Now the menu uses a widget so you want to make sure that you go to manage locations and you want to make sure that these are not selected the way that this theme is
it’s going to use a different area so we want to make sure that’s not selected. What we do
want to do is go over to widgets area and the header right is where the menu area is. So we’re going to create a custom menu and I’m gonna drag that over to the header right and
do custom menu. We’ll leave the title blank and we want to select home that’s
the newest one that we have and save. Now it’s gonna look pretty bare but we can
take a quick look at the site this is what it was when we started, and when I refresh it. Okay, we are seeing is starting to take a little bit of shape. You can see the
background image this is my website name and my menu is over here so now we need to
keep moving. Okay since we’re setting up a real estate
website it’s crucial to have a listings page right, that’s the whole point of having a real
estate website. So we need to set up the plugin that
we installed earlier the AgentPress listings plugin. And to do that we’re gonna, it’s already activated so over here we see listings and we need to
go to listings and register taxonomies. Okay the real estate plugin
uses different taxonomies to handle the listings and there are five that we have
to set up to make everything work so I’m gonna go through and set those up. You see when you add it, it brings it over here so we’re going keep on doing that we want to do one for type, bedrooms,
price, location, and status. And as you see once we filled all those in, now we have all of these
over here. So from here we wanna set up the terms say for bedrooms we want to have
several terms one being a two-bedroom, a three-bedroom, a four-bedroom, and a
five-plus bedroom you need to list all that out and create a description for them as well. I’m gonna do one bedroom because you gotta at least have one. And if you don’t fill this
out it’ll automatically appear when you save it so you can leave that. And then we’ll add new bedroom, alright so now we need to do that as many times as we need for two I’m just gonna keep copying and pasting that. So now we’re setting out for one
two three four and five plus you see how the slug is automatically setting up there.
So that’s how you set the terms for each one. The next step that we can do is we can
actually create a property listing so to create one we’ll go up under
listings and we’ll just say add new and you can enter the address, I’m gonna add an image, give the details about the property. Alright, so you want to give as much information as you can and then under
here is where all the property details are. So you want to
give the price, MLS number if you have, the square feet, how many rooms,
how many bathrooms, is there a basement, and here you can do the map embed code so you
can go to Google and get that information and add that code. Embed map, copy that and we’re going to add that here.
If you have a walk-through you can also enter the video code here and then if
you wanted to add more these types over here you can. For now we know that it’s a
three bedroom so we’ll add that and once you fill all that information out you wanna
hit send to text editor. It will set up all the property details that we just
entered and add it as a shortcode. We also wanna send that to the text editor
so anything that you set up you want to send that to the text editor and if you see here it
creates a little short code that has that data in there. So let’s go ahead and hit
publish this is what it looks like on a single listing you have all of the information at
the top so there it is and then you have the map and then some images you can have
more as well. So now that we have one listing we can move on. Now that we’ve set
up a listing you’ll want to do that for multiple listings that you have, and then
the next thing you wanna do is set up our home page and make it look like the demo.
Each area on the homepage is a different widget area so we’re gonna go through and
work on that now. So from the dashboard you’ll want to go down to Appearance ->Widgets
and you’ll remember this is where we set up our custom menu in the header right and you see
below that we have all of these. We have all of these widget areas like home, featured,
top, middle that’s what we’re going to work on now. Alright so we want to click on the text
widget title bar and we’re looking for the home featured area so we’re going to click that and add
widget. You can do it like that or you can also just drag and drop it over there and we’re gonna save that and we can close it as well We’re also going to add a lease listing future
here under the text so we need to go find that. The listing search is what we’re
looking for and we want to put that underneath the text area you see I’m dragging
and dropping it it’s a little funky so you can either do that or do how we did before. We’re gonna leave the title blank and gonna include these things and the taxonomy.
And this is what you can put for the button text and we’ll save that We’re just gonna refresh it and see what it looks
like so far, and you see just from adding that those two widgets its transform the homepage
so we have the background images now showing up better and we have this piece
if you scroll down these are the properties that you can search for. Right,
so now we’re starting to see it take shape we’re gonna keep moving on the next
step is we’re going to do the work on the top widget area so I need to go back
to my Appearance ->Widgets and gonna work on the top widget area. The top widget gets
the AgentPress featured listings so I’m gonna grab that and add it to the top area. Finally leave the title blank and this is
how many that you want to return for the demo it shows six and we’re gonna put six there.
Now understand we only so far have done one so it’s only going to show one right now.
But as soon as you add all of your homes for sale then it will show there. Moving on we’re
gonna go to the middle widget area and we need to set that up as well. Alright so we’re gonna add a text widget to the home
middle area again so we’re gonna drag it and drop it and for the title I’m just going to follow along with the demo, and then we have this bit of code button, how we work, things like that and you can find that in the resources. So we’ll save that and the next thing we want to work on for the demo area is this
form right here and how to get their e-mail addresses and whatnot so we’re gonna do that that next. To do that we need to go to the home middle and we are adding the eNews extended
plugin. So we need to fill out this information here for the email sign up and
you can get that from if you’re using MailChimp get it from MailChimp if you’re using Awebber get it from Awebber once we have all that go to our site and we see that that’s like that so we’re good to go. We want to drag the featured posts area over to the home middle three and we want to fill out this information. You can say anything for the title either from our blog or news or what have you. From here you can pick the category you
wanna show the number of posts to show let’s do four. I’m gonna show post title you wanna show post title you can also do content limit and then limit that content let’s say 213 characters, that makes it look good right there and as you’re creating these posts you
should have featured images so let’s show the featured image and we’ll save. Refresh it and see what it looks like, it’s not too bad, if you had featured images on each post as well it
would show as well and that looks pretty good. The next area we want to work on is the bottom widget area. Now this area these are actually four different pages and so if you live
in a city and you real estate company focuses on certain areas in the city
then you can create a particular page for each of those cities and that’s what
these are. So we’ll go back and it is based on the featured Genesis featured page so I’m gonna drag that over to the home bottom and you want to fill this out. We can leave the title blank, I’m gonna add sample page just to show you. You’ll want to show the
featured image, it will likely be a neighborhood image and we’ll go with the property size leave alignment set to None it will probably be the title of the neighborhood or the part of
town and we’ll take a look and that’s what it will look like and then they can click on it and read
more about that. Tor the home bottom you just want to have four separate widgets
filled out with four different pages. But just to show you what it looks like I’ve
added them here. Right, now that we have that setup we want to set up the sidebar
and that’s what it will look like when you click on any page that has a side
bar area so we’ll set that up next. Going back to our widgets area I’m gonna go ahead and
minimize that. And we’re dealing with the primary sidebar, there are three things we’re adding basically we’re
adding the list search here so that you can search for your listings, gonna add bedroom there, add a title, search properties and then the button also says search properties and we’ll save that, close that out. And we want to add two more things I wanna go ahead and do recent posts, we’ll add that there and that just shows more content for your site. You can show the five most recent and we can add a title and the final thing we want to do is we want to add the last widget we want to add to this primary
sidebar is the, so you can do a testimonial so it’s a simple testimonial that you
can add as well. We’ll see what that looks like by going to a page and you’ll see we
have search properties from the blog. Those are the five most recent blog posts
in a testimonial. Alright so she’s starting to take shape. Looking back at the demo the next thing
that we want to work on is all the way down at the bottom this footer area so let’s
go back and we’re still dealing with widgets so we’ll close
that out. With footer one we want to add the Genesis user profile and under the
title you can say something like about me, select the user that you want, the size of the Gravatar that’s the size
of the image that you want to use we’ll keep it small, the alignment we’ll say none, from
here you can either choose the author bio that’s under your user profile you can either bring that in or you can just add custom text here and then if you have an extended about us page that talks more about it
they could do that. And this if you do that then it will just link to that about us page. So we’ll just leave it like that. So we’ve set that up the next thing we need to setup is,
staying under the same for area the next thing we need to do is set up the
social icons so we’ll look for those simple social icons we’re gonna drag those over and we’re gonna put it under the profile, okay, and this is a good icon size. We’ll leave it like that, leave that you can select a font color or if you know
it then you can put it in up here, just gonna go with. Now down here you wanna
add the links to your social media profiles and you can fill out as many or
as few as you want here and once an item is filled out… once something is filled
out then the icon will show up there as well. So we’ll take a look at that. Scrolling all the way down we see about
me and here are the social media icons that I actually added. That looks good, we still have one more area to do and that’s this area. So we’ll go back and that’s under the footer two section. The footer
two section is also a text box and it just depends on what all you want to say
there and for the content I’m just gonna type in, put in, I’m gonna paste in some stuff
that I already have and you can also add images and map and what not. So we’ve got the
bottom area looking good and now we want to go to a disclaimer page that is this
area for a disclaimer, it’s a good idea to have that so we’ll go to disclaimer and you probably guessed it going to use another text widget. Alright now that the home page is all set
up we have just a few more things to do. The next area I wanna show you is when you
have your blog setup and you write a post you want to have something like
this after widget area so we’re gonna set that up right now. Get back to our widgets
area and do after entry and this can be anything really but your main goal is to
get your reader’s attention so we’ll add that there. Now we want to set up your blog page
template so we’re going to gonna go and we’re gonna create a new page and to set it up over here
there’s some page attributes. Usually it’s by default template for all your other
pages but for this one set it up as a blog and that way it can hold all the blog
posts and really that’s all we need to do for
that we’ll publish that now we need to go to Genesis theme
settings and we want to go down to the blog template area. You want to make sure that
showing all categories unless you’re wanting it to be different here you
can alsot exclude certain categories and here you want show the latest in blog posts. We’ll
save our settings. Okay, getting down to some of the last bits of things to work
on. We want to set up our archive page
template and what an archive page is it’s basically used to create a page to
display a list of all your site pages so and then also show the posts by month. You’ve seen that before so we want to set that up as well. So we’re gonna go in and we’ll create another new page
you can call it whatever you want I’m just gonna do archive and like the blog
we want to set this up for archive template then we want to publish and once we
publish I’ll show you. We can look at the page view and this is what it will look
like. We see how it has all the pages on your site, all the categories, and then all the
authors that you may have, and then the monthly archive of each of the posts, and
then the recent posts. Its a pretty extensive archive list that looks great, and we’ll just
go to our site and take a look. I mean you’ll probably want to do some tweaks and
make it your own but we’ve just set up a whole new listings real estate listings
website and we took it from that ugly old thing to a really beautiful site that you
can be proud of that you can start marketing to people in your town. If you like this video click on the like button and go ahead and leave us a comment there, we’d love to hear from you. And subscribe to our YouTube channel to get the latest videos.

Only registered users can comment.

  1. Hello. Thank you for your videos, they are very useful. I really need your advice. My English is not very well, but I hope you'll understand me. I need to create a wordpress site for my cybersport arena, but I want to develop my programming skills too. So I need to develop plugin, that realize registration and login system with personal account, where user can watch more information, register his team and so on. I know, that some people do this by means of WooCommerce and develop additional code for this plugin. But I think, that it is not good idea for me, because WooCommerce can't give me everything, that I want. As is said, my English is not very well, but I found in internet, that this type of sites is called “membership site”. Is it true? Do you know any tutorial, which will help me?

  2. Do you happen to have a tutorial on how to integrate IDX with the website to pull MLS listings to your page?

  3. Hi there, The thing is When i put My website name in header it displays in 2 lines, Like "Find Me A" – Line 1 and "Home" – Line 2
    How to sort this out?

  4. Also In Enewsextended in Middle 2 Section, There is no custom field option, that if w got to use that we just got to go with the stock functionality like name and email i would like to add a field of customers phone number, Does it allow to do that ?

  5. Nice video. Kindly I want t know how to edit the foot tag line. On the same, help me to do away with the hello world on the blog page.. Thank you.

  6. if I purchase this theme and framework can I use it on mulitiple wordpress sites? I am asking because I am trying to set up a trial site with this but also use it when I try to actually make my gf site with her own domain etc..

  7. I am having a problem with property search box, it can search for bedroom. I need search location, villas, stuff like that.
    can anybody help?

  8. I definitely recommend using Essential Real Estate plugin. It is free and totally difference with other real estate plugins with fully functions for any real estate websites. I ended up locating and playing with this plugin, instantly falling in love with it.

  9. dont most agents use a seperate CRM to put their properties on? . How do you link to an external database and feed the propeties in? did i miss that part? sorry if did. PS nice voice ;

  10. Hi, when I select to add new listing , is it possible to edit , add or remove the property details like square feet , etc ? Thanks

  11. This is a very good video, but it's from 2015. Has much changed as far as what is presented here? Would I basically be following step-by-step or would I run into a bunch of updated ways to do this? Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *