How To Make A Real Estate Website With Wordpress and Houzez Theme 2021

hey what's up party people my name is daryl wilson and today in this video i'll be showing you all how to create a real estate listing website with wordpress step by step so let's take a look at the website that i'll be showing you how to make today in this video today i'll show you how to create professional and modern real estate listing websites step by step and the great part about this video is that you don't need to know any sort of coding or have any experience because we will be using a simple drag and drop builder to build your real estate websites so you can be a complete beginner and manage your own personal real estate website plus this website looks super professional and very modern and i'll be showing you how to submit your properties apartments or even rentals step by step in this video now i understand the term real estate is a little broad so let me explain who can benefit from this wordpress tutorial number one a single real estate agent if you're a single real estate agent that just has a few properties under your belt this tutorial would be perfect for you because i'll be covering how to submit your personal listings to your website in this video number two a real estate agency if you're an agency or company that manages multiple real estate agents then this tutorial would be ideal for you with this website your agents can log into your website submit and manage their own properties and even have their own personal custom dashboard with their personal custom dashboard they can see their deals leads properties the location of your visitors and they may also respond to inquiries about the properties they list your agents will also be able to add listings and manage them directly from their dashboard they can also see the number of views and visits on their properties and for agencies who have their own mls this theme integrates with idx mls and i'll be talking more about that later in the video number three an apartment listing website instead of listing real estate housing you can also list apartments rentals or any property you want on your real estate website you can completely modify and configure any part of this website to adjust and fit any criteria of the real estate markets number four a real estate directory websites if you're an agency and would like your visitors to list their own properties on your own then this tutorial is perfect for you with this website your website visitors can create their own listings you may offer free and paid listings on your real estate directory website here website visitors can input information about the house put some information like description about the house they can talk about the year the house was built the number of floors how many beds and bathrooms the house has and you have full control over what information your visitors input in their listings they also have access to their own personal custom dashboard which they can access at any time so now that we know who this video is for let's go ahead and show you around the website and show you how the website works alright so this is the website that i'll be showing you how to make today so in this video i'll be showing you how to configure your real estate websites like adding in a menu also a logo your users can also create listings and also they can log into their accounts if you want your agents or visitors to have that option and then from here we have this search bar now your visitors can search based off property type or location and you can add and configure this any which way you want you can also say you know what i only want people to search for the rent or for the houses on sale and let's say for example we just clicked on for sale and search your website will then go ahead and find all the available houses that are for sale on your websites and then from here they can also have more further customization so if they want to filter this by area or bathrooms they can do that on the left side you can see we have the maps and if they click on the location they can actually go directly to the listing if they just click on this listing here on the map and then scrolling down here we have some of the listings so you can see that we have the title of the listing we have the address it also shows like the beds baths and all of the categories about the house and here i'll just go ahead and click on one house so then here's our listing and here you can see that we have the listing and it also has the agents who listed the house now you can add agents to your website or not it's strictly up to you and below that we just have some more description you know like about the beds the baths and we also have the sticky bar on the right side where they can always go ahead and message the agents and then below that they just gave a lot more information about the house they can also go ahead and open this and see it on google maps now also i'll be showing you how to add in google maps on your website with an api and also how to add in the map in the description of the properties as well so yeah this would be something like your you know your listing and just a lot of other information also i think there is a mortgage calculator where they can go ahead and you know check out if they can afford the house as well now besides this style of listing like this or layouts there are other layouts that we can choose from so there is a i guess you want to say a listing grid and also a grid style where they can view the houses you can also get rid of the sidebar or add the sidebar depending if you want it now also i do want to mention that the house that we just saw previously like this one we can actually change the layout so you will have a lot of options to change the layout so there are like seven different layouts to choose from i like this one here i think this one's very practical and once you select a layout it will then go ahead and apply on all of your properties so for example i'll just say i want to choose this layout right here and i'll save the changes and if we go back to our property and then we refresh the page so now you can see how the property changed to the setting that we set it so you do have a lot of diversity control over how your listings look and then here also users can see where it is on the map and they may also even click on this and get a street view of the house if they want to take a look at it so now let's talk about the page builder so i did mention that this is a fully drag and drop page builder and it's really simple so all you would have to do is just turn on the builder and then drag in elements so for example if you want to drop in this button you can drop in that button move that around like that using little pencil icon and the same thing with these images so let's say you want to drag in images i'll just take this and put it here and i'll take the miami and i'll put it in this one just to switch up the columns here so you guys can see it's very simple to use you would just drag and drop elements here and then you can kind of design and customize the website to your liking so i'll take that and drop it right there and there you go and then of course i can move this to like the left or the right then also under the style i can just simply change the color to something like red or you know whatever color that you know you choose to change it to also with this website you can list your agents and also if you are a large corporation you can list a sub agencies so here i'll click on agents and you can display a list of all your agents here it'll also display their listings so for example if vincent right here displayed various listings they can click on view listings and they can see all the listings that vincent has displayed so i'll go ahead and scroll down here this is like a little biography about him and here's a list of all of his listings right here and users can contact him at any time he can also put in all of his social media you know icons and websites and stuff like that so the agent page looks really nice and if they do want to call him or send him an email they can just go ahead and click on send email and send an email directly to his inbox also i do want to mention that you'll get a beautiful custom dashboard so from right here you'll have access to all of your properties you can see the title the description the price the status also let's say for example there is a update with your listing you can go over here click on edits and you can update the price or the address or anything that you want to change with your listing you may also view the stats to see how many people are actively looking at this specific property versus the other one maybe if you have a lot of people looking at one maybe you want to raise the price or something like that over here you'll also have insights so this just gives you some information about who's visiting your website it tells you what country they're coming from and also what devices as well it does also let you know which browsers people are using as well so over here i'll click on my profile now if your agents want to update their profile or their email or add a picture they can simply go ahead and do that here now also if this is a paid website this is where you can see invoices so you can see if people are paying you um you can go ahead and send invoices i'll talk more about paid listings a little bit later in the video but you can offer free and paid listings and also offer memberships subscriptions on your website for listing on your site and also if your agent is in their backend right here and they want to create a listing they can click on create a listing and then from here they'll go through the process of creating a listing now i'll walk you through the whole process of all this in the video you can have agents create listings you can have visitors create listings or you can restrict it to only yourself or restrict it to only your agents that can list properties so you do have a lot of control over your real estate website as to who can list properties also in this video you will get all of the demo images available so all the images that you guys see on this website you guys all will get for free and you guys can use these like as placeholders until you get your own property images so for example you can kind of use this just to get started and then later on you can go ahead and swap it with your pictures from your real estate properties also don't forget your visitors can always favorite their property so they can always come back and visit them later and if they are decisive about properties they can click on this compare and they can compare this property versus other properties so they can compare these and they can compare as many properties as they want to just see the pros and cons of each house to make their decision a little bit more easier so pretty cool huh now this website is ideal for all real estate agents and businesses now if you were to try to build this website yourself as an agent or an agency it probably costs you around 25 to 50 000 but we will be using a premium wordpress theme and fast cloud hosting that will only cost you around 100 bucks so if you're ready to get started let's go ahead and build your real estate website with wordpress okay so for step one we'll get your domain and hosting so for example myrealestatewebsite.com and i do have an exclusive discount for all of you that you will only find on this youtube channel step two i'll show you how to install wordpress and import the demo content and then from there we'll go ahead and design the website using the drag and drop builder step three i'll show you how to configure your website and also create listings so i'll go through the process of creating listings and managing a real estate website so you can walk away from this video knowing how to personally configure your own real estate websites now there is a link in the description of this video it'll take you to a website to purchase fast cloud and cheap web hosting all right and this is name hero.com now i've been recommending namehero.com for a few years now because they won the fastest web hosting competition in my previous web hosting video now more importantly we're going to be using name hero because they offer cloud hosting and to use this wordpress than a lot of other companies and they're a lot faster so we have four different packages we have starter cloud plus cloud turbo cloud and the business cloud i would personally go with the turbo cloud with this plan you get nvme storage and if you guys don't know nvme storage is a lot faster than typical ssd storage in fact a lot of hosting companies do not offer uh nvme storage because it's actually quite new and it's a little expensive so i would probably go with the turbo cloud plan you also do get more ram as well so you do have a little bit more server performance so once you're here you'll click on order now all right and then right below that we are going to register a new domain name so this would be the name of your real estate website so personally i would do something simple you know like yellowpages.com you know how they're simple do something like you know easyads.com i mean that probably is not available but let's just see if that's available easyads.com i don't think it's available let's just see there though i really doubt it yeah so maybe like a simple sim simple ads or i don't know you know we'll just do simple adstutorial.com or something like that i don't know but you would pick your domain name and you guys also do get a free domain name with this tutorial as well so let's go ahead and click on continue next you'll select your billing cycle so you guys can select three years two years one year or even one month however i do recommend the one year because you do get the best discount available or you do get a bigger discount more years but i think one year is enough time to see you know if this tutorial is for you and it just gives you a lot more breathing room one month is just not enough time and i wouldn't recommend the one month option so let's go down here i'll select one year there we go i just said one year right and then i go to the three year next we have some upgrades and some packages personally i don't think you need any of these these are really up to you but uh you get backups with wordpress plugins and all this stuff you can get all this for free so yeah once you're here you'll click on continue on the right side next you have the domain configuration now i highly recommend the id protection this is going to protect you against spam against all these people trying to send you advertisements because your personal information will be protected so i highly recommend to do the id protection so once you select that you'll click on continue all right so let's go ahead and take a look at what we've got right here so for web hosting for the entire year we get a free domain you guys have saved 70 off so for your entire year of web hosting you'll pay around 100 bucks so it's a really good deal it's really fast you guys are going to love name hero they have a really good record you guys can just go ahead and do some you know go ahead and do some google some reviews and you know is there a scammer or whatever you want to you know whatever you want to google and then below that you will put in your account information and your social i'm just kidding guys no social uh you can pay with oh look at that you can pay with coinbase can i pay with f3m or i'm actually interested do we have to play with pay with bitcoin or maybe we can do like another cryptocurrency it's getting wild man it's getting really really high so you can select your form of payments and uh below that's you can say i have read to the terms of agreement which i'm sure you guys are all going to read those terms of service which probably none of you will but hey that's fine and then once you're done you'll click on checkout now i'll go ahead and go through the process of purchasing a package and i will meet you in the very next page all right and once you guys press ok a few times and you answer some questions you guys will end up in your client area so from here you can access your information your contacts you have your domains and your hosting packages you should probably only have one here i do have a few just because i use a lot of them for testing purposes and stuff like that now if you guys have a problem let's say wordpress didn't install or your ssl is not working you guys can go to the supports and you can open up a ticket and these guys will definitely help you out with any website problems that you have they're really fast and prompt and they're extremely helpful so enough of that upselling and all that crap let's go ahead and install wordpress onto your domain now if you click on domains here you should probably see a list of your domain right it might have the you know it might have the the thing checked or not checked it doesn't matter but i'll go ahead and walk you through how to get all of this set up today so first things first let's go ahead and click on my cloud now you're gonna see your hosting package here so go ahead and click on your hosting package so it should just be one right so i'll click on the plus cloud which is one of my hosting accounts and then from here you'll click on login to cpanel now this is where like kind of the magic happens this is where we install wordpress this is where we configure php settings and all that stuff and it's really simple to get started also guys before we go on please make sure to leave this tab open do not close this tab because we're going to come back to it a little bit later so let's go ahead and scroll down here we're going to keep scrolling i know there's a lot of options but we're just going to keep scrolling just keep scrolling okay keep going keep going we're going to find wordpress there we go so you're going to see software and wordpress manager by softaculous go ahead and click on wordpress manager by softaculous now you guys should have probably nothing here i have a few domains already and what you're going to do is that you're going to click on install now you're going to be prompted to install wordpress onto your domain so the domain that you purchased we are now going to install wordpress which is like the website builder where we can install all the stuff and make your site look really cool so by default you probably should see your domain right here there's probably only one available go ahead and select your domain so i'll just select i'll just select this one for now and make sure this is https also make sure nothing is here in the in directory so make sure that is blank all right that's very important make sure that's blank because then it's going to install your website into a directory and you don't want that to happen let's go ahead and scroll down here so go ahead and put in your username and password now these are the credentials that you need in order to customize and design your website so please write this down don't forget about it in fact you will have to change this so for this tutorial i'll do classifieds and then i'll put in my email address make sure it's an email that you have access to because if you forget your password it will go directly to this admin email and then below that we have select language so if you guys speak in those languages you can translate your entire wordpress backend into various languages and then below that we'll go ahead and scroll down we don't need any of this junk and then once you are ready you will click on install and then this will install wordpress onto your domain and there you go so once you have successfully installed wordpress you will see this administrative url you can go ahead and click right here to log into your website and congratulations this is your new wordpress website so this is the back end and if you want to see your website live on the internet you'll go over here and click on visit sites and this is your new website so it's using a default theme it's really ugly but not to worry we will make it look really cool now let's go back over here and click on dashboard alright congrats on the new domain so at this point your website is now live on the internet now in this next section i'll show you how to purchase and install the houses theme so what we're going to do is that we're going to import some demo content and then from there i'll show you how to configure your agents your brokerage how to add pages how to use the page builder and also how to add those pages to the menu so with that said let's go ahead and jump back to the video now before we go on any further we need to adjust some of the general settings just to make sure that your website's running optimal so first let's go ahead and go over here to users and click on profile now this is where you can change the admin color scheme so on your back end when you're working on stuff you might want to change the back end color you know i like modern and also midnight i just feel like it's easier on the eye and scrolling down here this is where you can update your email address now this is important because let's say for example you forget your password it will send it to this specific email so make sure that you have this email that you have access to it and then scrolling down here and if you ever need to change your password you can click on set new password and then you can adjust your password to whatever that you want and i'll click on cancel and once you're done with those changes you'll click on update profile at the bottom all right cool so next let's go ahead and go to settings and let's click on general now for those of you who are multilingual and you prefer a different language over here under site language they have like tons of languages you guys can pick so yeah if you need to change your language at any time you can do that you can also adjust the date and the time format if you want to do that and then your time zone you know these are just personal preferences but yeah so that's that's let's click on save changes and the last thing we need to do is update our permalinks so usually when you go to a website you'll see like you know like your website.com about us right so over here click on permalinks now we're going to change this to post name so here we can see why so it's a lot cleaner it makes your website look very professional it doesn't look messy so with these other permalinks it just looks really messy and cluttered and you know this is actually optimal for seo purposes so once you select post name we'll go down and click on save changes all right awesome now there is one more thing that i want to do before we install the wordpress theme i want to install a plugin so right here click on plugins and add new now what are plugins well plugins are essentially kind of like applications for your website so you know how like your iphone has apps plugins are no different they're just kind of added things that you can add on your websites to just improve it or add a particular feature but under search plugins go ahead and type in cash c-a-s-h-e cash and i want you to install this plug-in right here so light speed cache this will help optimize your website make it faster and let's say for example we're building our websites and something doesn't update we can refresh the cache and it will make your site run a little bit more optimal so yeah make sure you have the lightspeed cache plugin installed and then up here you'll have this little diamond and you can click on purge all and that will always clear the cache and refresh your website to its optimal settings so now that we have all of the technical stuff out of the way now let's talk about the wordpress theme that we're going to be using so there is a link in the description of this video it'll take you to a page to purchase the house's theme now the houses theme is probably the number one most popular real estate wordpress theme for wordpress right now it has tons of features in fact you can make any style website you want with this wordpress theme they constantly update it they have great documentation and they have a lot of really nice demos so you guys can see on this page it lists a lot of their features like their page layouts again the reason why i really like this theme too is because they have various layouts and designs a lot of the real estate website themes that i've seen they only have like a few styles on like your listing page and everything it just looks very limited in fact over here under wordpress if i click on real estate and under the best seller um houses will be on the top too i did try this one last year and i just didn't really like it it's actually quite limited and i strongly believe houses is a much suitable real estate theme for pretty much any type of real estate niche that you're in so once you guys get here you guys will purchase this now this is about a thousand dollars nope i'm just kidding it's only like 59 so that's a one-time payment you don't have to pay that ever again and you get the product and you get lifetime updates now if you guys do want support you guys can always extend the support for 17 bucks for a year i mean that's ridiculously cheap compared to doing it yourself so um go ahead and purchase this wordpress theme and then i'll go ahead and meet you in the actual uh i guess you want to say dashboard so let's go over here to my downloads right here because i have already purchased this wordpress theme so this is available in my account all right and you guys can see here is the house's real estate wordpress theme so just remember this is the theme that we're going to be using for this wordpress tutorial once you get here in your account you'll click on download and then you'll see installable wordpress file only so go ahead and click on that and what it's going to do is that it's going to download a zip file so this is the file that we're going to need in order to upload to our websites so go ahead and save the file to your computer and then right now you can see that it's currently downloading to my desktop all right now while that's downloading there is something that we need to adjust on our server for this wordpress theme now this wordpress theme has specific server requirements now it's very easy to change this and since we're using cloud hosting we can adjust our server to meet these configuration limits so let's go ahead and do that it's really simple guys don't panic all we need to do is go back to our cpanel so let's go back to name hero and i want to go ahead and log in to the server and adjust some small changes it's really simple we're just going to go ahead and copy and paste these onto our server so let's go back over here i'll click on my cloud and then you'll click on your hosting package so whatever hosting package that you see available you'll go ahead and click on that so for me it's this one right here next i'm going to click on login to cpanel all right cool so this is our cpanel and right here we're going to type in php that's it php and then click on select php version and then you'll configure all this by yourself no i'm just joking this is all we just need to click on options here so just click on options and we're going to scroll down just keep scrolling and this is it so for example the max execution time you want to change that oop wrong one wrong page max execution time is 600 right so right here just put in 600 simple memory limit 128 my memory limit i set to 256 so i just wanted a little bit more more performance so i put 256 for the post max size 48 here i put 64 all right and the upload max file size is also 48 you can see here how i put uh 64 as well i also put my max input varies to a thousand and this is default so that's it you just need to change that to uh those settings and you're all set to go and also your php version so if you guys are watching this from maybe six months from now always leave your php version at the current so just leave it at what the hosting company recommends never go up higher because sometimes a lot of these themes are not compatible so you want to use the stable version of php all right pretty simple right that's all you have to do so now that we have that done we can go back to our wordpress website and now we can upload the houses theme you guys ready over here under appearance we'll click on themes now there are a lot of wordpress themes a lot of these free themes they're very limited because they have a free version and you have to unlock their pro and that allows you access to adjust colors but there are some good free themes out there but for this specific website we're going to be using a premium theme that's designed specifically for real estate so right here under upload theme click on upload theme and then click on browse now what we're going to do is that we're going to upload the zip folder so remember don't extract it just the way you downloaded it that's the one that we need so this is the current file and you can make sure just by you know hovering over it and making sure that it says the house's real estate wordpress theme dot zip and then click on open next we'll click on install now now this process might take anywhere between one to two minutes because it is somewhat of a larger wordpress theme so just give it a few minutes all right and once the theme has successfully installed on your website you will click on activate all right awesome now right away it's asking for your purchase code now you will need the purchase code in order to import the demo content and unlock all the features you can find your purchase code going back to your downloads and right here if you click on either the pdf or the text it will display your license code so go ahead and click on one of these so your purchase code will be displayed right here you can see the item purchase code so go ahead and take this code and then paste it into your website so let's go back to our website and i'll click on my website and then i will paste the purchase code and then i'll click on verify all right awesome so now we have successfully activated and installed the house's wordpress theme now the next step what we're going to do is that we're going to install some plugins the plugins give the website the functionality and basically the features that we need for our real estate websites you guys can click on this begin installing plugins in case you guys did close this on accident which i know some people do you can actually re-access this by going over here to appearance and clicking on install plugins and these are the required plug-ins in order to make the theme work properly so go ahead and click on this little box right here and then click on install and what this is going to do is it's going to bulk install all the plugins at once so let's click on apply and just give it about a minute all right and once those are done installing we'll go to the bottom and click on return to required plugins installer now we're going to activate these plugins so let's click on this plug-in thing in the little empty box and then we're going to activate all these plugins and then we'll click on apply all right awesome so now we have successfully installed and activated the plugins so let's click on return to the dashboard now you guys might notice on the left side things are going to change you're going to see a lot more tabs open and these are due to the plug-ins so it's just more options and more features that we'll cover later in the video you guys might also get these really annoying banners just click on like no thanks and just close them if they pop up it's just little ads from the designers and the developers you know whatever so now that we actually have our uh websites with the plugins and everything you guys want to take a quick look at it you guys can also see how the website has kind of changed a little bit we have just like a different structure and everything so next let's import some demo content onto our website let's go back over here to dashboard and here we have the houses i guess you want to say tab we're going to click on demo import so with the demo import we're going to import some demo content and then from there we're going to kind of dissect and we're kind of go through each section one by one to make sure you guys know how to operate to your real estate websites now here you can see the server requirements so we have already changed the server requirements so we don't need to adjust anything on our own and if we scroll down right here you're going to see a lot of demos now what's really cool guys is you can switch from demo to demo so let's say for example you can import this demo and then if you don't like it you can delete your website and then import another demo so they do have a lot of demos and these are for specific uh you know specific niches so here we have just like you know a normal luxury house condominium style you know and just different ways to present your real estate website i do like this one right here it's like very corporate but it's very simple i do like that approach but um yeah you guys can check out these demos on your own free time but for the whole purposes i want you guys to install and activate the house's one theme so what we're going to do is that we're going to import this layout right here and then i'll show you guys how to add agents how to add properties how to adjust everything and then i'll also show you how to use the page builder so make sure that you use the houses one so right here click on import demo and scroll down right here we don't need to click on anything else i just want you to click on continue and import these are just plugins and upsells and we just don't need them so click on continue and import and go ahead and give this process about five minutes so it's going to import all the pages all of the listings all the agents and then we're going to configure each one one by one so just go ahead and just wait a few minutes while this imports so just go ahead and give this about five minutes while it imports all the demo content on your real estate website also sometimes you guys might get an import failed there's no problem sometimes weird stuff happens with wordpress just go ahead and try it again so just go back over here to your houses demo imports and then simply go ahead and just try it again you guys might want to clear the cache here so i'll just purge all so that just kind of refreshes the websites going back down here to import demo you guys might have that problem on other you know layouts if you guys do decide to use different layouts later but just go ahead and click on continue and import all right and once your import is complete you'll get this check box and then you can click on visit sites so that process took about five minutes it does take a little a little time to import so this is your current websites and you guys can kind of just take a look at it and just check it out so we have the home page we have our featured listings and this is basically where all your listings will be displayed you guys can adjust all this not to worry we can fully customize and change everything that we want but just take a look at your website make sure everything imported correctly you can see the website looks great i do want to change the fonts i'm not a fan of the fonts i do like the poppins fonts but here you can see we have a list of all these demo properties that we can you know we can customize and we can change everything we have our agents which we'll do right after we mess around with the page builder and just some testimonials and we have our footer at the bottom so congrats you guys have your current website and it's already starting to look really really good now we're going to turn it into something like this just to bits but first let's go ahead and just talk about how do you guys actually change and customize everything right so we've seen the website but we need to learn how to actually use the builder so the builder is called elementor and this is the builder right here so click on edit with elementor and what this will allow you to do is that this will allow you to add an elements that allow you to change the images you can basically change everything that you want so for example we have these elements here on the left side now these elements you can use these to drag into your website so for example let's say you want to add in a button you would just take this button and drag it and then on the content tab this is where you can change like the position you can add the link you can change the font to like a start now and yeah so the content tab you can change the content the style tab this allows you to change the uh the font and also the color it also gives you options like adding a text shadow a drop shadow and other various uh you know design tooltips here i'll click on this little pencil and this is where we can change the font so for example you know i like poppins i like poppins bold actually like that's and if you want to change the text color we can change the text color here and also the background color to you know anything that we want you know we can change that to you know any style that we need and yeah that's pretty much it now at any time if you want to duplicate your modules you can right click and click on duplicate and then you can kind of drag this around the website to like anywhere else so you can see here how it's just a very visual uh drag and drop builder if you want to delete something you can right click on the pencil icon and click on delete so right click on that and delete now what i want to do is i want to turn this into something like this you know i feel like this is more appropriate i like the style of it it looks really clean so let me show you all some quick tips on how to adjust your website now we have these three columns right here right but i don't really want these columns so right click and let's delete it you know right click and delete it so we have just welcome to houses but i want to change something to like maybe i want to change it to like something like you know find your perfect home and then we can just you know throw in some demo content below that's so all you need to do is just click on the actual elements and then for the title we can say you know what's i wanted to say find your perfect home and you know we can leave this contents but i'll just use this one because i've already prepared it so i'll just take that and i will go ahead and paste this like that so you can put in any content that you want obviously now one thing i do want to change is the actual fonts so here we have style and we have the section title which is this part i want to change this to poppins poppins and like i told you guys i like bold and for this bottom part we can change that as well to maybe like pop ins and yeah we'll just leave it at that now i do want to make this top text a little bigger so under this little pencil icon we can control the size of the text to something that looks like that and if you want to see what it looks like without the actual builder right here you can click on this tab and this will kind of demonstrate how this all looks so i do like that you know i think this text is just a little too big so maybe i can reduce it by just maybe like 10 pixels or something like that you know there we go it looks like that now also right here we have this this whole section right here and i want to make this full width so you see here on this how this is full width i do like that so if you want to edit the actual background of a section you'll right click and click on edit section so this can kind of gives you control over the actual background here and we have a few options so i want to actually change the height to fit to full screen to look like this i do like that a lot better and also one thing i want to do is i want to take this search tab and i kind of want to move it around so you guys can see here how it kind of pushed it at the bottom so what i want to do is i want to click on this pencil icon which controls this search navigation and i want to drag it right below the text like that so i feel like this looks a little bit more appropriate so you can see here how you can kind of drag and drop elements around the websites just to make things a little bit more easier now we will talk more about the search bar a little bit later when we talk about you know adding in custom fields and stuff like that but let's say for example you want to change this background image so again i will just right click and click on edit section and here we have the style tab now the style tab again remember it controls like the actual colors the fonts and in this case we can change the image now i do have demo images for all of you in the description below of this video to help you guys follow along so for example i will click on this image and i want to upload some files so i'll click on select files and the folder that is in the description it is called the real estates and it'll be in a zip folder so all you need to do is just go ahead and open it i'm sorry it is the house's image you'll just go ahead and open that and then you'll get access to these images right here so what i'll do is i'll go ahead and take all of these and i will click on open so now i'm uploading these images to my current real estate websites now if you guys do need images i highly recommend going to pixabay.com and also unsplash.com so this is pix2bay.com and this is where you guys can get free images for your website so i just typed in house and then you can see here how they are offering a bunch of different uh images that you guys can use for free just to make sure that your website looks really professional these are really high-res images and it just gives a good representation of your business you can also use unsplash remember just type in like house or beautiful house or houses or whatever you want and they will have a bunch of images that you can use for your websites now if you do decide to use images from this website i highly recommend to optimize them now there is a free website you can use for all of your images for your website just to make sure it's running fast you want to go ahead and go to tinyjpg.com so what this will do is that this will shred off all the fats off your images it's completely free doesn't cost you anything and i highly recommend to do this even if you just take regular images from your own camera phone because you want to make sure that your images are optimized so all you would need to do is just click on this go to any of the images that you downloaded so what i'll do is i'll grab this one here and i'll click on open and you can see it's around 421 kilobytes and the website will compress it and you can see here how it did save some it did reduce it a little bit so you want to make sure that you do that for all of the images just to make sure that the site doesn't run very slow because that's the number one biggest complaint is people say the website's slow and it's because of the images trust me so anyways once you guys upload these to your website we can go ahead and add this to our site so i'll click on this one right here and click on insert media and beautiful look at that it looks actually very similar look at that now there's one thing that you can do and this is optional you can adjust the background overlay so for example right here we have background overlay right and here we can kind of adjust the color of the actual overlay so you can give it like a bright blue a dark black if it's like a high-end kind of website and you can adjust the actual background like that now there are a lot of other options here like shape dividers and a lot of other cool things like shape dividers are really cool this kind of adds these like you know these designs to either the top or even the bottom of your websites so you can kind of like have some fun and kind of mess around with a lot of these options but um right now i'm just going to go ahead and just close all this now if you guys do need help with this page builder i understand i'm not going to cover everything about elementor because this video can easily gets very long i do have a full another video on elementor so here we talk about the advanced parts we talk about the pro version as well so if you do want to upgrade and get the pro you can but you don't really need to with this website so you guys can watch this video it's about an hour and a half long and it covers every option of elementor so once you watch this video you guys will be like elementor professionals but i don't want to cover everything about elementor because again i don't want to get off topic here and focus on the builder i just want to kind of give you guys a crash course so that we can focus on making the real estate websites so anyways let's go ahead and scroll down here and one thing you guys might notice if i close this you might notice how this text now is boosted up right here and we also have this section now i want to go ahead and delete all this because i want to remake it so let's go ahead and show you guys how to remake sections so i'll go ahead and close that and also delete this right here and i'll delete this right here so we're just left with this empty section now whenever you want to add a section you can click on this plus arrow and click on this plus and then you can select the amount of columns that you want but in this case i just want one column now i'm kind of lazy guys so i realize that this demo website has already made a lot of sections for us so we can kind of copy and paste and use these sections throughout the website for example i want to take this section right it's already made for us i don't want to have to redo everything all over again so what i'll do is i'll right click and duplicate and i will take this pencil icon i'll drag it i'll hold it and drag it use the scroll button and i'll just drag it here to the top like that alright cool we're actually dragging it right here in there like that all right cool next what i want to do is i want to add in some listings right so here i'll click on the listings now i think the listing was listing 6 or something like that so the wordpress theme actually creates their own elements so you see here how this says houses elements so this is where you would get all of the properties you would get the listing tabs this is basically everything that you need for your properties so here we have property cards carousel v1 i guess version 1. so i'll take that and i'll drag it right there and what this is going to do is that this is going to display all of the listings that you have created and then here you can always customize stuff so like how many listings do you want to show we can say one we can say two and just kind of give a better look you know of whatever you want to go with here we have filters now so let's say for example you want to display the houses for rent only so here we have status and we have rent so basically you're saying i only want to show the houses that are for rents and then you can change this obviously to check out our selection of rental properties right rental properties to kind of you know make people understand that these are rentals only so you can use the filters to kind of match with whatever text that you're trying to or whatever message that you want users to understand so yeah that's just a quick rundown of how to drag in elements now i can't really tell you guys which ones to use for these houses elements these are strictly up to you but later on once we create listings this is how you can display them onto various parts of your websites also there's a really cool one here i'll just right click and delete that now remember you're not delete you're not deleting the listings you're just deleting the actual section so don't think that you're you're deleting your listings you're not doing that but also we have like um where's this really cool one it's like like here we go the properties open street map so we can take this and drag it and i'll change the offset to something like 7. so what this is going to do is that you can actually display a list of all your properties here and users can click on it and then they can go ahead and access the listings right away so this will link them to the actual listing which is really cool and then again you can use the filters here to show specific properties like for rents here we have features status now we're going to make all these a little bit later but you'll understand this once we actually kind of make the fields later so don't worry if you don't understand this section too much we will be creating custom fields in the very next section or actually no in a few sections so you know for example if you want to display only the houses for sale this will then only display the houses for sale now one last thing i want to show you before we move on to the next section is how to add padding so you guys might notice that this text is just really too close you know to this section so whenever you want to adjust padding click on the elements go to advanced click on this little uncheck whatever and you want to add padding to the top right so padding is just space so like you know just just some space right i like that a little bit better and yeah i do want to change this you know text right here to pop-ins right i think pop-ins is our go-to fonts at this point right there we go and and then also change this to pop-ins yeah something like that now also a quick shortcuts as you're building your website is that you can copy and paste the styles of this so you want to keep your design consistent right so right here i will copy this and for whatever reason you can go to any of the elements like this one and you can paste that style so it'll basically paste the fonts and whatever settings that you have for the topography so now you can see here how it changed it to pop in bold so really really simple and then i can move that back to the left so yeah that's how you can copy and paste styles all right but i'm just going to go ahead and delete this section now if i i do want to go back i can click on this history section and i can actually go back steps so let's say for example i messed up didn't look good or deleted something i can keep going back to these steps and this will actually kind of revert the website back to whatever uh you know back to whatever steps that we made so you can see here how it's going back it's going back and you know we can keep going back as far as we edited the page so you can see here how you can always retrace your steps if you guys did have problems so what i'll do is i'll just go ahead and leave this and i will go ahead and click on updates so that's just a crash course of the builder guys you know on your own time feel free to practice the builder feel free to get comfortable you can drag in these elements and you can kind of explore them and just kind of mess with the filters and just you know see what design works best for you but that is the elementor page builder in a nutshell so making the websites pretty simple you just have to kind of think around with the builder find out you know what works and just kind of get comfortable with everything now before we go on any further i do want to talk about some important features and also some things that you might want to look into before going any further so you don't make any mistakes so let me go ahead and quickly step back here and just kind of introduce some things that you might need to know about going forward all right so first let's talk about how to log in and log out of your website i didn't really cover that when we kind of just skimmed over it now whenever you want to log out of your website over here you'll click on log out and this will bring you to your basic year like your login form now if i go to my domain right here and just type in the domain you'll see how it just visits the website and i'm currently logged out so this is like the average visitor now whenever you want to log into your website to make changes or to build stuff you're going to type in wp-admin just like that and when you press enter it'll bring you to your login page and then from here you'll go ahead and click on login and you'll log into your website using the credentials that it gave you so that's how you can log in and log out of your website now i realize a lot of people watching this might want to use a different template you might have made a very big mistake you might have deleted something on accidents and you kind of need to restart right now what i'm going to do is i'm going to restart my website and then i'm going to import another template to show you that if you want to kind of switch around templates or even if you made a mistake and you want to switch what happens a lot with beginners and amateurs i'll show you how to do that so right here we have plugins and i'll click on add new now what i'm going to do is i'm going to actually delete this whole website and i'm going to re-upload it again just by simply importing demo content so under search plugins we'll type in resets and they do give you a lot of plugins that you can use i use this one it doesn't really matter which one you use they all kind of do the same thing here but i'll just use wp resets now once you activate this plugin i think it's under tools yeah under tools you'll go to wp resets and we'll scroll down scroll down and right here it's saying reset website now before i do this i just want to let you guys know that this will delete your entire website and start it over again just like you first installed wordpress so right here i'll type in resets reset sites and are you sure you want to reset the sites i will say reset wordpress all right now let's go ahead and take a look at our websites and voila everything is completely gone so sad but not to worry we can simply reinstall the theme and then import the demo content all over again maybe later he wants to use a different theme or whatever i'm sorry different layouts so here's the theme it's still activated within our database here i'll click on houses and activate now the one thing that you might need to do is that you might need to re-enter the purchase code which you can find in the envato customer portal all right so i activated the theme again and now i'll go to the same process of activating and installing the plugins so uh right here i'll just click on begin activating plugins so the plugins are still installed and if you do want to delete them you can but you do need these plugins for the theme to operate so right here i'll click on activate all right cool and return to the dashboard here we'll click on no thanks now you might want to reinstall the caching plugin and you guys can do that on your own time but uh what i'm going to do over here is go to houses and go back to demo import then i will scroll down now you don't need to say you don't need to change the server configurations because that's in our server and that doesn't apply to wordpress so you can go ahead and import another demo on your own free time but uh i'm just going to keep this demo right here because i'm going to use it throughout the tutorial so i recommend kind of sticking with me till the end and then once you guys are professionals you guys can use any template that you prefer but uh right here i'll click on import demo i'm gonna dismiss this these notices are so annoying you know it's like it's like i don't want to buy it you know i don't want it i don't want it so here continue and import and then i'll just go ahead and wait a few minutes while it imports the demo content all over again all right so the import was complete now i had to actually install the caching plugin and purge my cache because it was just failing but after i purged my cash it worked with no problem so right here let's click on visit site and hopefully everything went good you know sometimes weird stuff happens when you import of your websites and it looks like everything loaded perfect all right awesome so so that's how you guys can kind of reset your website if you're having problems you can you know reset it and then switch to another templates or if you deleted pages that you need you can always do that to restore all the pages that you might have accidentally deleted so now that we know how to use the page builder let's now add your agency to the real estate websites right so i'm sure you have you know a property a company name or a real estate agent name let's now add it to our website so first let's go to our dashboard now for the remainder of this tutorial i will be using my demo website as well to help you guys follow along in this video but uh right here you'll click on i'm sorry you'll hover over real estate and then you'll see this agencies tab so the first thing we have to do obviously is we have to add our agency now this is your company so for example we have the title of the company the license the image which is the logo the email the website and the phone number now these are all of the demo agencies that they have created so you might want to delete these so if you do want to delete these you can click on this little tab right here and then just go to move to trash and then click on apply now once you do that i'll go to my other website here and i'll just show you how it'll look right here so here's my agencies now you should probably only have one right now if you are a large corporate entity you might have a lot of sub agencies right so if you're like colliers or if you're re max you might have a bunch of smaller agencies that work under you but uh for this instance i'll go ahead and delete my paddywhackers what will we make it don't worry and i'm gonna go ahead and add an agency so to add your company click on add new agency now this is important because later on we're going to add agents and listings and we want to know basically who those agents belong to and who do the listings belong to so that's why we're adding an agency so go ahead and put the listing of your agency or the i'm sorry the the name of your agency here i'll do patty whackers or paddywhack estates patioca states right now this is where you're going to put some general information about your company so this is like you know just the just the general description about your company so what i'll do is i'll grab some demo text i'll go ahead and paste that in there and then you're going to fill in your agency information so you're going gonna put in your email your phone number and just put as much information in here as you can and once you do that it'll apply on your you know on your agency so i'm gonna quickly go ahead and fill in some of this agency information just fill out as much information as you feel comfortable with or the information that you have available alright so i went ahead and i filled out some of my information right here and next what i want you to do is click on this agency little tab right here and this is the featured image so this is essentially where your logo is going to go so if you have a logo or something that represents your business you can go ahead and set that as your featured image so i will click on this and i'll go ahead and just grab this one here it looks like a pokeball right something like that they say donut chart but whatever and yeah that's pretty much it so we are now creating our agency so once you're done filling out all this information you'll click on publish and publish all right awesome now if you want to view your agency you can click on this view agency tab right here all right so we have paddy back estates we have the address we have our license and then we have the contact information and then just some general description about the agency as well we have the languages that we speak and just some description now we can edit this page and we will talk more about that in the theme options settings but for right now let's just stick with the basics so that's how we can create a brokerage or agency now let's talk about well okay we have an agency now who works there you know do we have agents so let's now add some agents to our real estate website where users can send you emails and if they have questions they can send any information that they might want to you directly or your agents so let's go back over here to dashboard and over real estates we'll go to agents so here i just have one obviously now you might have the demo contents which over here we have agents so this is what it would look like if you had various agents so you have a bunch of people you have their email their websites preferably or i don't know if they're working for you but if they're freelance or your partner whatever you know you'd want to put their website right there now again what i'll do is i'll go ahead and delete this so i will delete everything and start from scratch with you all i obviously already made some demo content right so let's add a new agent so right here click on add new so who works for you and who is this person well let's do daryl wilson now this is the general description about the actual person so you can talk about your credentials you can talk about your story again i'm just going to copy this and there we go so you know this can be whatever story that you want to talk about short description this is for the blog so just keep this very brief saying you know real estate agent grew up in uh colorado and i like to go hiking right you know real estate agents real estate agents who likes hiking no not hiding hiking in colorado right or something like that i don't know did i spell that wrong colorado okay and then this is where you're going to put all your information again so your email address your service areas so you might want to say who or what area you service i mean you know sometimes if you're in las vegas people want to say oh do you uh do you work in reno it's like no it's kind of far from las vegas so you might want to put your service areas your position and all this general description about your agent or even yourself if you are creating an agent for yourself so i'll go ahead and fill out this information really quick all right so i went ahead and i put in some information you know i put my specialty so you know i do auctions and short sales this is the company name i work with and all of this good info now again right here under agents you'll click on agents and you'd want to select your featured image as the actual agent so right here click on set featured image and i'll just grab one you know to represent daryl wilson it was uh one of these one of these white dudes right here there's a few of them yeah just you know put a picture of your agent or your company i'll use this guy right here set featured image actually no i don't want that one no i don't want it let's do another one i kind of want a smaller one you don't want to have a really large image because then it kind of stretches the page but i think that's all we get that's good that's good just so it's just a small one like that i do like that now also if you scroll down on this right tab we're going to see agencies now here we can assign the agent to the paddywhack estates so this is why you'd want to create your agency first because then people can find agents a little bit more easier and once you're done with that you'll click on publish and publish all right cool let's take a look at the agent now so right here i'll click on view agents and here we go we got darrell wilson we got the picture of me agent at patty whackers so this will link back to the agency we have some general information the contact information and all of this cool stuff so yeah that's how you can add agents to your real estate websites all right so now that we've created our real estate agency and agents now let's create pages for them and apply them to the menu so up here we have plus new and you can see here how we have page right so i'll do that i'll click on plus new and page you can also access you know plus new page in the backend as well and these are going to be the companies right or our agents you know our agency so this is actually like my business now if you have multiple businesses they will be displayed on this page so for example what i'll do here is i'll scroll down and here we have the page attributes now you'll notice here how we have a template now the template essentially is going to apply to whatever you select here so for example if we select like the template listing grid that will display there or any of these templates now remember you can always rebuild the pages from scratch using the page builder if you choose to do that but for now let's just keep this basic and just stay on on focus here it's very easy to get uh derailed in this wordpress theme so what i want to do is i want to select the actual agencies so template all agencies right and we have some other options here like you know the header the footer we can adjust some other small settings yeah you guys can adjust these to your liking and once i select the template all agencies i'll click on publish and publish now let's take a look at the page so view page and here we go so we have the agencies so all the agencies that you created will be displayed right here it is so much of a bland way to you know to promote your your agency you can always remake it from scratch using the builder which might look a little bit better but from this section you can actually click on view listings and then it'll show all the listings for the agency and it's also connected with your agents as well right here so you can see here how everything kind of connects all together so it makes it easier for your your agents or your customers to navigate throughout your website so next let's make a page for our agents right here under plus new we'll click on page now this is going to be the same process we can you know put agents here and under the templates we will then go ahead and find the template all agents now for the agents you guys can actually use elementor and rebuild the whole page from scratch if you choose to do that but for now let's just go ahead and just click on publish and publish and then you'll get what i'm saying as we progress so over here i'll click on view page so now you'll see all of the agents right here that are listed so we have the agents we have who they work with and we can also view their listings so if this agent has created specific listings they will all be displayed right here under listings and if you guys do need you guys can go ahead and check out the demo content right here just to get an example so for the agents you will see that if i click on view listings it will then show a list of the listings that that agent has posted so that's how you can basically display agents on your website now there is one small thing that i do want to mention you guys can create a custom page with your agents if you choose to do that by using the elementor page builder so for example just like we did before over here i'll do plus page so this theme does have modules for the agents so i'll just put like agents and then i'll put elementor just to kind of help you guys understand now you don't have to follow me here but if you do decide to build a page from scratch you guys will have more customization this way so i'll just do agents elementor i will select elementor full width i'll click on publish and then i'll click on edit with elementor so for example here i will type in agents and here we have agents and i can kind of drag and drop this and i have a little bit more customization here so now a list of agents will be displayed i can choose the amount of columns so if we have a lot we can choose like a four column four column row right now it's just under three we also have the grid and the carousel style so if that's something that you want to do you can build out your agent page from scratch and then like before we can just drag in elements here you know we can add in some content and you know if you do want you can put listings right here so i'll just put listings to make things easier list listing right or let's see here maybe just a properties i think property is the way to go properties yeah here we go properties whatever and then there we go i'll just display some properties and then for the filters we can just go ahead and adjust these to however you want to display them and then here we have properties by agents so basically if you have like just a few agents you can just say only i want the properties that are created by daryl wilson now since i have not made any uh it will display nothing but that's how you can kind of create your agency page from scratch if you decide to go that route it's just an option now let's talk about the menu so you guys have seen how we have this menu at the top it's filled with a lot of demo contents and a lot of the stuff just doesn't really apply to us so let's now take these pages and apply it to our menu so let's go back over here i'll first click on view the page right so we don't really need again any of these pages just because you know they are nice but i don't want them on the menu now for these demo pages if you take them off the menu it does not delete them okay so let's just make that very clear so let's just go ahead and show you here let's go to dashboard and the first thing that we're going to do is that we're going to create a custom menu so right here we have appearance and we also have menus now the theme has actually created a default main menu for us so here we have the main menu right now the main menu will be displayed at the top of the page right here so this is the current main menu now i'm going to go ahead and delete all this because you know we just don't need it right so to delete these pages right here these are all custom links it's going to take a while but just uh click on one of these and then remove it click on one of these remove it click on these remove it so go ahead and just go through the process of getting rid of all this demo contents uh there's probably like 30 pages right here they've added so yeah so what you guys could have done as well is you can just delete the menu at the bottom so just make sure you select the primary menu and then click on delete menu and then just click on ok and it will delete your primary menu not to worry we'll make a new menu all over again so right here you'll see this create a new menu so let's click on create a new menu and now since i deleted my main menu i want to create a new one so this is my main menu right main menu for websites and i'll click on create a menu so on the left side right here we have pages now you can see here how we have the pages that we created earlier but i'll click on view all now these are all the pages that are listed on your website now we do have a lot of pages and these are the pages that were created by default when we imported the demo contents now you can delete these pages at any time if you want to do that i'll do that in the very next section but let me just show you guys how to apply these pages to your menu so first we have the home page defaults so here i want to add that to the menu right and next we have the about i'll add to the menu remember earlier how we created the agents elementor i will add that one to the menu and also just the normal agents i'll add this to the menu and anything else that you want to add we can do that so here they have the listing grids and not to worry we can delete all these and just make one from scratch so if that's something that you want to do we can do that but i'll just go ahead and just say uh all right for now this is what i want on my menu that's nothing more so what i'll do is on the bottom right here i'll click on save menu all right cool so now let's go ahead and take a look at our website so right here we have visit site and cool so now we just have the home defaults right the about us page the agents elementor and the the other agents page so this is how you can create pages from scratch and then apply them to the menu and if we click on this like the about us page it'll take them to the about us page the agents will take us to the elementor page that we created the one that kind of looks bad right so this is the page that we were making right it looks kind of bad but yeah you can you know edit the builder and then design this page and then also we have just the agents page and this is the default theme page so you can use either one you know you can make your page or you can use the default theme it's really up to you it's your preference now also you might notice how we have agents elementor and this doesn't look good also with home default because this is the actual name of the page so let me just quickly show you how you can change the name of the page without changing the permalink and breaking your site and stuff like that so right here i'll go to dashboard and appearance and menus and if i click on this little tab i can actually just change the name of it so this is the home page right and then this is the agents page and yeah that's how we can adjust the menu but i do want to delete this one so i'll just remove this and i'll save that so now we just have three pages on our current website and we can click on view sites and now we can see how this has reflected on our website so pretty cool hey guys real quick i just want to let you guys know not to delete your pages uh we will need a lot of these pages throughout the video and if you guys do delete them you guys might get into a lot of errors because we need some of these pages and we will talk more about page templates and why you need specific pages a little bit later in video but for right now i'm just demonstrating how to delete them but uh please don't because then you might get its hairs and yeah so let's go ahead and go back to the video so now let's talk about deleting all those pages that we don't need and there are a lot of pages that you have that you simply don't need so over here under pages we'll go to all pages and the fastest way to do this in bulk is simply just going ahead and clicking on this right here just like we did before and deleting all these pages now you might not want to delete the pages that you got rid of and or that you apply to the menu so i think it's this one these two are the same so we'll find out we'll find out which one is which and all these pages i simply don't need so right here i'll click on move to trash and apply all right cool so at this point all of the pages have been deleted so now we're ready to move on to the next section let's now add a listing page and then let's create a listing so right here under add new this will be properties so properties and for the actual templates we can select specific templates so you know you guys can pick one it's up to you a templating listing grid three columns or you know there's a lot of different listings what you guys can pick you guys did see those earlier so at any time you can adjust this so i'll just do like three columns you know listing grid with three columns there are some more options here so you can actually add in specific features or categories but not to worry we're just going to go ahead and select all of them so now we can go ahead and select the template listing so i'll just go ahead and just do the listing grid i don't know version two with four columns and once that's done i'll click on publish and then publish all right and let's take a look at this page so click on view page so now you can see a list of all the properties and here you can just take a look now on your own free time feel free to use any of these templates that you want so to change the style of it you guys can simply go ahead and use the templates and then change that to your liking so yeah feel free to use this page and apply any template that you want to kind of get a look and feel because remember when users go to your website and they click on search the template that you select will be this specific page so if you want the map or you don't want the map or you want the listing grid the search engine will take them to whatever template that you select here okay so i'll just select this one and click on update and let's view the page one more time all right cool so here's a list of our properties and yeah we can also get rid of this sidebar by selecting the full width template as well so if you do not want a sidebar over here under edits you can select the full width and that will basically make it full width so it gets rid of the sidebar if you choose to get rid of the sidebar or you don't want it on your website like that and just remember your users always have the option to go back to various other grids and styles if they choose to do that so now that we actually created our listing page we also need to create the search results page so in the next section we're going to make listings right but let's say for example someone clicks on the search button and they want to navigate throughout your website we haven't created a page and applied it as our search results page so it's really simple right here we'll go to plus new and page and just like earlier how we created a page for agents how we created a page for our listings we're now going to create a page for our search results so this would be something like search results and then under the template we will go ahead and select the search results so it's it's in here somewhere here we go uh let's see here it's search results help me find it guys where is it here we go search results and remember later on when we create the personal custom dashboard it's going to be the same thing right we're just going to select the templates for the personal uh you know for the the personal custom dashboard so this is how you can apply the templates to the pages that you create so right here i'll click on publish and publish now if you view the page right here it's going to have a search results and this is for your search bar so for example if i click on home and here let's say the user looks for something like you know office or whatever and we click on search it will then bring up these search results and you can see how this is the search results page so that's pretty cool hey congrats on making it this far so let's have a quick recap of what we've done so far so i've showed you guys how to get your domain set up we have imported the demo contents we've showed you how to you know create agents how to create pages assign them to the menu also use the page builder elementor so in this next section i'll be showing you all how to actually create listings which is like the actual property itself but before we do that we need to create categories so let's go ahead and jump back to the video next let's talk about listings so now this is going to be the most important part is creating listings so get your thinking caps on and let's create some listings so let's go over here to dashboard and on the left side right here you're going to see real estate and you're going to see all of these special features like type status features labels countries states and so on and so forth so let's just click on properties so whenever you create a property they will be displayed right here and these are just some categories so we have city type status price property id and then featured and all this other stuff and then from here you can kind of get an idea so for example we have the image right what city it's in the type and so on and so forth now these options at the top are all available right here so for example let's just go ahead and click on type so here we have commercial office shop residential apartment condo now one thing to note here is that these are the main categories and these are sub categories so we have office and then we also have shop okay so i just want to make that very clear that these are categories and also sub categories so let's say you want to make your own right let's just go ahead and just start from scratch here so what i'll do is i'll click on this and i'll delete these because these are all created by default now you are more than welcome to actually keep these in fact these might actually be very helpful to you but if you want to create your own let's do that so over here i will delete these and here we go so right here i'll type in apartments and this is just not this is not a this is a main category so we're just going to have apartments rights and i'll scroll down and i'll type in or i'll click on add new type all right so we have apartment also let's say you are selling real estate so right here i'll put houses and click on add new type so let's say for example you want to add a subcategory for houses for one story house or two-story house now you can see here on the demo contents they just chose to put residential and then apartments and condo now it's really up to you how detailed you want to get so this would be kind of this would take time for you to think about actually because for commercial they have office and they have shop for residential they have apartment condo home single studio vila it again it just depends on you know how you want to approach your website but i'll just give you a a basic a basic example here so for houses i'll just do one bedroom or i'm sorry for a category so for the apartments i'll just say one bedroom right that's it one bedroom and also for the apartments i'll put two bedroom you know two bedroom you know so essentially what i'm doing here is i'm just creating subcategories for the apparent category now we can do the same thing for houses you know or you can do kind of what the demo did was just put residential and then puts homes single multi studio villa again it really just depends on how you want to approach your real estate website but for the houses i'll put like a one story house one story and here i will select houses and add a new type and i will do one more for two story house and add a new type you know if you are an agent out there and this isn't how you do it sorry i'm just i don't know how people search you know but this is just a good demonstration of that so uh yeah so now that we've actually created some types we can go back over here and there's also status so for example we have for rent for sale for closures and you can go ahead and list a status and i'm just going to leave this actually i think that this is very good you know for rent for sale rates or you know auction or something like that so you can go ahead and list the status of the specific house and here we have features so features are actually cool you know here you can add air conditioning barbecue dryer so if you are a you know if you're an apartment you can list all of the properties or the features if this is a house you can put something like the pool we have a big yard we have central air conditioning something that relates to whatever you want to talk about so for example i'll just put pool i don't think there's a pool available oh swimming pool but also we will do central air and we don't really need to apply it as a subcategory so i'll just add that new feature right and we can always add these to the listings later let's go back over here so we have done status features and then next we have labels so labels is essentially kind of where um let's go back over here i'll give you a good example of where this will appear so here we're back to our demo websites and on the right side you're going to see hot offer right hot offer hot offer and you can add these to the listings as well so let's say for example you really want to sell a house you can say oh this is going to last for like you know it's going to it's going to sell out very soon so you can add any category that you want right here so will or let's see we'll sell what's urgency for real estate um fast seller you know i don't know fast seller right and we will add this new label okay and yeah you'll go ahead and just keep making your categories right here we have country so um many of you might not even use the country because it's pretty obvious i don't think there's people that sell real estate on a global basis but hey it's always an option here we have the states so you might need to list the property areas of where you are selling your property so yeah you know if you're in california or florida or illinois you might want to select a specific state just so it's easier for your users to navigate all right next let's go to the city so the cities are actually quite important so here we have los angeles now a good idea here might be to create subcategories so for example los angeles is very very large right so you can put specific cities in los angeles or if you are in miami i don't know if they have sub-cities but for example i'll put santa clarita and the parent category is going to be los angeles because santa clarita is located in los angeles right so here i'll add a new city yeah so this would make a lot more sense if you are dealing with a very large area i'm sure there are small sub-cities in that county or city all right so let's go ahead and go keep going keep going here we have area now area is actually very helpful so this will kind of help people understand the area of where it's in let me give you an example so here we have a basic listing right we have this person trying to lease this office space for 1900 a month now it says los angeles again and that's very broad you know because la is really really large so it's really hard to determine uh what area it's in however if we scroll down right here uh keep scrolling just keep scrolling you'll see here how it says area and it's like oh it's by hyde park or oh it's by this specific area so this kind of helps the users understand the location from the specific area that you listed so that's just another example or you can just list the city and then use the subcategory if you choose to do that you can use either way on how to list your location if you decide to do that alright so over here i think that's pretty much it we also do have uh partners you guys can list specific partners here by adding in partners also reviews you guys may also add in your own reviews here i'm not really going to get into this too much because it's really simple you add in a review and then from there yeah everything's pretty much done and you can use these reviews as elements with the elementor page builder i'll talk about that more a little bit later once we do the summary section where we kind of summarize everything that what we have done so now that we have actually created all of the categories for our listing let's finally create a listing so right here we have new property click on new property alright and the title is essentially going to be the address of the real estate or the house or the apartment whatever you want to list so i will put in las vegas boulevard right and then here you can give some description about the actual property and below that we have the sale or rental price so right now i'll say this house is on sale for 500 grand and we also do have a second price so maybe you want to offer a specific sale here we have the prefix so starts from and after the price monthly so it really just depends on if you are renting or if you are selling so right here i'll just do price and then for after the price we're going to put nothing just because we're not offering monthly area size so you can go ahead and fill out this information right here like the number of rooms the garages the bathrooms all this other stuff so you guys can go ahead and fill all this information out so what i'll do is i will quickly go ahead and fill this information out all right so i added some information on my listing now you guys might notice here how this says auction and you do not have this available not to worry because you can make your own custom fields in with this wordpress theme and i'll show you how to do that in just a little bit so we actually added some information and here we have map so we can go ahead and you know just put in the address right here of the map right or we can hide it or show it it's really up to you here we have property setting this is where you can put the street address so here we go do you want to mark this as featured so you can mark this as featured the user must be logged in to view this property that's really up to you if you want a private real estate website that's up to you here we have media so this is where you'd want to add in images of the house so you know i don't know just we'll just grab some images here i'll just put in or let's see here hold shift if you hold shift you can actually select more images so i'll select those all right 360 virtual tour if you do have an iframe with a 360 virtual tour you can always add it right here or embed the code right here i don't have any so i'm just going to skip this part contact information so we can actually assign a specific agent to this listing so i'll just select darryl wilson but you can select the specific agent or you can select the agency as well now if you do select the actual agents it's obvious they have their own agency they're working with because we have already assigned daryl wilson to the agency so they will know it's the agency so that's if you have no agents slider do you want to display this property as a custom a property slider you guys can do that on your own free time sub listings so if you do want to display sub listings you guys can go ahead and add in your sub listings right here however i'm not going to do that because i've already put it in the information tab so next we have floor plans now the floor plans will be displayed on the listing under floor plans and this is where you can kind of give a size of the actual beds the baths and then you can talk about i guess price or whatever you want to put you don't even have to put the price if you don't want to you can leave that blank but if you do want to give them dimensions of the bedrooms and the bathrooms you can display that's right here and then also you can put any description that you want about the first floor or the second floor now in the demo website right here you can see how they have actually taken a picture and kind of given the user a good demonstration of what the first floor looks like so if you do want to contact the architecture and you want to get a image of the first floor you can go ahead and do that so under the plan image i'll go ahead and just select the image of the flooring plan so something like this right flooring plan one and then you know 580 square feet square feet no no no square feet and then 320 square feet quite square feet or foot i don't know wait i can't spell that right there we go come on come on there we go i'm gonna leave the price blank because that doesn't make a lot of sense uh plan size i'm gonna leave that blank as well and then here i can just add in some more description about it like you know hey you know we added so and so forth or whatever you want to do and then you can also add a another floor so this will be like the first floor right so i do like how the theme just gives you a lot of options here i mean they're very thorough with your plan so i know it's a lot to take in but you rather have more options than less options right next we have the property documents if there's someone that maybe died in the house before you might have to disclose that so that that's where you'd wanna you know saying hey you know unfortunately someone died uh right before you moved in here so here's their whatever i don't know what they give them but something like that uh private notes this is a private note only for your agents and the agencies this will not be displayed for the public energy class you can put i don't know the energy whatever that's using also here we have layout so what you can do with your properties is they do have specific versions right now this is on a global basis so right now the theme is using a global layout but you can say you know what for this listing i want to have a special version you know and you guys can look at these just by simply selecting the version publishing the page and then viewing it now we will talk more about the theme customizer in the very next section where we can actually select the global style for all of the listings but i just want to let you guys know that you can always create a custom listing right here using the actual versions but for now let's just leave it on global we don't need to really get too crazy so next we have the rental details and on their website they let us know that we can use a third-party plug-in i do wish they were a little bit more detailed about um you know if you guys do want to create like an airbnb style website you guys can use a third-party plug-in i'll try to get more information on what exact plug-in that you can use to enable the uh rental booking uh i know right off the bat that i have a video on the amelia booking plugin and that allows you to create bookings for appointments but i'm not really sure about um rental details so i will get back to you on this and when i do get an answer i will put it in the description below of this video all right other than that i think that's pretty much it here uh we can go ahead and say all right everything's done now here under property this is where we're going to apply the actual i guess you want to say filters to this specific property right so first we have type and you know i'll just say this is a one and two bedroom right so if it's like a two-story bedroom i'll just say you know what it's a two-story bedroom and a one-story you know because it has both you know or however you want to filter your real estate's property here we have status now i think on the information here i put that we are selling this so this is for sale and for the features i'll say this has air conditioning barbecue all this cool stuff and this is good because this will apply to the search filter on our websites next we have labels so this is a fast seller right country united states the states this is going to be in nevada i could have put las vegas maybe i should have made a subcategory for las vegas because i just told you guys earlier that reno is a little far from las vegas right uh here we have city uh yeah so i'll just do las vegas yeah oh no no no i had that right the whole time no no so yeah it's under the city my bad my mistake but remember earlier how we created that property with santa clarita screw it why not i'll just say it's in both obviously that's not true but i'll just say yeah this is in las vegas and santa clarita and for the area um let's see here we don't have anything near las vegas so i'll just grab one you know we're just going to grab i don't even know where midtown maybe there's a midtown in nevada somewhere and here's where we want to put the featured image so this is the image that's going to represent the house on the search results so you'd want to put the image of the house select this one for tutorial purposes uh next we have excerpts page attributes and then property explorator so you can actually decide to expire this property so you can like say you know what guys i only want to list this property for 30 days after 30 days i want this to take it down automatically you can do that and then also paid submissions we have not done the yet we will do that a little bit later in the video that's it we have our property let's go ahead now and publish it so publish and publish awesome now let's take a look at our property by clicking on view property all right awesome so here is our property we have the address we have the fast seller this is for sale right we have the agent where we can contact him at any time saying hey i'm a buyer and i want to buy this property we'll scroll down right here or really quick we can go ahead and navigate through this and right here we can click on the map and we can actually select the or see the location of the specific area here we'll go ahead and scroll down here's an overview so the one two bedrooms that we selected now of course i know i put selections here that don't really make a lot of sense but i'm just demonstrating that's that's how you would add fields and categories to your listings so i'll keep scrolling down we have the description about the house here we have the address we have the city the area it's in the country and the state and below that we have the price and just some more information about the property uh features so here are all the features that we enabled and below that we have a mortgage calculator so let's say for example they're broke and they're like all right man well how much would a loan for this cost you know go ahead and calculate it and they can go ahead and calculate their mortgage every month using our calculator also what's really cool is the listing on the right side or the agent will be sticky that they can always contact them at any time we can see the floor plans remember we selected the floor plans and just some description about the floor plan all right and really cool they can schedule a tour put some more information so they say hey i want to do in person and then they can go ahead and submit or submit a toll request so then the buyer can put in their name their phone number and all this information and this email will go directly to the agent who listed the property because remember they had to input their email address so they will be notified via email here we have what's nearby now if you guys do have yelp apis you can enable that if you want to take that out you can always disable that and we will talk more about this in the theme customizer in the very next section so we'll scroll down hey we got more durables and you can always disable all of these um you know these requests you can you can disable this as well because that might be too much and then also here we have reviews you can always disable reviews and again we will talk all about that in the next section when we talk about the theme customizer so guys congratulations you guys have listed your property users can share it to their favorite social network they can heart it's they can like it and this will be displayed in their uh like their liked little section if they create account on your website all right so let's see really quickly if our housing will be displayed on our search results i'm just gonna put two bedroom that's it because remember how we had two bedrooms before this is for sale so we have for sale two bedrooms and search and the apartment of 4350 is available right there because remember it's tagged under the two bedrooms so you might want to go ahead and add in your own filters and your own system to kind of accommodate whatever your visitors are trying to look for now i did really mention or i i mentioned earlier how i had that auction field right here under edit property and i do quickly want to talk about how you can add custom fields to your listing so here i have auction right now of course this is just for a demo purpose however you can add more here if you want to do that under the houses tab so let me quickly show you how to do that here for the dashboard under houses we have the fields builder and this is where you can enter in more information so if there's more information that you want to include you can add it so for example add new so let's say for example the user wants to know if the house is connected to a septic tank or is it connected to the city i know this sounds very strange guys but in america there are some houses that are not connected to the city so septic tank or city connected so that means when you guys poop it usually just accumulates in a big tank and you have to hire a company to suck it out so that actually was my parents house where we had a septic tank however there are houses that are connected to the city so when you do poop it goes to the sewer so we can say for a field name is this house a septic tank or is it city connected this is actually a very big deal and if you are an agent you should disclose this because people would be pretty pissed if they found out it was a septic tank so for the type i'll just put text and this is available for searches or actually no not available for searches all right and here i'll click on submit all right now let's go back to our listing so real estates properties right and let's click on this property and now we have this new tab right here for septic tank or city connected so i'll just put city connected and then i'll click on update so now the visitors know that this house is connected to the city and it does not have a septic tank so that's how you can add more custom fields to your information for your real estate all right so let's have a quick summary of everything that we've done so far so first things first you know i showed you guys how to create agents and remember for agents you can always create your own agent page with the elementor page builder uh we also created a list of properties and we also created our search page now remember since we added new types or i guess you want to say new custom fields we can apply those to the specific pages and also the search filter also remember now that we actually have created types we can apply them to our search bar so here we have our search bar so enable the builder and when people click on looking for they will then see that the apartments one and two bedroom is now available now with this search bar just remember that you can add in as many filters as you want but you will need to kind of customize it accordingly so for example if i click on one of these tabs you'll see the column width is 20 now i believe right here this is 100 so uh it holds five columns and each is 20 so if one goes over to 25 it's going to look a little distorted now you can add as many as you want so you can add uh you can add a lot so for example i'll just i'll just duplicate this you know if you want a lot of filters you can make your search par your search bar very advanced if you want to go that route so that's just a way on how you can kind of you know further customize the search builder so creating listings is pretty simple there's a lot of different layouts you can choose from you can build it yourself you can use one of the pre-made styles that they have offered us and there are more options available in the theme customizer so let's go ahead and jump into the theme customizer in this part of the video next let's talk about the theme customizer now the theme customizer controls various parts of your website that the page builder normally does not so it'll control parts of your header and your footer it'll also show how your properties are listed so there are several different ways on how to list your properties so i'll be covering all of that in this part of the video so to access the theme customizer you can click on right here that says theme options and this will take you to the back ends now what i'll be doing here is i'll open up a new tab that will basically show you exactly where the theme customizer options are being applied all right so the theme customizer options are located on the back end and right here you'll see theme options and then you see a list of a lot of these options now i'll go through most of these and just explain to you what they do and what they mean so first let's talk about the general tab now the general tab is pretty much sounds general so here you can just go ahead and add in some features or take away some features on your website like the breadcrumb so maybe on your properties page you don't want this breadcrumb right here you can go ahead and disable that in the general setting you may also disable the phone so on the top of the website you have this phone number you can always go ahead and disable that a pop-up gallery image caption so if you don't want the pop-up gallery you can add that or disable that language for date picker huh it's very interesting yeah so i guess you can change the language on the calendar fields if you want to do that block user admin access so this restricts users from the admin panel access now we will talk more about listings and how agents can list their own properties but when you do select yes it will disable your agents from accessing the page builder and all the important stuff that makes the website so yeah you might want to actually select that yes by default so here you have the templates now let's say for example you don't want the templates to be displayed on the page setting you can remove them but i wouldn't know a reason why you'd want to do that but you can do that with the templates and also the page filters i would personally leave this disabled if you leave that enabled it could it could kind of mix you up but again it's really up to you if you want to do that but remember you can always go ahead and set the options or the units for each property individually here you can adjust the square feet text the square meters text and add the sticky sidebar so remember earlier on the listing page how we had that sticky sidebar so for example i'll click on properties and click on my las vegas property you can see here how we have a sticky sidebar so you can enable or disable this option in the general settings all right pretty pretty straightforward right i mean that's pretty pretty easy next we'll go to translations now instead of saying property or properties or any of these stuff you guys can go ahead and change that to saying like uh you know house or whatever you want by default so essentially what you're doing here is you're just changing the label search the same exact thing you can put instead of saying any you can change this this right here is preference i'm not going to get into it too much it's really niche and it's really up to you same thing with the bedrooms the property detail page and also the add a new property and then also the dashboard menu so uh yeah you guys can change those if you'd like but personally i would leave it all stock because they did a pretty good job at displaying the information for us next logos so if you guys do have a logo you guys can upload it here now if you guys don't have a logo i recommend going to fiverr.com i do have a discount code for new users so if you guys use the code i think it's daryl 10 or i'll put in the description for you guys but um you can actually search for logo here so just type in logo and you guys can find someone to build your really nice logo for around 20 to 30 to 40 bucks or something like that so there are a lot of designers out here that will make you a premium logo don't do a free logo maker guys those sites actually don't even work because you cannot copyright those logos so they're a complete waste of time get one from a private seller all right let's go back here so what you would do is that you would upload your logo right here and you can upload specific logos for specific devices that gets a little crazy but uh hey man you know people out there might want to do that but yeah that's how you guys can adjust your logo next we have headers now the headers are actually pretty important so here you can pick different headers for your website so here we have a default header right so we have create a listing and you guys can see how it is we can always change that to something that looks like this right and save changes and then go back here and refresh the page and now you see that we have this different header so this is where you can kind of customize the headers if you decide to do that i'm going to leave it as stock and then here you do have some more options you can enable a sticky menu you can adjust all of the menu options right here so i'm not going to get too crazy into that but yeah you guys can adjust this to your liking and then also when you have social media icons you can enable them and list your social media and then also your listing button which we already have on our websites you might want to refresh the page there it'll take us back to our defaults menu right so if you do want listings you can have this enabled if you want to take them out you can disable it so you can add a top bar above your menu so the top bar will be displayed above your menu and you know you can add more things on there like your phone number or your email address or something like that if you want to add an additional top bar above your menu and then you also have the option for a currency switcher and an area switcher if you want to apply that to your top bar so um yeah i don't really know any instance where you'd want to have a button that would change everything from square feet to meters but hey you know it's available next we have a splash page now a splash page is simply just the template so it's just a template that the theme uses personally i think it's a little depreciated but for example i'll just give you a quick demonstration if you go to plus new and go to page there is a template for a splash page so templates and then we have splash page splash page templates and if i view the page you'll see that this is the splash page so we can always remake this with elementor but if you do want to use the theme defaults and adjust it you can do that as well so that's strictly up to you login and register so here we can display the login and the register for users who want to log in and register on our websites now you might want to actually create these pages so after a login direct page so that you you'd probably want to create a a login page right and you'd need to create a page for that also the terms and conditions page you might want to create a page for the terms and conditions page for example over here i'll go to plus new and page and if users do register on your website you probably need to make a my account page right now we did delete it earlier so i'll just show you how to create it again so templates we have the uh let's see we have the where is it my account page login and register page so this would be the house's crm and this is essentially the account page so i'll go ahead and publish this and publish this and then view the page so this is the actual like account page and this is where they can access everything and you know if they want to see their deals or leads this is where they can access everything all right so we want to redirect them to that specific page after login so different page and then go ahead and paste the url of my accounts right there all right so personally i think that once we deleted those pages earlier we probably should re-add them because there's a lot of pages that we deleted now i'm doing this because i want you guys to learn how to actively create your pages so in case they did get deleted you know how to restore them so yeah that's something that you might want to do so here i'll just grab this account and then drag that in there like that and there we go and then we can add the terms and conditions page and so on and so forth so next we're going to go to price and currency here you can adjust the price and currency styles this is where you can adjust the styles and the color for all of the various sections on your website and yeah you know that would be something that you might want to consider property detail so this is actually pretty important let's go ahead and quickly go to a property so here we have one version right now this theme actually will adjust it to several different styles so for example if i want this style i can click on save changes and if i refresh the page there you go so that's how that will adjust and then over here we can adjust it to this right and refresh the page and voila so you guys see here how you guys can keep adjusting the property details right here so this is where all of the information to customize this page would be available it would be available right here in the property details now due to the enormous amount of information they have here i'm not going to cover all of this because this is just too much to cover and again it's very niche so you might need to just go ahead and check this out but this is where you can adjust the property details print property so you can have the option to print the property as well and this would be your logo if someone decided to print out the property on some sort of paper on your websites so the add property we have a one step and a multi-step so a one step will just have everything on one specific step but multi-steps it kind of guides the agents on different ways when they are listing the actual property so first it'll say give me some information yada yada yada we will talk more about that later when we enable listings on our websites but this is where you can have multi-agents mode assign a property to several agents so this would be all the information that you need in order to list properties and whatever you want to enable or disable you guys can just kind of read through these options and kind of still works best for you it's hard for me to kind of tell you what to do here because again it's not my agency so i'm just kind of explaining to you where this would be located it'd be located when users add new properties which we will do a little bit later in the video so next we have the header search and the header search essentially is this little thing right here so if you guys do want users to also be able to search on the top right here they can do that so they can look for rents and search and then they can see all of these specific categories now you can add any category that you want they have a few different styles and there's just more options here if you decide to add the header search also here we have the search builder so for example i want to add in four columns right and we have keyword status type and cities and i want to disable these other ones you know maybe max price let's see yeah minimum price there we go and then i will save this and also here i do believe i need five so let's add five and save this and let's go back over here and refresh the page all right so we have one two three four five and we also have advanced where they can filter and other stuff like that so it just adds a search bar to your current menu if you want to apply that go ahead knock yourself out and then there's other options for different type of searches like a doc search and half search so this is where things can get pretty customizable you know you can really get crazy and customize everything and yeah that's where you can access all that here we have the search page so these are the search page results you can have a full layouts a sidebar layouts and then just a regular layout and then here we can adjust like the normal page or the half map so on our other website here how we have the half map right i think we have the half map right yeah so we have the half map here you guys can always apply this to your current website if you want to do that and then you can change it between a list a list view or a grid view so this right here is a grid view and the list view is something that looks like this so you would just set the defaults of what you want this page to look like so this is actually a very important page and you might want to you know consider how you want how you want it to look personally i think the normal page full width list view is perfect but uh whenever users search on your websites this section of the theme customizer controls that area the search result page is pretty important so you might want to do some thinking about that and figure out what's best for you and your real estate website next we have maps this is where you're going to enter in the google maps api key now i will be talking about google maps api a little bit later in the end of the video and i'll show you how to get one all right so we'll come back to that later listing options so next we have taximoney layouts now the tax money layouts are basically when a user clicks on a specific category of a listing it'll take them to a specific page so basically the theme is asking you how do you want that specific page to like to look you know uh for example if we click on some sort of category here let's see if we can find one uh see if we can find a link here like td cable or something like that this is a textimonies page so basically it's asking how do you want the tv cable page to look because this page is filtering all of the rental properties that have tv cable right so that makes sense so contact forms now you can actually disable the contact forms on specific parts of your website so maybe you don't want it to be displayed on the um you know the property page side form you can go ahead and disable that if you want to do that so anywhere where there's a contact form you can enable or disable that right here from these options uh web hooks we are going to skip web hooks because that involves some developer work google recaptcha we are also going to skip this because i'm not going to really cover how to get a google recaptcha api memberships and payment gateways we will come to a little bit later next we have agents now i did mention about the agents on your website now with this page you can actually design it there are some different layouts that you guys can use and things that you can add for your agents uh here you can just like enable or disable specific parts of the agent section right pretty simple pretty straightforward so here you can customize everything about the agencies page and you can also change the view so if you want a list view you can go ahead and adjust it and then you can enable or disable specific functions on the agency's page so just remember you can design and customize the agencies page right here by having different layouts and also the agents page and i do believe over here they do give us a few examples so here we have like the agents and this is like the list view so you can change this view into various styles so you can have a list or a grid or however you want to achieve that so if you decide to have listings on your website that are paid this is the actual invoice options and this email will be sent to users who register on your website and pay you money so you'll just go ahead and say hey thank you for your business blah blah blah blah and whatever it is that you want to add over here under the invoice options next we have blog now making a blog post is really simple i'll show you guys how to do it in the next section it's really really easy but this is where you can enable or disable specific features on the blog page and then email management this is basically where you would send an email to people when they do like forgot password or anything like that this is where the emails um what they would look so you'd want to change your logo you'd want to adjust your color to fit your specific brand so here we can see just a lot of different options for like the email footer you can add social links and all sorts of stuff to your emails now what emails are being sent so here we have like the property agent right or any of these categories here i'll scroll up right here so let's say for example an agent sends someone an email right you'd want to make sure that you adjusted that email section because then the header and the footer right here under email management this will be displayed on every email all right so again remember earlier how we had schedule a tour so here we have like you have received a new message from this person and you can kind of adjust this to fit your needs for your agents let's say for example someone booked a listing with your agents this is where you can change the text or anything that you want for your agents and then you guys can kind of go through all these pages right here and just adjust them to your liking like yeah these ones up here so sorry it's it's kind of hard for me to show you guys these because they were scrolling down so far but uh you know for all these emails you can adjust it under the email managements page 404 this is actually pretty important let's say for example someone goes to your website right here and they type in a wrong url something that looks like this so here you can adjust the text so they have uh oh page not found this is where you can adjust the 404 so the footer you can kind of design and customize and the footer is essentially the bottom part of the websites so this is widget one widget two widget three and widget four and this is where you guys can kind of design and customize a few different styles you can change it um there's a lot of different ways on how you guys can let's go ahead and take a look here what that's what that did i don't really know all the versions so let's just go ahead and refresh it yeah you guys can see how now that the house is in the middle and then these are all right here we have some other options you know uh lazy load actually these are actually pretty helpful options and we shouldn't overlook this so optimization so this will actually help make your website faster with options such as lazy load now if you are brand new to wordpress i would probably just do minimize minify css and add lazy load maybe disable emoji scripts and let's see yeah a lot of these options are really helpful actually i would probably leave that one on as well so this right here will reduce the javascript this right here minimize css if you have it this right here is lazy load lazy load's actually a very important feature so let's say for example someone's on your website and they never scroll down let's just say they never scroll down right and they just click on another page lazy load will actually stop your website from loading these images down here because it's just causing more strain on the server and they never scroll down anyways so it doesn't even load those images ever resulting in a faster websites and then we have gdpr where we have europe trying to take over the worlds whatever let them do what they want to do and uh we have custom code and import and exports all right now that we talked about the theme options there are some more on the actual home page that i quickly want to cover it's really not hard to understand but here let's click on customize now one thing i do want to mention is that let's say you make a home page right you need to assign your home page to the actual home page so for example home page settings and then over here you'll say all right well i want the splash page to be the home page so that means when i go to this website right here i want them to see this page first so you do want to make sure that you select your home defaults or whatever is your home page as your specific home page all right pretty simple right next we have widgets we did talk about widgets and let's scroll down to the bottom so widgets footer area one here we have a widget we added right footer area two and also footer area three so let's add a widget to footer area three now you might notice that we have these houses widgets right here and these can be anything these can be featured properties uh you know whatever so that's a little too big here can we just put it as a list make it look a little cleaner see if that works no maybe as a slider huh or max post to show yeah i don't know maybe it's not that good as a widget let's see how that looks all right whatever but you guys get the point you guys can add more widgets to your footer properties max properties to show i would put just like three so i do think that looks a lot better now one thing to note here is that we only have three widgets and that's because in the theme options under the footer section we need to apply a four column row so with the four column row that will allow us to add in more widgets to our footer you will now see i have footer area four where i can add in more you know i can add in a mortgage calculator or something like that to our footer if we want to do that so yeah you can add in more widgets to your footer if you decide to do that so let's just go ahead and add in i don't know the about us right this is about us and then we can add a link and also like an image url if we want to do that so that's pretty much it for the footers and everything else also over here we can change the site identity so you know up here how we have these little icons you can click on a site icon and this will display your company logo or any logo that you want on the browser when people visit your websites so i'll just select this one right here and as you guys can see we can get a good example of this like that right or let's see here yeah like that there we go all right crop the image all right cool so i'll go ahead and publish this and then i will close the theme customizer all right awesome so now that you guys know a little bit about the theme options you guys do remember that the properties also have widgets as well so we have widgets on the footer and also on the properties now you can access those widgets right here by clicking on widgets let's go ahead and see what we got going on here we have the property listings right so for example so if i click on this page you can see that this single property listing has a widget section also the actual search the grid default also has widgets right here you can actually change the widgets on the property listings on the search sidebar on the single property and you can adjust these widgets and kind of see what works best for your real estate websites now i understand this might take a while and it is somewhat of a process but i just want to let you guys know this is where you can add widgets to your listings on your websites all right in this section i'll quickly teach you guys how to add a blog to your real estate websites now you might want to talk about your properties or events that are coming up or trends or whatever that you want to talk about let's go ahead and do that now the first thing that you'll need to do is you'll need to create a page and assign that blog page to that specific page so for example i'll go ahead and close that add the title this will be our blog and on the right side we have page attributes now you're going to use the page attributes a lot with this theme because you need to assign the actual blog to this specific page so i believe right here they have they only have one right here yeah the blog masonry templates and then we'll publish that and publish that then you can view the page and any post that you make will automatically be displayed right here now you might be wondering okay well how do we actually assign the blog page to the blog well or to the theme the first thing you'll do up here you'll click on customize now we're going to assign the blog page as the default blog page so right here where it says home page settings you'll see post page go ahead and select blog and what that's doing it's the theme is telling wordpress saying okay we want to assign this specific page to be the post page which is whenever you make a post it will display your blog post now let's just show you how to create one really quick so up here you'll go to plus new and instead of clicking on page you'll click on post and this is where you can blog you know like uh the top top 10 best places to buy property you know and here you can go ahead and just write some demo contents about the properties or you know you can insert images if you do want to insert images you can click on this plus icon and these are a bunch of elements that you can use now this is the default editor it's called gutenberg now at the current time of making this video um i would only recommend gutenberg for blog posts but they are rapidly developing their page bowler to basically be a specific page builder but i just don't think it's there yet maybe give them another year or two and they'll be a good page builder but uh you can just go ahead and type in image and here we go and then you can upload an image or you can use one for your media library so me the library and then just you know select an image insert that and then you can go ahead and talk about that so yeah you can use this editor to create your blog posts and then once you're done with that you'll click on publish and publish and you can view your post and here we go so we have the top 10 best places to buy property we just have some images and other stuff that i added just for you know demo purposes now also whenever you make a blog post you need to always add a featured image so let's click on edit post really quick and the featured image is the image that represents the article so for example you guys see you know people sharing stuff on facebook or social websites there's always that big image right this is the featured image so this is the main image that's going to represent the actual uh article so i'll put that and there we go and view the post and there we go now the last thing you need to do obviously is you need to assign the blog page to the menu so let's do a little shortcut right here i'll click on this and click on menus all pages and just make sure that the blog page is added to your menu just so that people can access the blog page so let's click on save menu and visit sites and then we can click on blog and all of the blog posts that you create will be displayed right here now remember the theme customizer does have different options for the blog page so you can change the structure you can change you can get rid of the sidebar and everything so make sure to go back to the theme customizer i'm sorry the theme options and just see what other options you have to design your blog section so that's how you can incorporate a blog onto your real estate website all right in this section i want to quickly talk about page templates now in the beginning of the video when we were creating pages i told you guys not to delete specific pages because that can make your website inoperable so for example on my website right here if i go to create a listing you're going to find that the website does nothing now there's nothing wrong with the website the main issue here is that we deleted the page that create a listing is supposed to propagate so for example if i go to my demo website and i go to create a listing it will then take us to the create a listing and here we have all these different tabs so we have invoices favorites and saved searches now if i go to my website and go to my little board you'll notice that all those are gone now the reason why they're gone is because we deleted the pages that are supposed to be here so for example there's a page for create a listing there's a page for favorites there's a page for everything that you see right here so let me go ahead and talk about how to add them and also i'll give you some more examples of what happens if there is no page found so for example let's just go back here to our dashboard or i'll go to my demo websites and i'll go to my dashboard and i'll go over here to pages right and the same thing here i'll go ahead and just kind of give you all a quick comparison so here we have our pages right now let's say for example i want to compare properties so if i click on view right here this would be the page to compare specific properties now this page by default doesn't really work well because it needs to compare specific properties now if i go back to my website right here and i go to the pages you're going to see that there's no comparison so if i do decide to try to compare properties against each other the website will take them nowhere again because there is no compare page for them to visit right so here we go we have uh we got our compare page right i'll just add these in now on this website with no compare page if i click on compare it's just going to take them back to the search results because we deleted the page that it's supposed to go on for the compare page and if i go to my website here and i just do search and let's just compare this one and compare this one and if i click on compare so the compare page propagates the two properties so when you're using your wordpress theme you need to make sure that you don't delete specific page templates that you need in order for your theme to operate now i'll go ahead and just give you some pages that are essential uh just in case that you might have deleted them or if you just do want to know which page templates are essential all right so what i went ahead and did was i restored the pages that you need in order to require the theme to work correctly so for example you know you need the my account page right you need the my profile page you need the my properties so these are the pages that you need in order for the theme to operate also stripe which is very important so if you guys do need help with the page templates just simply click on edit right here and then it'll tell you which template to pick so right here we have stripe charge page see this page is required because you need a page for stripe to be on in order to accept payments uh you know for your website which we will talk about in the very next section also one thing i do want to talk about is this account page right here it actually acts as a login and register however you can create a login and register separately on a specific page if you want to do that so for example if i click on the my account and they're not logged in it'll want them to log in or it'll want them to register now what we can do here is we can actually create a page and assign that page as the login and register page if you want to do that so for example log in and register and log in and on the right side here under templates we'll go ahead and find the login and register there we go log in and register and then select that and then publish and publish now a good way to see what this does so here if i click on view page again a good thing to see what this does is that if you are already logged in it's very hard to see what's going on so you can open this in an incognito window so i will open this in a new private window right so if the user is not logged in it will then bring them to a register and login page you would have to take this page and then also assign it to the menu if you don't want to have that little icon so i just want to be very clear that you need to have a page for every specific function on your real estate website so just a quick wrap-up let me display our account page and just show you how these pages are working on our website so this right here is a page right this is the my account page so we need this page in order for this section to propagate now also right here we have other other pages that are actually inside of the board page like for example we have the invoices page the invoices page is actually right here so invoices so if i click on this this will display a list of all of the invoices here we have the favorites page and if i click on the favorites page you'll see that this is the favorite property page template so i believe that's somewhere in here let's leave it somewhere here there it is favorite properties just remember that uh you know i just want to be very clear because this could be a very big mistake that people might make is that remember to have a page for every specific section on your real estate website to prevent getting four or four errors or you know having a broken website so that's pretty much it for page templates i hope that made sense a good way to make sure you don't get any errors is just by using the demo websites so you can delete the pages on your demo websites like the property grid layouts and like the the property versions but just remember to keep the essential pages like the login page the search page and so on and so forth so that's how the page templates work with this real estate theme in a nutshell so as you guys can see creating listings is really simple just create categories choose a layout for the theme customizer and you're all good to go now in this part of the video i'll be showing you how you can let your agents submit and manage their own properties or you can even let your website visitors list their own properties it is optional you don't have to do this but remember your agents and your visitors get a really nice custom dashboard so i'll be covering all of that in this part of the video so let's just jump back to the tutorial alright in this part of the video we'll be talking all about registration agents and also how to allow visitors to list properties on your website now there's a few different ways to approach this now in this first section i'll be talking about how to let agents register and list properties and then i'll be talking about how to let visitors list properties and then also how to charge those visitors to list properties alright so first things first let's talk about how to let agents list properties on your website first let's go to our dashboard here and before we do anything we need to allow the option for anyone to register so right here under settings we'll click on general and you need to make sure that under membership anyone can register so make sure that this is checked right there and then scroll down and click on save changes now that we've done that we can now add agents to our websites so right here we have users and we'll click on all users now whenever you have someone list on your website or an agent they will be displayed right here so first let's go ahead and add a new user so right here i'll put patty and patty at alo.com and then this will be her password so i'll just put patty now right here we have roll so roll is essentially giving them the authority to list properties so for agents and agencies they can go ahead and list and manage their own personal properties now with owner and seller these are for people who come and visit your website and when they try and list properties they'll be held in a draft state meaning someone will have to approve it but if you're an agent you can go ahead and just approve it and you know be on your merry way so let's go ahead and click on add a new user now you have a few different options here depending on how you want to approach your website what you can do is you can actually make it so the login button right here disables register or you can go back to your general settings and disable registration because you already have your agents and you only want your internal team to list properties but first let's go ahead and click on theme options and i'll just give you an example really quick so there are some options that you might want to consider to take down if you only want agents to list on your websites so you probably want to take off the register so this will only allow the login so we have already created the agent so they can log in and then we'll scroll down right here now once the agent logs in we can actually take them to a different page maybe you want to take them to their account page but um that's up to you you can take them to my account or my profile or their invoices page or whatever page you want them to go to i'll just leave the current page and click on save changes now the next thing we're going to do is over here under headers we might want to disable the create listing button because if we have the create listing that kind of invites users to actually you know post the listing and everything so you might want to disable the create a listing all right cool now you do have one more option if you want to actually restrict registration all together now on your entire website you can go back over here and just make sure this is unchecked so that means no one can register on your websites now that's if you don't want to create your own users if you have this checked your own agents can come to your website and register by themselves but if you have this unchecked that means you will have to manually create the agents on your own so it really depends on you you know it just really depends on how you want to run your real estate business i'm just explaining the different options so now that we actually have created the agents and they can log in let's go ahead now and invite them and have them log into our website so i'll go ahead and open this in a new tab also you guys might notice that create a listing is still there and the reason why that's there is because we have a caching issue so you just want to make sure that you clear your cache and then that create a listing will be gone it'll disappear so let's go ahead and open this under a new browser all right cool so let's imagine that we're an agent and we're coming to our website and we're going to log in on the website now remember when you created an agent their login credentials will be sent to their email uh when you create the agent because there's a check box to let them know that's uh about their you know about their position with the website so right here i'll click on the icon now you can see how the register is gone so all i can do here is log into the websites so i'll go ahead and login and click on login so it's directing us all right so you can see here now we have the login sets and we have the login success now remember you can always redirect them to any other page after login right you have that option if you want to do that so right here i'll just go to my board all right and this is where your agents can list their own properties so right here they can click on create a listing right and they can go through these options right here and all these options are the ones that we selected and allowed on our website so they can put the price now what i'll do here is i'll create a quick listing to show you how the interface shows for your agents all right so after they've created their listing they'll be invited to upload their media now just a reminder that they will not have access to the admins images so they will have to get their own images and upload them by themselves alright so i uploaded some images and i'll click on next now i'll go ahead and enter in some details about the house after they enter some details they'll go ahead and select some features and we create these features with the custom fields builder so i'll click on next now i'll go ahead and submit a location now there also is sub listings and i don't really use this too much so i'll just go ahead and click on next all right awesome so now you can see over here under properties we have the listing available so if we click on this the user can actually see what their property looks like and they can edit anything and make any changes they want to their own personal listing so that's really really cool now your users also have access to their insights and they have a bunch of different things they can take a look at so for those of people who are listing that are not agents they can see their invoices here favorites they can create a listing and so on and so forth that's pretty much it that's how we can essentially have an agent list properties on our websites so what we're going to have to do is go ahead and go back and approve this listing and now you can see how this is pending now agents will have to get approval for listings the agencies they will automatically post no matter what and it will not ask them for approval so that's the difference between agents and agencies and i'll just click on approve so right now it's 4350 las vegas boulevard right i'll click on approve and now we can actually find it on our website so i'll just do is it commercials i think i did commercial here put it under commercial i'll search for it and the one it is is 4350 las vegas boulevard and there it goes so that's how you can allow agents to list on your website so next let's talk about how to let users submit properties on your website for free and then we'll talk about premium options obviously like getting paid to post so first thing we need to do is we need to make sure again that the general options are enabled so always make sure that the general options are enabled so that people can register and now we're going to go to theme options right here and we need to re-enable some options so for example the create listing button that needs to be enabled right and also for the login and register we need to have the register button available so this will allow anyone that comes to your website to register and also submit posts now at the time right now we only have was it one or two users so we have admin and we have patty so she is an agent and you can adjust the roles at any time by clicking on edits and just saying you know what will be the agency so that means that she will no longer need approval i think manager i'm not sure what that does guys you might want to go through some of these and there are a lot of different uh there's a lot of different roles you might want to go through the documentation i'm not really sure what every single one does so yeah just be on the lookout but let's go back over here to all users or back to our website i'm sorry and now let's go ahead and go to new browser and just imagine that we are a random visitor coming to our website for the very first time all right so this is from the visitors point of view and they're going to click on create a listing right and they might need to log in first because that's one of our options so you can have the option for them to either register or submit a guest account which i don't recommend doing that you really want them to make an account because they're listing property on your website so you want to make sure that these people are actually real people and they're not just random people from wherever you know so i'll go ahead and register and make an account now right here we have select your account type and here they can select the specific account that they want now you can restrict these because maybe you don't want people to have the option to be the agency option right or the manager so what you can do is go back to your website here i'll go ahead and go to my other browser here and under the login and register under user roles you might want to disable all of these like here just put buyer or seller and that's it so anyone who registers on the website they can only be a buyer and a seller so i want to disable these options for people visiting the websites all right so i'll go ahead and select johnny and then i just created an email address and i will select register all right so johnny was sent an email with their information and they can use that in order to log in to your websites so right here i'll click on login all right so johnny we're going to go ahead and log in with johnny all right login successful redirecting now as of right now johnny can only view properties and favorite them the reason why he cannot list properties because johnny signed up as a buyer so if he wants to list properties he will need to be a seller you can actually go ahead and adjust their options right here or adjust their role in the user section so going back to our website here's the user and if you find the users under the user section you can adjust the role at any time right here so this will allow them to list properties on their website so if they did make a mistake you can always go ahead and change their role all right so now we're logged in back as johnny's account and johnny can go over here and create a listing and this is the same exact format of when your agents list properties so they'll go ahead and go through the process and then the listing will be listed as draft so you'll have to go ahead and approve the listing once they create it and that's pretty much it and they can go ahead and check their insights and they can access anything about their properties and if they want to view their properties it'll be displayed right here just like the agent was earlier so that's how you guys can have users list properties on your website and everything's pretty much automated all right it's good job on making it this far we are almost done with this video now in this next section i'll be showing you how to integrate payment gateways onto your website now you have a few options as far as payment gateways and the way you want to charge users so i'll be going over that in this video so the first thing we'll do is go ahead and click on theme options and we're going to scroll down right here and we're going to find payment gateways first now i recommend doing the house's custom gateways woocommerce is another plugin that you can use to integrate payment gateways but you have to do install a lot more plugins and i just feel like this is a lot more easier and convenient it actually looks a lot nicer too so you have a few options you have paypal as one now if you do have a paypal account you will just click on enable and then you'll just go ahead and copy and paste your client id and your client secret uh secret key now if you do not have a paypal account you can go ahead and register it doesn't cost you guys anything now due to the fact that you need to go ahead and enable apis and stuff like that i'll just go ahead and leave this documentation for you guys and you guys can check this out it just shows you how to get your api keys you just go ahead and copy and paste it onto your websites now the one i recommend is stripe which is the next one so i'll go ahead and disable this and we have stripe now stripe is available in all of south america it's available in europe it's available in the united states there are some places it's not available like some parts of the middle east it's not available and i do believe some parts in asia like china it's not available but it's pretty much like the global processor payment at this current uh moment so we'll go ahead and enable that and you guys will go to stripe.com now stripe.com is a free website it does not cost you anything to get started with stripe i'll go ahead and log out right here to just give an example of what this looks like so this is stripe.com and you guys can register for free it doesn't cost you anything there's also no credit check and you guys can go ahead and just register on your sites they do take a small percentage of your i think it's like 2.9 or something per transaction so it's very very small and all you need to do is link your bank account with this website and they will automatically deposits the money into your bank account with a you know it's a very fast and convenient process so i'll go ahead and log into my stripe account again alright and this is your personal custom dashboard with stripe it does take a little bit of a time to register but rest assured it's a very easy payment gateway to use we're just going to go ahead and copy and paste and that's it so let's go back to our website here so here we have a secret key right so we're going to enable a secret key and also a publishable key now right now it'll accept live payments because we have an ssl on our website now if you want to run test modes first which i recommend we can enable a test mode on our websites so let's go back over here to memberships and right here it says enable paid submission we'll say yes now we have a few options so we have per listing and we have membership so i'll just go ahead and select per listing now per listing means we want to charge people per listing so we can charge them for a specific time period so for example expire days i'll select 30 currency i'll accept usd the submission price is five dollars but if they want a featured price which is like you know at the top of the websites they'll have to pay ten dollars now here we have sandbox sandbox means it's basically in test mode and it's not live okay so i'll go ahead and click on save changes so now that i've enabled a per listing payment i can go back to my payment gateways right here and i can enable stripe and remember it's in test mode so what i'll do is i'll go back to my stripe and i will click on view test data so once i select the viewing test data you'll see this developer section go ahead and click on api keys now what we're going to do is we're going to copy this and take the publishable key and go back and paste the publishable key right there we will then go and reveal the secret key and i will go ahead and paste the secret key right there and that's it we are done now we can always go ahead and run a test transaction so we can go ahead and go to the process of user signing up to see if our payment gateway is accepting the payments all right so let's go back to johnny's account which was our random visitor and i'll go ahead and create a listing and show you how they will be charged on your website all right so we're filling out these information so we're putting in the address again and i'll just go ahead and yeah las vegas boulevard next next next so right now they're basically filling out all the information about their property and here is the consent agreement submit property so now you'll see how stripe is a payment method and they'll have to go ahead and enter in their credit card payments in order to submit the web or submit their property they can also do like make featured well they'll go ahead and pay 15 bucks if they want to do that so right here i'll click on complete payment and now it's going to ask for their credit card so this is john and then you know las vegas here we go so las vegas all right las vegas and then here's their address or their zip code i think it's 8147 and then payment info now on the top right you're gonna see test mode so we know that this is in test mode so i'm gonna enter in the test the test mode credit card it's just four two four two four two all the way and click on pay fifteen 15 all right and that's it you're done thank you for your business with us and this is also the thank you page so you want to go ahead and customize the thank you page because right now it's just demo text here i'll click on go to dashboard and then they can see their amazing house now they can go ahead and do anything they want with it they can edit it and all that stuff and then it'll be up to you to basically approve this post so that's how you can have paid listings on your website now if you want to accept real money on your website you'll need to do a few things here so you'll go back to your payment gateways right or your uh was it stripe settings right no no no no memberships memberships and now let's go ahead and just take a quick look at membership so i think a good one right here is free but pay for featured so that will enable them to list their properties for free however if they want featured like to be at the top of your website then they'll have to pay like 10 or something like that right here so i'm just letting you know that's an option and then per listing is just submitting a listing you know they have to pay for to submit their listing which is very common right and then there's also membership now with membership you can enable recurring payments with stripe and stripe will automatically take the money every month and you can charge them just to list properties on your website as a membership so for example we'll give them 30 days to list all their stuff and you know we'll give them a featured price of you know i don't know 40 dollars and whatever it is that whatever you want to do so that's just basically an example of how you can enable a membership on your current uh you know on your website if you want to have a membership but uh that's really up to you you can do free which i think is good pay for feature and then per listing purchasing is also pretty common i think that's how zillow does it as well so but what i'm going to do is i need to take this and put this in live mode so once i put this in live mode the website will now accept live payments now we also need to go ahead and update the payment gateways under the stripe settings because these are the test credentials you can even see how it says test so you'll go back to your website and you'll click on the the little orange box right there that says not viewing test data so this right now is real money so if i copy and paste these key codes this is real money now one thing also to look at let's click on view test data we can see that the successful payments went through because remember was 15 and now we get fourteen dollars and twenty six cents we can also see the amount of sales right there so the payment did get through and it was connected so what i'll do is i'll just go ahead and uncheck this get out of test mode developers api and now we're going to do the same thing except push this under the here we go and then for the secret key we'll go ahead and copy that and paste that and save it and we are done so at this point this website can now accept real credit cards from anywhere around the world uh on your real estate website so you just want to make sure that you do updates the publishable key and the secret key on your website and also make sure that the membership section is taking live payments okay so that's pretty much it guys on payments i've showed you guys how to accept payments i've showed you guys how to list for free and per listing and also i talked about membership so you can go ahead and select any one of these options at your discretion so i hope this section was pretty clear let me know in the comments if you guys have any questions about what i said or allowing people registering or payments on your website let's go ahead and go to the next section where we're going to talk about how to embed google maps on your website all right so good job guys you guys are pretty much almost done now if you guys do want to add the google maps api to your websites in this part of the video i'll be showing you how to integrate google maps onto your real estate websites it is optional but it does help the user a lot because then they can geolocate with one click and i'm sure you guys have seen that on many websites so let's go ahead and jump back to the video alright so in this section i'll be showing you how to embed the google maps api onto your website so you can have google maps on your websites now the google maps will be displayed on many various parts of your website it'll be displayed on your listings it'll help users list or find properties by geolocation and it just makes your website a lot easier to navigate so right here we have google maps now this theme did a pretty good job at enabling google maps where they can click on that however if you want to display on your website automatically i'll be showing you how to do that now i've already made a few other videos on the google maps api integration so what i'm going to do is take that video i'll put it right here and once we actually get the api key i'll show you how it's to add it to your website so let's go all right welcome to the google maps section now this is the end of the video but um for those of you who want to add geolocate onto your website which is a very important feature i'll be showing you how to add that to your classified ads websites now you guys saw over here that a lot of these ads they have this google maps section but we have this big you know something went wrong also users cannot search by geolocation which can lead to a little frustration because we want to make things very convenient easy for our visitors now there is a link in the description of this video it'll take you to google maps where you guys can go ahead and sign up it'll bring you to something like this right here i'll go ahead and put this in the description so once you guys get here you guys will click on get started you guys can also get there by just going to google maps api and just signing up so what i'll do is i'll just go ahead and log into my gmail account right here all right so this is the google cloud platform now they're going to ask you some questions they're going to prompt you to you know agree with the terms you might have to put some account information you might have to agree to the terms of service so just go through the process of this and once you guys are done with the setup process i will meet you guys on the overview page now once you guys get to page three you guys will need to go ahead and input your business name and also your credit card now there is a very small fee with google maps for using their api i think it's like three or five dollars a month or something like that it's really not that expensive so um you guys will have to go ahead and put it in your debit or credit card there and once you guys are done i'll go ahead and meet you guys on the very next page so here we have an overview of a lot of different apis now the first thing that we have to do is right here we're going to create a project so we'll click on my first project and i'll click on new project and i'll just name this like classifieds right just uh you know just so i know what's going on here so classifieds and then for location i'll just go ahead and just put no organization and then just click on create all right cool so now you guys can see i have created my classifieds now we do need to enable apis for our project so essentially what this does is that this pulls information from google and it puts it down to a key and we can take that key and put it on our website so the first thing that we're going to do is we're going to add geolocation api so go ahead and click on this and then we're going to click on enable so we are going to enable this api all right so now you can see that this has been enabled it's right there let's go and click on overview now we're going to activate four more apis so right here click apis it brings us to a new page i don't really know why it does that but uh we're now going to select places api and i will also enable this api all right cool let's go back over here to overview and pick apis i'm going to close that i guess it closed automatically yeah now right here for maps i'm going to click on view all there are some that we need to actually find right here so we're going to select the geo coding api so see there it is this one right here and i will enable this all right cool so we got three so far let's go ahead and go to overview pick apis and now we're going to select the mapped javascript api so i'll click on that and i'll click on update or i'm sorry enabled all right cool so we have four now we're going to select one more right here so let's go back to overview and pick apis and we're going to select the map static api so over here click on view all the map static api i'll click on this and i will also enable this api all right cool so once you guys are done with that we can click on overview so next let's go ahead and click on credentials and we're going to go ahead and create some credentials so right here i'll click on create a credentials and click on api key and this is the api key that we need so what i'll do is i will copy this and i'll click on close all right so now that you guys know how to get your api key let's go ahead and add it to our website this is my current google cloud or i don't know what they want to call it now it's like google maps or something like that or they change the name so often but um what i'll do is i'll go to my credentials and i will copy my api key so i showed you guys how to get the various api keys so yeah let's go back over here and all i need to do now is add it to our website so let's click on theme options and we're going to scroll down right here to map settings now right here is we're going to go ahead and paste in your api key so that's it and then you want to select google so there are other platforms you guys can use like openstreetmap and mapbox i don't think this one even requires an api key which is really cool but unfortunately everyone trusts google maps the most and that's what people use so yeah we'll go ahead and submit that there are some other options right here like map style and all this other stuff like a single listing map that you can mess around with but uh once we do that your website is now connected with google maps so let's go ahead and take a look at some of our properties so i'll click on click on search here we go and i'll just select this one and if we click on the little maps icon we will then see the address show up on the map you can change it to satellite view if they want to get a better view and then we can also click on open on google maps and it will be displayed right there now let's say for example you guys want to actually embed the map onto the listing you can also do that manually by just clicking on the share icon embed a map and then copy this html right copy this right here and what we can do is go back to our listing and we can actually paste it in the description so i'll click on edit property and just show you guys how to do that so right here and here i think they have the is it the html or is it embed let's try html i think the custom html will work right here so just go ahead and paste the html see if we can preview that there we go and then we can move this up right like something like that you can adjust this map to wherever you want and click on update so you can always add it in the description now one thing i do want to know as well is you don't need the api key if you're going to do that so if you're just if you're just going to display the maps like this you don't need the google maps api key because that does charge you uh depending on how many times people use it but it allows people to geolocate and it also allows people to view like that and also you know you can just share it like that so you do have a few options if you want to embed google maps onto your website so i hope that was clear if you guys have any questions about google maps feel free to let me know in the comments below so congrats on your real estate website at this point you guys are pretty much almost done now there is one additional optional service which is mls now if you far if you are from the united states and you have an mls and you want to integrate it onto your website in this part of the video i'll be showing you how to do that it is a third-party service that i'll be introducing you to i'm not affiliated with them in any way but they will specifically add your mls with this wordpress theme all right so in this part of the video i'll be talking to you guys about idx and mls now if you are a real estate agent or an agency and you have your own mls there are a few methods on how to integrate it to your website now for those of you who don't know mls is basically like their own little custom i guess you want to say their database of houses so they might have a really large amount of houses and what you can do is you can add it to your website and then it'll automatically propagate and it'll display all your listings accordingly now i know there are two services out there that help support idx and mls with this specific theme that we are using so this is mlsimport.com now i know that these guys work directly with the houses theme so if you guys are using the house's theme like i recommended they actually work specifically for that theme so right here under mls import plugin i'll click on features now if i scroll down here to the bottom of the page right here you'll see that the mls import plug-in is ready to work with the house's theme right here so just let them know that you don't want their turnkey websites because a lot of these themes these companies try to sell you are very limited and they really try to sell you their products but to be honest the house's theme is definitely good so if you guys do go to any of these companies just make sure you only get the mls you don't need their turnkey you do not need their demo you don't want their theme because houses is a very powerful wordpress theme a lot stronger than what these other companies can offer now another company that you guys can use is realtina.com they also do sell a idx wordpress plugin that works exclusively for the houses theme so if you scroll down right here actually yeah scroll down right here you will see that the integrations work with the house's theme so you guys can use this company or the other company it's really up to you personally i don't have a lot of knowledge with mls i know what it is but i've never really set it up on clients websites so that's pretty much it for the mls you guys can use those two resources to import your mls to your real estate website all right party people congrats on building your real estate website i hope i covered everything i realized there might be some small things i didn't cover and that's just because you can probably look at it on your own free time and check it out now congrats on your website and feel free to check out my channel if you guys do need help with free plugins or if you guys want to know about more about like woocommerce or selling products on your site i do have videos on woocommerce as well i think it's uh there it is right there and yeah i do have quite a lot of videos uh regarding wordpress and everything else so feel free to check these out on your own free time so congrats on your real estate website at this point tutorials finished you guys are all ready to go now if you guys have any questions for me feel free to let me know in the comments below i do my best to get to all comments uh let me know how i did you know i do spend a long time to kind of make this tutorial like you know accurate and step by step so feedback is always appreciated and again make sure to like this video and i will see all of you party people in the next video guys take care

Channel: Darrel Wilson

Views: 109,896

Rating: 4.7248373 out of 5

Keywords: how to make a real estate website with wordpress free, real estate website, how to make a real estate website, how to make a real estate website with wordpress, houzez wordpress theme tutorial, houzez theme, how to make a real estate wordpress with houzez theme and wordpress, wordpress, real estate websites, wordpress real estate website tutorial, how to make real estate website in wordpress, create real estate website wordpress, houzez, wordpress website, create real estate website

Id: 807jMu-MNzA

Length: 169min 58sec (10198 seconds)

Published: Mon Jul 19 2021