How To Create A Real Estate Website With Wordpress

Get 300 checks per monthabsolutely FREE!

No credit card needed. No strings attached.

What's up guys what's up my name is Darrow and in this video I'm going to...
00:00
what's up guys what's up my name is Darrow and in this video I'm going to show you how to create this beautiful real estate WordPress website step by step with no experience required now if you're a real estate agent or your property manager and you want to list your apartments your houses or your condos this tutorial is for you now let me give you all a quick tour of this website and show you what we're going to be building today in this tutorial so right off the front we have this landing page and we have a search box now just like websites like home finder calm where people can go to your website search by price beds or baths we can do the same exact thing on our websites so right here I have apartments locations and prices now you can add as many filters as you would like so if you want to do something like bedrooms and baths or floors you can add that in but I want to keep it simple in this tutorial so I did apartments so right here we go to one bedroom in the city of Los Angeles and my budget is between one thousand to two thousand dollars some ago to search
Properties and now the list of properties will be available for your...
01:02
properties and now the list of properties will be available for your visitors and you want to make it as easy as possible for your visitors because they're looking at a lot of other websites so you really want to make sure that it's very easy to navigate so going back we're going to go down to our apartments section so right here we have listings of our apartments so right here we have the price we have the address and we also have the city and also right here we have this little ribbon now that says new listing you can change this to whatever you would like so I'm go ahead and scroll down and I'm going to click on this one right here alright so we have the address for this apartment we have an image we have some more text so you can buy something like oh it's a really cool apartment you know it's cozy or whatever terms the real estate agents use right here we have a price we have the address the city now you can add as many you know as much text as you would want so you want to put like baths or beds or basements or whatever you want to add extra you can go ahead and add it right here and also we have our additional features so right here pets
Are allowed we have a pool and we also have short term mint available and right...
02:04
are allowed we have a pool and we also have short term mint available and right here we have a map so if they want to see where it is on the map people can actually see where it is and below that we have a video so if you actually filmed a video for it you want to show people like what it looks like in real person I'm going to show you today how you can add that into your websites and below that we have additional photos of the property so they click on it a light box will open up and they can go ahead and scroll through the photos pretty cool and right here we have a mortgage calculator now this is totally optional you don't have to have it but if your customer wants to you know find out they can afford it if they have the budget for or not they can go ahead and put the price of the home there down payments the mortgage term the interest rates it will show them their monthly payments now below that we have the contact section so if they want to get more information about the property they can go ahead and send you an email right here and to finish it off we have our footer so we have about the company and you can talk all about it right here we have our social icons at
The bottom and right here we have the more text you can add we also have...
03:04
the bottom and right here we have the more text you can add we also have office locations so right here I have Los Angeles MC no or in Glendale and if they click on it they'll actually be taken to it right here on Google Maps so going back up here now I want to show you a really cool feature about our website so right here we have pets allowed pool and short term now if they click on this for example pets allowed it's going through show them all the apartments on your website that allow pets so these three apartments allow pets so it's very easy to navigate for the user and going back here now on the right side right here they have the search box again so let's say they're looking at this apartment and they don't like it they're saying ah this is kind of not my you know not my cup of tea they can click on you know one bedroom you know los angeles and search a different price and they can go ahead and keep searching for apartments that fit their criteria and also on the right side right here it has stay up to date so if you have like a apartments coming up and they want to sign up to your email list you can go ahead and put this
On your website and people can subscribe to your newsletter also we have loan...
04:06
on your website and people can subscribe to your newsletter also we have loan information which is another tool for people who are trying to find out if they can afford it or not and also we have another widget right here now these are totally optional you not to have it but I'm just going to include it anyways just to see if you 100 website or not so going back over here now it's going down we have a call to action and this can go to like your contact page or can go to your about Us section and go to any part of your website right here we have our blog section so you know what to watch out for when renting or you can talk about like a why our Apartments are the best so I'll show you how you can add a blog on to your websites and right here on the left side we have get our listings where people can subscribe to your newsletters and you can add text like we won't spam you now I know they always say they're not going to but I always give them my email may always spam you anyways but yeah that's that and also right here we have this section right here and you know these are just images and they'll take them to any page you would want so right here for example
When I click on Ellie apartments Emily brought to this page now this page was...
05:05
when I click on Ellie apartments Emily brought to this page now this page was created by the elements of page builder it's a very easy drag-and-drop page builder so in this tutorial I'm going to show you how you can make any sort of pages you want you can design them any which way any color any style and it's really easy to use it's really good for beginners and going back over here to our home page scrolling down we have our footer right here which will be on every page of our website alright so let's go on back over here I'm gonna go to our contact section and I'll show you how you can create a contact section right here so right here we have looking forward and again this was made by the Elementor drag and drop page builder a very easy page builder it's really beautiful so right here we have contact we have our email and our phone number right here we have our location we have our social media icons such as you know Facebook Twitter and LinkedIn I don't really say agency use LinkedIn a lot so you know they message me all the time so here you're looking for a place so I'm like no thank you you know but right here we also have a
Contact section so people can email you with any questions about properties and...
06:08
contact section so people can email you with any questions about properties and scrolling down here we have our footer again so went back to our home page so if you guys want to create a real estate website that's easy to navigate that's really beautiful in this tutorial I'm going to show you how to do that it's really simple give me about an hour and a half and I'll show you how you can master WordPress and also design your own personal real estate website so let's go ahead now and dive into it and get started now what I think I want to point out that this theme that we're using is totally mobile respond so right here imma give you guys an example of what it would look like so right here you can see no matter what device you're using no matter what browser you're using it will automatically adjust to any screen size or any resolution and it comes off really really good and it's just a really really good theme and it's really professional-looking so we can see that it's totally mobile responsive alright and no matter how you adjust it it will look great on all of the devices now the
First thing we're going to do is purchase our domain and hosting now you...
07:09
first thing we're going to do is purchase our domain and hosting now you guys will also receive a free domain in this tutorial and you guys will also receive the largest discount code available team D hosting has to offer after that we are going to purchase the Asian press Pro theme after that we are going to install WordPress and lastly we are going to create our beautiful real estate WordPress website now I also want to make a quick note I work with very reputable companies all these companies provide a guaranteed 30 to 60 day money-back guarantee so you guys just aren't satisfied with the product don't worry about it you guys can always get your money back guaranteed so there is a link in the description of this video it will take you to a website called T&D hosting comm maybe brought to a page that looks just like this right here now you get to this page I want you guys to click on cloud sites now can be hosted just released there cloud hosting which is very very fast and I recommend it now because I use it for my websites so right here I'm gonna go to get into the cloud down now we have three plans we have the summer cloud the rain cloud and
The storm cloud now the difference between the summer cloud and the rain...
08:10
the storm cloud now the difference between the summer cloud and the rain cloud is that the rain cloud will actually give you unlimited websites so if you want to get more websites like you want to host different websites I recommend the rain cloud it's also faster than the summer cloud but if you want that really good performance you guys can always goes for the storm cloud however I recommend just the rain clouds right here I'm gonna click on sign up alright so we get a free domain so right here I'm gonna put my famous one I love Kyllo friend and see if that's available hopefully it is hopefully then your star wars is good comes out in a few months I'm pretty excited it I hope it's really really good alright so scroll on down here so right here I have my account information already stored and right here we have our payment methods so credit card or we have PayPal so you guys can determine if you guys want to use credit card or PayPal and of course I already have my information stored on here so right here you can go ahead and put in your credit card number and scroll on down here we
Have the data center and they automatically choose the best one for...
09:11
have the data center and they automatically choose the best one for you so I recommend just to leave it at that I heard they're opening up a new one in Phoenix which I hopefully they do now for the period I recommend twelve months because remember you're always given a 60 day money back guarantee which is pretty amazing you know they really trust the product now right here we have domain privacy now I recommend getting domain privacy because this will actually protect your personal information from people who try to search your domain so by getting this it will protect your public information and scroll on down here we have a promo code if you enter the coupon code Darryl six to six you will save the maximum of seven percent so right now the price is 116 but I've already used this code so I don't know if it'll let me yeah so you guys will also receive the seven percent discount normally it's five percent but this code Darryl six to six will give you a staggering seven percent discount and once you're done with that you can go to I have read the Terms of Service I'm sure you're all going to read all this
You know but yeah so after that go ahead and go to checkout and after that you'll...
10:11
you know but yeah so after that go ahead and go to checkout and after that you'll be brought to your portal now I'm a customer so I'm going to go ahead and just log into my account right here you know I would never recommend a product I didn't use you know so I currently use this hosting and you brought to a page it looks just like this right here hopefully you don't have this red button because that means you owe money like I do so I have to pay these guys because I use a lot a lot of their hosting so once you get to this page right here we're going to install WordPress oh yeah congratulations by the way you got your domain your hosting yay okay so let's going down here you're going to see cPanel login so click on that and then click on the hosting account you currently have I have to because I host many many web sites so right here go to login alright and they're kind of like saying oh this is our data Vader this is their you know the interface and they might want to like show you you know how to use it see right here we have a lot of storage I haven't used any of it so yeah so let's go ahead and install
WordPress so we got our hosting and we got our domain so the next we need to do...
11:13
WordPress so we got our hosting and we got our domain so the next we need to do is install WordPress so scrolling down here it's very simple we're gonna go down to keep scrolling down keep scrolling down and there we go alright so right here you can see we have the app installer and we have WordPress so I'm going to click on WordPress alright and go to install now alright so right here we have our protocol oops I was strange alright install now so right here we have our our domain make sure that's the menu posted also in the in directory make sure there is nothing there okay I can't stress that enough make sure there's nothing there because if there's something there it's going to install your domain - whatever you put there that's not what you want the site name you can go ahead and put in your site name your site description as well right here we have your admin so go ahead and put in your admin username whatever you want to change it to and your admin password and then blowww daps
Go ahead and put in your email I'm gonna leave everything stock because I've done...
12:14
go ahead and put in your email I'm gonna leave everything stock because I've done you know I'm yeah I'm just gonna yeah anyways so scrolling down here we have our languages so if you speak different languages you can go ahead and select your language right here and they have tons of languages and thank you to that viewer who summed up the Chinese thing so apparently Chinese is the correct dialect not Mandarin I always thought it was Mandarin but I guess it's Chinese alright so I speak English so I'm gonna put English and you could put like a limit login attempts this will actually protect your website for people who try to try to get into your website so that's also good to have now right here we're gonna go to install all right so we're now installing WordPress so this is basically what we use to design our website it's pretty pretty easy alright done simple so right here we have the administrative URL so we're going to go ahead and click this in order to go to our website now if you guys click on it and it brings you to like a blank page or just like something that's not there
Don't worry about it WordPress does take time to propagate sometimes and you...
13:15
don't worry about it WordPress does take time to propagate sometimes and you might want to contact TMD hosting to let them know hey no I bought the domain and it's taking a little bit longer - you know propagate and they will probably fix up for you so right here I go to topi I'm in alright congratulations we have installed WordPress so now let's go ahead and take a look at our little board so we got our domain and hosting done congratulations now we are going to oh we've installed WordPress so we've done that - and now we are going to purchase and we are going to install the agent press pro theme now there is also a link in the description of this video and it will take you to a another website where we are going to purchase the studio press agent press pro theme so you brought to a page that looks just like this right here now when you get here you can go to shop for themes and you can see all the themes they have to offer now I've done extensive research to find the best real
Estate theme and I stumbled upon this website guys I spent around 500 bucks...
14:17
estate theme and I stumbled upon this website guys I spent around 500 bucks just buying themes and researching and and really trying to find the best for my audience and I came across this right here so right here under all categories I'm click on that and go to real estate and you're going to see that we have this agent press Pro theme you guys can see it looks very similar the website we currently have so right here we go to see details and pricing now you guys will also need to click on our purchases now guys this is actually gonna be around $99 but like I said don't worry about it because when you can purchase this you guys will also get a 30 day money back guarantee for any reason and you guys will also get unlimited support so you guys have a problem with your website or something's not working don't worry about it these guys have your back and they will help you with your issues and I can actually vouch for their support because I've actually had a few issues myself and they helped me with in like three hours I emailed them is really really fast one two three hours and other you know support companies aren't like that they kind of take days so this is a variable company so go ahead and purchase this theme right here
So by age' press protein brought the page looks just like this and again you...
15:19
so by age' press protein brought the page looks just like this and again you can put in all your information right here now I've already purchased this team you know so over here under my studio press I actually have the theme right here so I've actually purchased it myself I didn't get any channels I had the first like everybody else so right here once you gets to your studio press you want to go to download so right here you can see agent press Pro go to download and also guys they have you know setup instructions and they have documentation and if you guys scroll down right here on the right side actually know so right here under cut questions you can go to or head over to support and in the future once you get more customizable and you have a problems you know you guys can always check out their articles they have a knowledgebase and then right here you can open up a support ticket so you guys have a problem don't worry about it these guys will help you out and they're pretty good they're actually very fast I I kind of like maybe they're kind of a bad support company no they're actually really really good and I really truly
Recommend the company they're a very high-quality company so once you...
16:20
recommend the company they're a very high-quality company so once you download it you can see right here on the bottom left I have downloaded it so over here I'm gonna go to appearance and go to themes now right here I'm going to click on add new and we are going to install the theme now guys there's a lot of themes these companies make them you know all these right here are free themes a lot of them are and you know they're okay but they're very very limited that's why they're free but um we're going to be using a really really powerful theme so right here click on upload theme choose the file and then simply go ahead and select the agent press Pro theme the one that you downloaded so you right here these are other themes that I downloaded I downloaded so much I really like to purchase a lot of like themes trying to find out which one was the best alright so you know guys we actually made one mistake so in order to use this theme we have to download the original theme so this is a child theme so going back over here we're gonna go back to our account my studio press and we're first going to have to install the
Genesis framework now this is free so it comes with the theme so right here go to...
17:20
Genesis framework now this is free so it comes with the theme so right here go to download and you're first going to install the Genesis framework and then we're going to install the Asia press Pro okay so going back over here add new theme upload theme choose the file and refers going to find the Genesis one so we need to make sure we find the Genesis one my mistake these are these are those were videos I just filmed I just got a new groan and like amazing those drones are so much fun but anyways so the Genesis one we're going to go ahead and scroll down and find it alright I think this is it right here open and install now basically the reason why we're solving this theme first is because this theme is like the main structure of the theme and then the Asian press Pro theme is like added extension features that's the best way I can use this sort of describe it so over again we click on add new now since I've already installed this before it's kind of lingering here so I click on activate but for those of you who were brand new
Simply just go to add new upload theme choose the file and simply select the...
18:21
simply just go to add new upload theme choose the file and simply select the agent pres Pro theme now ok so it's all you have to do but if I go to install Nelson let me know it's already installed so I've already have it installed so go to themes now you're going to see agent press Pro theme so go to activate all right done congratulations we have successfully installed the Asian press protein and you have all the people right here yeah thank you everything there everyone's really happy you have a good time all right now before I go for any four in this tutorial guys I want to let you guys know about the options here so over here under users all you click on users now going to click on edit on your users now if you guys want to change your password or if you want to change any personal information or you want to change the scheme or color of this this is where you're going to do it so right here you can put your first name your last name your email you want to change your email and if you want to change your password you can click on generate password and simply you know put it whatever password you want and then once you do that you can scroll down and
Click on update profile alright but that's just for you know your you know...
19:22
click on update profile alright but that's just for you know your you know your information you want to do that but after that we're going to go to settings and we're going to go down to permalinks now really quickly we're going to go down to post name now the reason why we do this is because you go to a website like Amazon and you go to their shop page does it say like amazon.com - shop right it doesn't say amazon.com - 1 0 - 1 ba ba ba ba that is not what you want and this is actually really good for SEO which makes your site more searchable in the search engine so I click on post name and then go to Changez all right if you guys want to your website if you wanna see how it looks right now can go to you right here and go to visit site and this is our site it looks terrible but don't worry about it so let's go down and check our progress so we got our hosting our domain done we have purchased and installed the agent press pro theme done
Of course we've installed WordPress done and now let's go ahead and create our...
20:22
of course we've installed WordPress done and now let's go ahead and create our amazing wordpress website step-by-step so the first thing we're going to do is install some plugins so over here under your by blog click on dashboard now if you have no idea what plugins are plugins are basically like apps for your iPhone so over here click on plug-in and go to add new so basically it gives your website different features like for example this one right here gives the ability to create like a blog this one over here gives you you know different abilities for like social media sharing this one speeds up your website etc now the ones we're going to install is the Asian press listings so agent press listings now this plug-in gives us the ability to have that search box so right here under agent press listings we're going click on Install Now and go to activate now we're going to install a variety of plugins for this tutorial so next one we click on add new and are going to install the Genesis e-news
Extended so right here Genesis e-news extended let's see if I spell that right...
21:22
extended so right here Genesis e-news extended let's see if I spell that right Jen this is yeah we how do we do this sequel just do a news extended there it is so the Genesis e-news extended click on install now what this plug-in does is that remember earlier how we solve the the email newsletter sign up this gives us the ability to do that as well alright so we have that one the next we're going to install the Genesis title toggle so click on add new sorry about that so Jen Genesis title toggle and what this does basically is it actually hides the title of the page on your other pages so if you don't want that feature this plug-in will take that out and I recommend it because it looks kind of ugly but don't worry so over here under add new we're going to add the ninja forms now ninja forms might come default depending on your host but right here
Under ninja forms click on install now this basically gives us the ability to...
22:29
under ninja forms click on install now this basically gives us the ability to create a Contact Us page ok it's going to get a little bit longer than usual probably good my internet is slow today I'm on wireless you know how it is all right I'm click on activate ok and the next one we're going to install is simple lightbox simple lightbox and this gives us the ability to have that little lightbox and people click on the images it will actually have that really cool pop-up gallery so right here you see with the simple lightbox where the screen is go ahead and click on install now all right click on activate next we are going to install the simple social icons so this gives us the social icons on the
Bottom of our footer digital social icon and don't worry if you don't understand...
23:32
bottom of our footer digital social icon and don't worry if you don't understand what these are now I totally get it don't worry as we go you will understand why we use these and what this does to our website ok next is the simple real estate so right here under add new now again this is optional member earlier I talked about the the ability to have like the mortgage calculator etc so this basically what it does the real estate simple or simple real estate packs simple real estate pack all right and it's this one right here click on install and click on activate and lastly we are going to install the Elementor plugin so you can actually download it from a link in the description but if you guys don't want to do that you guys click on add new and
Type in elemental Elementor and this is the one we're going to be using right...
24:32
type in elemental Elementor and this is the one we're going to be using right here click on install now ok and then click on activate and that is the last plug-in that we are going to install so remember these are basically just added features for your websites so we'll talk more about plugins as we go but now that we've created all our install of our plugins let's go ahead now and make some pages so over here under this + new you can go to page now let's just make a home page so a home page home page and scrolling down here now you see where it says select the layout we want to go ahead and select this one right here we want that full width style right here so after you've selected that you can scroll down now this is the title toggle plug-in so we're going to use this on our other pages and then scrolling down here we have other options but I'm going
To go ahead and go back up and go to publish all right now click on add new...
25:37
to go ahead and go back up and go to publish all right now click on add new and we'll do something like Ellie apartments and again we can go ahead and scroll down and choose this one and publish and we'll make one more for our contact form so add new and then contact us scroll down here click on that template and then go to publish alright so we've made three pages we made our home page we made our Ellie apartments page and we also made the contact us page so now we need to basically make a menu so if we go back to our website right here we don't really have a menu we to actually put the pages up there so in order to do that we need to first create the menu so over here under our dashboard we go down to appearance and go down to menus so go ahead give your menu a name so I'm going to be menu one
And all my Stu toriel's I always use pen key one but you can you know put it...
26:37
and all my Stu toriel's I always use pen key one but you can you know put it whatever you'd like now right here under pages you can click on that and click on the home the contacts and the LA parts now we have two homes so just going to look both homes and go to add to menu now the one where it says custom link we don't want that one so over here click on that and click on remove that's how you remove a page and you can also set the order of this so right here I would say I want a home on the top contact us at the bottom and I'm going to click on save menu alright so now we have our home le apartment and he contact us now we can also make this a primary menu and click on save now I'm going to show you what that does but I don't recommend this but I'm gonna go ahead and show you anyways so visit site now this'll actually put your pages at the top right here but I kinda want to put the pages in this bar right here so we actually have a widget for that and I'll explain what that is in just a second so going back over here on the dashboard go down to your appearance and go down to menus
And go ahead and just uncheck that as your primary menu because we're actually...
27:37
and go ahead and just uncheck that as your primary menu because we're actually going to make a different sort of menu style in just a little bit ok so I've actually you know save that and if I go back here we're going to see that it's gone okay so let's go ahead and start customizing this website so over here under customize now we actually need to first set our homepage as our front page so over here under our static front page we're going to click on this go to a static page now the front page we want to select that as home because that's our home page and go to save and publish all right now going back here now we have all these options right here so we can kind of like you know mess around with these and get a little comfortable this is basically how you design the front page all these options right here so site identity let's first start there so instead of my blog you can put like real estate website a real I'll just put real estate you can see right here this changes so I'll just put like you know Darrell comm
For Darrell Wilson comm and then you can have a tagline now you can also have a...
28:39
for Darrell Wilson comm and then you can have a tagline now you can also have a site icon so right here under select image nugget also they have there is a link in the description to demo images so if you guys need help with your like you know beginning and you need just images to get you started I've actually included that all for free in this tutorial so you guys can go ahead and download download those images that no cost you it's totally free so the site icon right here is basically that icon at the top right here so I'm gonna click on select image select files and I was going to go ahead and select just a random file on my desktop right here so I'm going to go ahead and select see like this one right here and go to select now you can see right here it gives you a preview of it so a browser icon so you know when you go to a website and see a little icon for the browser that's what this is referring to so I'm going to go to crop image and now you can see on the top left we have this icon right there okay so that's
Basically what these height icon does now going back here we have a background...
29:43
basically what these height icon does now going back here we have a background image we have header image and all these other settings so the first thing we're going to do is go to widgets and right here we have header right so basically this is how we design our page all of these widgets right here each of these we just control a different section of the page so right here under header right I'm a click on that go to add a widget now I'm actually going to put my menu there I want to put my menu up there because I like the way it looks like that so I want to do custom menu and right here I'll select menu one and voila now we have our menu so we have our home our Ellie apartments and our contact us now I like that a lot better than having those pages above the bar but it's up to you at this point you know as I going to toriel guys feel free to kind of adjust it to whatever you need or want but I'm just going to show you how to use this theme and basically how it all works
So one map over here now we have home featured so right here...
30:43
so one map over here now we have home featured so right here click on add a widget and I'm going to add a text box and right here I'm going to put welcome to your new home don't worry about the colors we're going to talk a little bit about that a little bit later in the tutorial but I just want to get you comfortable with this page builder to make sure you fully understand it and right here I put something like get your dream house today or get your dream apartment today okay so we have our main title right here so whatever you want to put for your title you can go ahead and put that in so I'm click on save and publish and go back now our here we have home top now for the home top I'm gonna click on add a widget and you know I'm going to go ahead and just select this search listing run right here so right here under title I'll put something like find
Your new home and then we'll have the search properties box right there now...
31:46
your new home and then we'll have the search properties box right there now don't worry about the the gadgets right here we're going to do that in just a second okay so I'm gonna click on save and publish now we have this cool like background but we need to add an image to it you know it's kind of boring it doesn't really look good so right here under the back section i'm cuz i'm back again and go to background image now they suggest an image size of 1600 by 870 now you guys are completely new and you don't know how to do this don't worry I'm going to show you how to fix your images to whatever size you would like now right here under select image now again guys there is a link in the description to my Dropbox and it's going to give you access to all of those images that I've provided this tutorial so right here under upload files I'm gonna click on select files and I'm going to go ahead and select my default one right here all right now I'm using 1600 by 870 now choose image and voila
Now we have this beautiful image so right here my go to save and publish now...
32:50
now we have this beautiful image so right here my go to save and publish now sometimes if it looks a little strange like that just click on X and don't worry when we change this box right here it's actually going to lift up a little bit higher so don't worry about that too much now let me show you how to actually change your pictures so right here I'm gonna go to picmonkey.com alright now a lot of people say this websites not free it is so right here under edits click on edit and simply select your photo so right here I'm just going to select I'll just select this one right here alright so we have a picture of our image right here now I'm gonna click on resize now I see right here it says change size to sew uncheck proportions and then simply just put in whatever size you would want so 1680 by 700 or whatever you're trying to accomplish for that specific part go ahead and put it whatever you'd want right there and now once you're done you can click on save apply and then you can
Just you know put in whatever file size so you have three sizes this is actually...
33:56
just you know put in whatever file size so you have three sizes this is actually the highest resolution but it's the largest file size so you know whatever I love it's like under a Meg or like two Meg's that's fine but if your pictures are like 5 - like 10 megabytes that's way way way way too big so you might want to reduce those image sizes okay so what you're done with that click on save to my computer and then you can you know save it and you know then you can go ahead and use it to whatever you'd like but I'm just showing you how that works for that specific section so we have our home page right here now we actually need to basically kind of set the search box right here we need to add some properties you know that's probably the most important thing we're going to do right now so over here under this plus new we can go to listings now I'm going to show you how to first create a listing alright so we have a listing right here so go ahead and give your listing a name now you might want to put in the address so I'm gonna open up my demo website right here to sort of give
You an example so right here I have the listing so this right here is going to...
34:55
you an example so right here I have the listing so this right here is going to basically be your title so over here I'm going to go ahead and put in this section right here now you want to put some description so over here I'm going to go ahead and click on one of these and this right here is my description okay so I'm going to simply go ahead and put in my description right here now custom text so the custom text is actually the part right here this section right here which says new listing that is the the custom text so I'll put something like a no hot or I don't know what if you want to probably manage to do today hot listing so whatever they put and then right here you can go ahead and add in like your price so I'll add in something like you know it's going to be $2,000 a month and the address I'll go ahead and put in the address right here oh no I put in the actual air let me let
Me give the address here we go so I'll just grab another random address it...
35:59
me give the address here we go so I'll just grab another random address it doesn't really matter this is you know just for 2-12 purposes and then right here Los Angeles California my zip code okay and then the LMS whatever you want to go ahead and put there you can put there for the square feet I'll say it's 950 square feet how many bedrooms it has three bedrooms it has two baths and has one basement now we can go and click on send to text editor now what that does is it creates a little shortcode so right number press enter so right here under property details now it's in a shortcode but all the stuff right here is going to appear right here okay so going down so enter map embed code so I'm going to show you how to actually put in a map so right here we'll go to Google and go to Google Maps now I'm just going to put in a random address I'm going to put 1 1 West Colorado
Boulevard and Pasadena all right so we have Colorado love street right here so...
36:59
Boulevard and Pasadena all right so we have Colorado love street right here so right here in there now you're going to select whatever address you would want so you don't select this address because this is just for control purposes but it's of course you can use this just to follow along so I click on share and then right here under the embed map I'm just going to copy this shortcode right here all this weird mumbo-jumbo that's what you need and I'm just going to simply paste this right there and go to sent a text editor so now you can see that we have this show code right there for the property map now we're doing this again I'm going to press Enter now let's just say you have a video and you want to put a YouTube video on there so let's go to my YouTube channel I'm go to Darrell Wilson right here and I'm simply going to select one of these videos I don't know which one I'll just go ahead and select like that's what posting or something okay so right here under the share I'm gonna click on that and under
The embed section I'm click on that and this is the code that you need so you...
38:02
the embed section I'm click on that and this is the code that you need so you can grab any YouTube video and go to the embed section and simply just copy this code and going back over here I'm going to paste that right there and go to send to text editor now you can see that we also have this section right here okay now one more thing I also want to point out before we keep going is that you want to also add the image for this section right here so we're going to click on this I want to basically put an image right here now there's a specific size that you have to put in order for it to cover the full screen so let me go ahead and find out what that is so the correct size is 900 by 850 now once you get to go to my Dropbox and go ahead and download all of these images right here because these will actually help get you started so simply just go ahead and click on all these and download them and then you'll get a zip folder and once you get that zip folder all you need to do is click on open and it will open it and you can simply just drag it right
Here so I have this one right here already I'm gonna want to overwrite it...
39:02
here so I have this one right here already I'm gonna want to overwrite it and then you'll see the images right here so I'm gonna go over back to my website and I'm simply just going to go ahead and upload all these so right now I want to click on add media now I want to upload files so I'm just going to simply upload all the files in that Dropbox so all these right here go to open okay great so all my files have been uploaded I'm gonna close this again and click on add media cause I want to select all these right here actually I have to deselect all these are all just going to upload also all these photos so there's a checkmark to simply go ahead and uncheck those and I'm going to go ahead and select this one right here so this one's 900 by 8:50 and go to insert into post now when I click on this right here I want to click on edit now for the size I want to make it full size and I'll make it to the left right here and
Click on update okay so we basically add in the picture right here I know it...
40:05
click on update okay so we basically add in the picture right here I know it looks a little strange but don't worry about it it'll look really really good on the page so going over here to enter now I actually want to select also my contact form so right here I'll click on publish now right here where it says ninja forms click on dashboard now you here has this little shortcode simply go ahead and copy this shortcode right here alright now let's go back to our listings click on listings and you see that we actually have the listings tool here because we published it so don't click on edit and I'm going to scroll down and simply go ahead and paste this shortcode now another thing that you want to do or if you want this is totally optional is if you have these gadgets up here so right here we have like the mortgage financial tools so click on enter right here now if you want to add unlike the mortgage calculator you can simply click on this mortgage financial tools and you know put whatever you'd like the interest rates the mortgage term anything else
You want to decorate it and just click on insert and now that's actually going...
41:10
you want to decorate it and just click on insert and now that's actually going to insert the calculator for you okay so another thing we can do is we can go ahead and add maybe more photos so right here I'm gonna click on enter now right here we have our cursor right here so right here under add media let's just say you want to add a few different photos so right here I'll click on create a gallery and select whatever photos you want so now we're basically creating a gallery so I have these three photo selected for my gallery and I'm going to create a new gallery you can also caption these so if you want to like give them a specific title you could put like the back y'all you could put the front yard you could put the side of the house so I front yard back yard and then we'll put this as the side of the house and I will go to insert gallery ok so we have these to be pictures right here now I'm clicking on update so we're basically saving this progress now another thing I want to point out to
You guys is the features so remember earlier how we did pets allowed we did...
42:10
you guys is the features so remember earlier how we did pets allowed we did short term rent whatever you want to go ahead and select the features that you want in your website so pets allowed pets allowed you have a pool and we also have short term unavailable now you want to make sure that these are very specific because you can use these for the rest of your listings so you want to make sure that you have a certain amount that you want to put and that you'll keep using for all of your listings so I'm going to use these three and then I'll click on publish again and lastly if you want to go and select a featured image for this listing so right here I'm gonna click on this and I'll select this one right here now the image size I'm sorry this one right here the image size is 500 by 300 for the featured images and these will appear on your front page ok so 500 by 300 and if you need help with that you guys can always go to picmonkey.com and resize it yourself so here my click on set the featured image and scrolling
Down here I think we are ready to go so let's go ahead now and take a look now...
43:17
down here I think we are ready to go so let's go ahead now and take a look now I'm going to publish this or update it and then right here we can view the post so here we go we have the address we have the image go and close this we have a description of it now we also have the pictures right here and they click on it it'll have a lightbox and they can go ahead and view all and all about it we have the price we have the address the city we have the square footage you have the bedroom right here we have the map right here we have the YouTube video and of course this is just for toll purposes this is my video but you'd want to put yours if you have a video right here we have the mortgage calculator and right here we have the contact section so these people put in their information right here the email address that you
Have registered with WordPress that's what's going to go to so in order to...
44:19
have registered with WordPress that's what's going to go to so in order to find out where that is we're gonna go to my dashboard and I believe it's in setting somewhere so another general I think and you want to make sure that this is the correct email address that it's going to be sent okay so make sure that's the correct one and don't worry well mess around with angel forms a little bit later we'll get little bit more customizable but I don't want to make the whole tutorial about ninja forms because I can go on for days or four but I really get it it's a really great really great piece of software okay so now that we've actually done that we need to sort of create this section right here we need to basically add in some more of the listings right here so I'm going to do something like apartments locations and prices now remember you can do anything that you want so right here I'm gonna go to my dashboard and we need to actually register some taxa moniz so under listings I'm gonna go to register taxa moniz so remember these are the features that are going to be selected okay so I'm going to go ahead and select
Something like the apartment and then right here I'm going to you know Commons...
45:20
something like the apartment and then right here I'm going to you know Commons going to copy these on all these right here we have apartments prices and we have see so again if you wanted to have something like I don't know you can have a one-bedroom you can have bathrooms you can have floors you can have condos you can have anything that you can possibly want so this can be something like condos or houses you can also add one with like floors or bedrooms etc you get the point okay now that you've noticed we've added these in on the left side right here we actually have some new features available so right here we have apartments so I'm gonna click on apartments right here now what kind of apartments a one-bedroom two-bedroom a three-bedroom whatever it is go ahead and put it in here so now you're making a category or so I'm sorry a subcategory for your taxi moenay's so okay you have
Apartments what kind I have a one-bedroom and right here is a slug is...
46:33
apartments what kind I have a one-bedroom and right here is a slug is basically how it looks on the shortlink let's go ahead and put like one bedroom and go to add apartments now here two bedrooms and go to add apartments alright so we have one bedroom and we have two bedrooms right here okay now let's go ahead and go down to our prices now I have mine like a zero to one thousand one thousand two thousand you're going to want to set it however you would like it so for prices I'm going to do zero to one thousand and then a hero puts just zero to one thousand give to add prices then we're here 1000 to 2000 pretty simple pretty simple to have so we're just making categories for the prices now and then
Lastly we have 2000 the 3.
47:39
lastly we have 2000 the 3,000 okay now city now you might want to put location instead you know but you can put city this is up basically it right now this is kind of up to you at this point so I'm going to put something in like Los Angeles Austin LA San Diego I'll put San Gabriel where they make delicious Asian food oh my god the food there is amazing I go there to get hotpot all the time it's really really good the any of you guys go to LA you got to go to San Gabriel get the Asian food it's really really good so Tahir over to you Santa Clarita go to add new city alright so you guys can see now we have apartments prices and we
Also have city so after we've added these in we need to go to our listings...
48:46
also have city so after we've added these in we need to go to our listings and we need to add those into our property so click on edit now we have this apartment right here so what kind of apartment is this is this a one or two say two bedroom so basically you select whatever you want so I'm going to Google it one bedroom now what price is this so basically you see it what you understand what we're trying to do here the taxable is that we created we need to apply it to the certain property so how much did I put this property for I put it for around $2,000 so I'm just like one to two thousand dollars oh I'll make it $1,900 now because that makes a little bit more user-friendly rate so right here I have one thousand two thousand dollars now what city is this in I'm going to taste in Los Angeles okay now remember you can add in your own like a one or two bedroom you can add in like one or two baths you can add in basements whatever you're trying to accomplish so we've added in the city the price and we have a one-bedroom so
I'm going to go ahead and go to update now let's go back to our main website...
49:48
I'm going to go ahead and go to update now let's go back to our main website right here and now let's go ahead and add in these filters on the sir box so I'm gonna go to customize and we're going to go to our widgets our home featured no it's home top home top and this right here controls this section right here so right here I'm gonna click on this drop-down arrow and now you can see we have these tax money show up so we have apartments prices and we also have cities so I'm going to click on each of these so right here you click on save and publish so now we have the apartments right here so I can select ok I have a one-bedroom the price now the reason why these only show up is because that's the only one available we've only made one property the minute you make more properties it's going to expand it so remember we have a went bedroom we have one thousand two
Thousand and we have say Los Angeles so now we'll click on search properties and...
50:50
thousand and we have say Los Angeles so now we'll click on search properties and there you go we have our listing right here you can see we have the hot listing and it shows all of our information so let's go ahead and create another one let's just go ahead and create one or two more and then we'll add in the next section which is this section right here which basically listed properties so I'm going to go ahead and add in like maybe one or two more to get you guys comfortable to make sure you fully understand how to create a property because that's probably the most one of the most important parts of this tutorial right I mean you have to know how to use it so right here under plus new I'm gonna go to listing now I'm going to simply create a new listing I'm just going to go ahead and copy one of these ones right here just because I don't know like an address so I'm just going to simply copy one of these right here we go to click on this and go to edit listing or you have to login to WordPress so let me go ahead and login to this other website right here and I'm going to simply go ahead and just go ahead and take all the dummy information
Cuz I'm too lazy to think of new stuff guys so sorry ever click on this and I'm...
51:53
cuz I'm too lazy to think of new stuff guys so sorry ever click on this and I'm gonna go to edit listing and I'm simply just going ahead and copy and paste everything alright so my title so I'm making a brand new listing this is my title right here scroll down here I have the price now right here you're going to want to put the image again so click on add media and I'm just going to go ahead and select the same one we did before because you know at this point I'm just doing this just to show you guys how this works now right here I'm going to do size full size and do alignment to the left and insert into post alright and then I'm going to simply just I'm going to just put something like I don't know oh sorry about that I'm go ahead and I'll have to redo that didn't mean to do that whoops whoops insert in a post and then I'll put something like this is let's
Get a really cool place now features so remember how earlier we did pets allowed...
52:55
get a really cool place now features so remember how earlier we did pets allowed pool and we'd also did short-term rent so right here we do pets allowed and you can just type in like tests and see how it already comes up so pets allowed and I'm only going to do pets allowed for this one now I'm going to say this is a two bedroom and this is the option of two to three thousand dollars because our price is between that amounts and the city I'm going to say it's in the city of Santa Clarita and the address I'm go ahead and just grab all these fake addresses right here okay then we'll just we'll just do Rosemead California 9 1 7 0 just go ahead and put in some square footage and the Google map will go ahead and add in one ride right here on the same one send a text
Editor so there is the text now guys you might want to put the text in first...
53:58
editor so there is the text now guys you might want to put the text in first because this image might actually confuse you so you might want to actually get rid of the image and then put the text in first and then you know put in the text so I'll just go ahead and show you guys I'm talking about so right here you probably want to put in the text like I said and then at the end you can add in the image so it doesn't confuse you all right over here I'm gonna simply go ahead and copy this and I'm going to paste this right here right there send a text editor all right so we have all these other things selected right here now also remember the contact form if you want to get it you need to go to ninja forms right here and simply go ahead and grab it but I'm not going to do that right here under add media I'm going to we can do something like create another gallery you know select maybe three images create this gallery right here an intro test now we can also change the size of this so if you guys want to have like a different size like large or medium you
Can go ahead and do that you can change the column amount as well but I'm just...
55:04
can go ahead and do that you can change the column amount as well but I'm just going to go ahead and just do medium yeaji medium so you can see the images are kind of looking a little bit different alright and custom text I'll put the best best deal it is the best deal all right scrolling down here we have our SEO now these are basically how appears the search engine so the title level you can play them like a best reel or best best house Santa Clarita now for the Meta Description see right here this is basically the text in the search engine so let me give you an example so I'll do some like Santa Clarita now you see this stuff right here this right here is the metadata now you can also use the Yoast plugin to sort of help you with this and I do have another tutorial that it's completely free it doesn't cost you anything you can go ahead and put in this now meta keywords this and
This is actually kind of outdated because Google doesn't use you know tags...
56:05
this is actually kind of outdated because Google doesn't use you know tags anymore for for metadata so this is a little bit irrelevant and if you want like a redirect URL I wouldn't mess with these settings guys we don't know what these are these a little bit more for SEO purposes so I would recommend watching my Yaffe's tutorial before you decide to jump on things like a no index or nofollow because you guys probably don't know what that is so I'm going to go ahead and ignore these settings right here and right here I'm gonna click on set a featured image I'm going to select uh let's like that one of these ones right here anyway yeah this one and then it's going back over here looks like we're ready to go looks like we are ready to rock and roll so I'm click on publish now guys I didn't put a lot of description in here so again I'm just using this just for 2:12 purposes so you might want to make this a little bit more descriptive but I'm just showing you how to create listing and don't forget that when you create this you need to actually put in the center text editor and click on that
And simply go ahead and put this wherever you'd wyatt's I can't forgot so...
57:05
and simply go ahead and put this wherever you'd wyatt's I can't forgot so I'm gonna go ahead and put this somewhere right here actually I probably ought to put it under this one right here I'll make more sense all right so let's click on View listing now and there you go so we have the the title right here now we need to put the image so again guys to put the image simply go ahead and click right here add the image and make sure the image size is 900 by 850 so I'm introduced into the post click on update view the listing and voila so we have picture right here now if you write here as a caption it says that because remember we care that gallery earlier and we caption the title so if you don't want this right here you can go ahead and just make sure you don't caption it when you make the gallery and this will not show up right here so this is a really cool place we have the price we have the address we have all the stuff right here we have
Our YouTube video we have our Google Maps etc and we also have more pictures...
58:06
our YouTube video we have our Google Maps etc and we also have more pictures right here with the light box that opens up so people can see exactly what's there now going back over here I want to show you something so remember earlier how we talked about the filters right here for pets allowed so if I click on this you're going to see both of these appear because remember earlier we made the same apartments and we made it with pets allowed so you want to make sure that those filters correspond to whatever you're trying to accomplish okay so right here we go to you home now let's go ahead and fix the home page right here so I'm gonna click on customize now widgets under the featured go ahead and select add a widget for your featured and select the listing search so right here we're actually going to put this underneath this one and I'll explain why we do that just a little bit so we're here I'll put love me like I don't know it puts like find your new home and
We'll go ahead and select apartment prices and see save them publish now...
59:07
we'll go ahead and select apartment prices and see save them publish now over here under the home top we're going to go ahead and delete this one we do not want that there and as a result your page should look like this right here where the image stretches across the full width page and right here we have the properties and again we can always search for properties right here and find out you know whatever we're looking for so again you know pretty cool all right so now let's go ahead and keep going so just like we had it over here on our current website so we've done this section right here we've used this little search box now right here let's go ahead and add in our listings so over here I'm gonna go to customize so we go down to our widgets and right here we have our home featured which corresponds to this area so now we have to do our home top which is going to correspond to this section right here okay so right here I'm gonna go to out of widgets and
I'm going to do featured listings and go ahead and give yourself a title so you...
01:00:08
I'm going to do featured listings and go ahead and give yourself a title so you can put something like I put over here our new apartment so our new apartment and now you can see that the gallery that we're listing is starting to appear so how many also do you want to appear right here well we can put 10 so now you see every single time you make an apartment it's going to show up right here okay now I'm going to do I'm want to do one more really quick guys I'm kind of a perfectionist I want to make it look you know clean for this tutorial so you guys understand a little bit more so right here plus new listing and I'm just going to put in like a Valley Boulevard okay and I'm going to put like dogs allowed no I'm sorry tent allowed pets allowed I'll do one and two bedroom I'll just go ahead and select like two or whatever just as you know show the filters everything else and we're just like the featured image and I'm simply
Just going to put this in and I'm not going to add anything else guys I just...
01:01:13
just going to put this in and I'm not going to add anything else guys I just want to give the website a little bit more decor and everything else so I'm click on publish okay now let's go ahead and go back to our website right here and now you can see that we've actually had this now the reason why nothing appears because I have to basically add something in so I'll put it something like a hot listing hot listing price will do nine hundred bucks and then we'll just do this one that's course this is what I used to live a long time ago I went three one one square feet there we go we'll go ahead and send that in right there now I'll go to updates and we'll go ahead and take a look at it one more time all right so we have 900 bucks I didn't put the dollar sign right there so I recommend whenever you do this to put the dollar symbol so people know what it looks for so you guys can see it's already starting to come along you know the website is starting to look pretty good so we have this section now
Let's go ahead and do the next section right here so scrolling down here we...
01:02:15
let's go ahead and do the next section right here so scrolling down here we have this section right here okay so let's go ahead and go back over here now guys I also want to go back to if I go ahead and close these other boxes right here just the Asian press websites where we got the CTO press they also have documentation and this will really help you guys understand everything so if you guys are having problems with something they have their basic settings and I'll put this link in the description for you guys to make sure you guys know where to go in case you guys need help so you know how to configure certain stuff because sometimes when you're doing stuff in the world of WordPress guys sometimes weird stuff happens with no explanation and people like leave me comments and hey you know my image isn't working out well or something it just kind of happens guys the end it's it's just the way things go sometimes you just get unexpected errors like that so if you do run to problems like that they do have a a help desk right here or you can like learn a little bit more about stuff like that so
Right here I'm gonna go to this little documentation right here and they show...
01:03:15
right here I'm gonna go to this little documentation right here and they show you how to configure these little widgets and this would be a long time to learn but it's really not that difficult so I'm gonna go ahead and just copy this paste right here now I want you guys to do the same so there is a actually this is actually the description of this video so you don't need to like go to this website and we're going to basically copy them verbatim alright so under the home middle I'm go over here and go to customize okay so we're at our front page now under widgets I want to do home it'll add in a text okay and this can be something like over here into something like we know the markets now in grammar this doesn't make any sense but in the world of web design you always want to capitalize the first letter of every word because that's just what people do online I don't know it's just it looks good then everybody does that so it just it kind of looks good so right here I just copy
I pasted that and we have don't worry you know find a pro and this for you...
01:04:17
I pasted that and we have don't worry you know find a pro and this for you here is h1 class you guys can learn more about this a little bit later but h1 is basically creating a header now the main thing that you need to understand in this little section right here is the wording so don't worry find a pro go ahead and put in your own text and right here we have button line right I would leave that now if they click on this or do you want them to go so you hear this little this little number sign is go ahead and backspace that and put whatever you want so you can put like your website or whatever part of the website now remember you can always come back to this later so I understand that you might not need to put this in right now because we don't even have a contact page yet so we can always come back this later but I'm just showing you how to use it and also remember it must have the HTTP - two little brackets okay just to give you a heads up because if you don't have that it's not going to work
So I'm going to go ahead and give you as an example right now I'm going to go...
01:05:18
so I'm going to go ahead and give you as an example right now I'm going to go ahead and close this and scroll down here now I told it to go to my website so if I click on this it's going to go to my website HTTP com - Darrell Wilson comm which is my website okay so I'm just showing you how to actually make that work okay so let's go ahead and go back over here and we've done this section right here now this section right here is our blog and this is the e news listing remember that plug-in that we installed earlier that we probably didn't understand what it did that is what it does it creates a little box right here and people can subscribe and I'll show you how to do that just a second so right here under our widgets under middle area one we have the text so middle area - we can go to click on add a widgets and we can go ahead and scroll down to featured posts okay now actually right here we can probably add something like our box instead so maybe
We can go ahead and delete this one middle area - you might want to add in...
01:06:19
we can go ahead and delete this one middle area - you might want to add in the e-news extended right here so right here I'll put something like I don't want to put over here get our listings a text to show before the forum so text to show before the forum so right here I put stay up-to-date with our listings stay up to date with our listings text to show after the forum and I put we won't spam you don't worry so you can go ahead and put that in right there II won't and you don't worry now over here I'm just going to go ahead and put in like an email first name last name and then I'll go ahead and just leave that there and then right now I'm just going to go ahead and put in a number sign we're going to come back to this a
Little bit later and I'm going to talk about MailChimp...
01:07:26
little bit later and I'm going to talk about MailChimp and how to get a free MailChimp account and show you a little bit how it works but for right now I don't want to go to email marketing just yet because I want to first design the website so under the form action just leave a little number sign and we will come back to this just a little bit okay so when back over here we have a middle two and middle three so also guys if you if you really want to understand like where those are you can go to this page right here same thing guys middle one controls this section right here middle two controls this section right here and middle three controls this section right here now you can design or customize this any which way you would want so you can have your blog up here you can have your listings down here you can mix and match you can get is decorative as you'd like but I'm just going to go ahead and keep going to show you you know how this actually works alright so just like on this
Section right here we have our blog so over here I will go to middle section...
01:08:26
section right here we have our blog so over here I will go to middle section three and simply go ahead and select our featured posts and I will go to save and publish and then click on X now we don't have any blog posts so we need to actually go ahead and create one so over here under our dashboard here two posts go to all posts now this one right here is default with WordPress so it comes up automatically so I'm gonna go ahead and trash this we don't need this and I'm going to go ahead and click on add new and we're going to make a new post so basically your blogging at this point you're kind of blogging so I'm going to do like the best apartment in Los Angeles now here's an edit with Elementor we're not going to use this just yet but you can always use this to decorate your blog post page but we're going to talk more about Elementor a little bit later when we create our pages so right here go ahead and put in some texts whatever you want you know of text so I'm gonna go ahead
My secret website right here my secret website and get some dummy text all...
01:09:27
my secret website right here my secret website and get some dummy text all right and then I'm gonna go ahead and and paste this in okay now you can also make categories for this so right here I'll put like you know la apartment because maybe on your blog page like on your on your website you only want a certain category to show up so I'll talk a little bit more about it just so you understand a little bit more about that and also going to add like a picture and go to add media right here and add in like a picture of this it's a really big one right here maybe that's too big I can kind of edit that make it a little bit smaller and scroll down here our featured image you want to go ahead and set a featured image and that's going to be the image that appears on the front of the page so I'm gonna go ahead and select I'll go ahead and select this one right here yeah that one will do this
One right here okay and we have the SEO game settings again we have the layouts...
01:10:27
one right here okay and we have the SEO game settings again we have the layouts and of course you can select like whatever layout you would like so if you want a full width blog post you can go ahead and select that and that's that but as you can you know chose kaleil you want but I'm going to select this one right here and I think that's it for now so I'm gonna click on publish and right here we click on View Post so if these are very very basic you know these are very easy to understand so this is just the image right here this is just text and that's basically it you know so that's basically how you make a blog post and if you go to our front page right here we can go ahead and scroll down and right here it doesn't appear our featured image because we need to actually set that on our settings so go to customize and we're going to go down to widgets and remember we're doing the middle three section so remember this section corresponds to middle three all
Right so featured posts now we need to make the featured posts show so right...
01:11:27
right so featured posts now we need to make the featured posts show so right here with this show featured image want to click on that and you guys can't see it too well but you see the image starting to show up right here now we can actually set the thumbnail size we can make it bigger we can make it really really big or we can make it just a medium size and you can go through these settings right here so a lot of these are very self-explanatory like show post title show post information show categories you can show the author Gravatar you can you know kind of mess around with these settings a little bit now I'm gonna click on save and publish and close this all right now scrolling down here so we have our featured image the one that we set we have our title and we have a small description so if you want to keep adding more in you can go ahead and keep adding more in so up here post and that is basically your blog section so whenever you blog it's going to show up in this specific section right here alright so let's go ahead and do the next section so we did our listing section which we will come back to we
Did our blog right here we have this section right here now guys this is...
01:12:28
did our blog right here we have this section right here now guys this is totally optional you don't have to have this but it's just an extended feature for your website so going back over here we go to customize so widgets home bottom right here so we need to go ahead and click on add a widget and right here we have the Genesis featured page okay so featured page that means we must create a page specifically for this section so right here I'm going to do something like la apartment or I don't know whether it's a good title for I don't know like the best best places the best la apartments now what page do you want to correspond to this well we made it a la apartments page earlier right so I'm going to click on this one right here and I want to do set the featured image because we're going to edit that
In just a little bit and I want to go ahead and put 300 by 300 and I want to...
01:13:30
in just a little bit and I want to go ahead and put 300 by 300 and I want to show the page title and that's it I don't want anything else so just like this section right here we have the title you have the image and then we have this section right here and then we have the actual page itself okay so going back over here I'm going to save and publish now let's go ahead and go to our page so over here under our dashboard we're going to go to our page go to pages all pages I hear it as Ellie apartments we're going click on edits now we're not going to create this you're not going to use elements or just yet we're going to use it after we design our footer and sidebar so scrolling down over here we want to go and select a featured image so we can select something like I don't know whatever whatever people do these days and see I will add this one this one's good or this one this one's good and set
The featured image and I have LA apartments right here and we'll click on...
01:14:29
the featured image and I have LA apartments right here and we'll click on update so you can add all sorts of stuff but don't worry we'll come back to Elementary in just a little bit I want to keep going and show you how this page water works so scrolling down here now you see that we have the best la apartments we have the page name so la apartment and we have the featured image right here if they click on this it's going to take them to the actual page but we haven't decorated yet not to worry we're going to go ahead and do the footer and then we are going to do the sidebar and then we're going to get a little bit more customizable with the elementary page builder okay so let's go ahead now and do the footer section so just like we have over here I'm going to go ahead and go grab some text right here from this website and we're going to do the the footer section not the sidebar and then we have the footer widget area okay now also I want you guys to copy this description or this this this text right here it's
Actually really really helpful so this is also in the description of this video...
01:15:34
actually really really helpful so this is also in the description of this video so going back over here I'm go to customize so widgets we've done the middle we've done the bottom we need to do the footer now so footer add a widget now we're actually going to select the Genesis user profile so right here whatever you want to talk about yourself go ahead and put it right here so I'm going to put something like Darrell Wilson and we have the Gravatar pick I'll go ahead and put a 65 pixel oh don't worry we'll decorate the image in just a little bit now you can do author bio which is the general settings in WordPress or you can actually go ahead and talk about never you like to talk about so our company rips people off so your text will appear right there and of course guys you probably don't want to put that but you know this is just for show purposes and then right here you have a
Link so let's say you want to link a different page on your footer so right...
01:16:35
link so let's say you want to link a different page on your footer so right here you can do the contact us section then under the read more if they click on read more it will take them to your Contact Us section okay so we'll click on save and publish we're going to click on back so I'm sorry to put our 1 now right here click on a little arrow and we want to go ahead and add a secondary widget so I'm gonna click on add a widget Namah scroll up right here or I'm going to find these social media icons and see if we can find it there it is so simple social icons remember how we install those plugins earlier well that plug-in gives us the ability to put in social icons so like follow us now you want to open these links in a new window probably yeah I don't want them to leave my website so you can actually go ahead and you know decorate the icon color the hover color you know all this stuff but I'm just going to go ahead and put number symbols these kind of like
Corresponds are just like blank stuff all right so you can see the social...
01:17:35
corresponds are just like blank stuff all right so you can see the social media icons pop up now remember whatever URL you have for Flickr or for Facebook or for Instagram or LinkedIn you're going to put the URL right there and make sure you put the HTTP - first okay do not forget that because if you don't have that it might not work alright so this is pretty self-explanatory guys the URLs for all your social media websites I'm not going to like you know go too far into this so that's basically how you you know set up the social icons right there now I'm gonna come on save and publish go back over here and under footer to remember how we have that text from earlier I'm going to go ahead and select the arbitrary text right here and simply go ahead and paste it right there okay so we have this text and guys this text aligns perfectly so remember although all of those Texas guys is on the front right here this is a description okay so this right here is the description now I know there's like little like weird things and if you guys
Are brand new to WordPress you might not understand what this is but these are...
01:18:37
are brand new to WordPress you might not understand what this is but these are basically just headers that's what these little things are has headers so I change this to h1 and this one to h1 it's going to be a little bit it's going to be a little bit different see how it's bigger but we actually had it for h3 tags it's just kind of like making the header bigger or smaller okay so right here we put all so this is an example so right here we have div class one third so this this is like a little bit of code you would really need to like you know put all that in but we can just go ahead and nor that now what I do want to show you that this section right here is talking about this section right here so you're going to put in your address right here so put it in the city and then go ahead and put in the address right here and also right here is where you want to go ahead and put your Google Maps location so let me just go ahead and show you how this works so I'm gonna go to Google Maps now that guys this is if you want the maps you don't have to do this this is just like totally
Optional we're going to go to pasadenian again and I like that city where we're...
01:19:37
optional we're going to go to pasadenian again and I like that city where we're doing Pasadena so I'm going to click on share now I want to show you are L so I'm going to go ahead and just copy this go back to our websites now you see right here where the a starts and the K ends and it has to stay in those little parentheses so right here I'm gonna go ahead and simply pick paste OOP okay and of course you want you'd want to change the location right here because remember this is corresponding to this section right here okay so I'm going to click on save and publish i'ma click on X and now if I click on that little link you're going to see it's going to take me to Pasadena so right here see location click on that and there you go one was Colorado Boulevard now you guys can you know put it to wherever you guys want to you know put it at you can edit any which way you'd like it so remember I'm just
Showing you how that works you don't have to change in fact you can use a completely...
01:20:39
showing you how that works you don't have to change in fact you can use a completely different widget there you can add another text and talk about something completely different but if you want that same style that one I have you're going to have to do it like that's okay so that's basically a quick rundown of how you can decorate the footer and you guys feel free you can add in like more stuff you can add another widget you can add on the calendar you guys can have any widget any which way you want to get customizable you can go ahead and do that now I'm going to go over here to my dashboard and we're going to decorate our admin so right here users all users I'm going to edit so here they're Wilson now also we can put like a little image of ourselves right here we can put some information about ourselves so here I'll put like we are the best company ever and also you want to go ahead and go to Gravatar and change your file now this does take a little bit of time so I'm not going to go into that so
Feel free if you choose to do this method you can create your own Gravatar...
01:21:39
feel free if you choose to do this method you can create your own Gravatar etc but I'm going to go back to WordPress right here and just simply go like where the best company ever and you know add in some other stuff and go to update profile so by doing that if I go down on my footer right here it's going to start like talking more about the author if someone tries to like search your information button let's go ahead now and go to customize and I wanna go down to widgets I'll go down to footer one now we have the user profile so right here we have the admin but we can actually change this because remember this is actually going to be the what's it called this is going to be whatever you want to put in your author bio for WordPress that's what's basically going to show up right here okay but if you want to completely change it you can always just do like custom text and then you know you can put whatever you'd want etcetera so you can also like take off this or whatever now if you wanted to put the image you're going to have to add in a
Gravatar image so you're going to need to sign up for that service it's free...
01:22:39
Gravatar image so you're going to need to sign up for that service it's free it's just a little bit more time-consuming so just like I have it on my website right here I have my Gravatar right here and very simple guys it's really easy just going to follow the steps and it'll it's a piece of cake all right so we've done that section now the last thing I want to do before we talk about anything else is I want to talk about the tight bar so right here click on this now you see right here we don't have any we have nothing it's weird you know it doesn't look good so it's very very simple to decorate this and I'm gonna click on customize right here you can go to widgets and go to primary sidebar now right here click on out of widgets and guys all you need to do is add in whatever widgets you would like so right here a lot in this one you know just like that earlier I'll do like a subscribe and then right here I'll just put like a form action email Derral all
This to first name okay so there's one and of course you get you can add in...
01:23:37
this to first name okay so there's one and of course you get you can add in whatever text you want before after I'm just showing you guys how this works primary sidebar so let's add another widget you know add another widget let's scroll down and right here we'll add in like a closing cost calculator we'll add another one and we'll add in another one mortgage calculator so now on the right side we have all of these little widgets on the right side and these are for our guests so if they want something like loan information they can go ahead and learn all about all the stuff right here now I am NOT a real estate agent so I'm not really sure what all this stuff means but if you are a real estate agent you probably do so I'm in the business of WordPress tutorials I'm not in the business of endorsement fees or I felt like a bride you know endorsement fee you know like people always yeah like lobbyists you know so uh let's go ahead and close this right now so let's go
Down and take a look at our listing it is beautiful it's just like the demo and...
01:24:42
down and take a look at our listing it is beautiful it's just like the demo and it looks really really professional and of course we have our footer following us on every single page now there is one more widget that we need to talk about and it's totally optional you don't have to have it now also if you guys wants to decorate widgets you guys can go into the backend right here on widgets and you can actually change everything right here you don't have to this but I like to use the front-end editor because you can kind of see what's going on as you do it by going to customize up here widgets and then you can kind of see what's going on you know it's better but you can always use the back end but I would not use the back end because you can't see what you're doing so right here on our disclaimer do you have a disclaimer you do go and put it in I'm going to add a widget and I have a disclaimer for this website so I'm gonna add in the text widgets and I'm gonna put something like disclaimer and then these oh I totally felt that
Wrong these are these are not current prices and then I'll save that so...
01:25:40
wrong these are these are not current prices and then I'll save that so basically you're just letting people know a little disclaimer about your website or what if you want to talk about that's you know this isn't the current website or would you know whatever you want to go ahead and put in there you can go ahead and add that in right there alright so all these options right here guys are pretty self-explanatory like color schemes you can go ahead and change this to like gold so now we have this blue right here cages to gold change it to green change it to whatever color you would like and I kinda want you guys to go through all these and kind of have fun with these you know just kind of additional CSS you're not going to use that's more for coding so you guys won't understand anything about CSS content archives you guys can go through that for blogging comments and backtracks you guys can enable comments on posts or pages I will I don't recommend that breadcrumbs
I wouldn't use breadcrumbs either not unless you are fluent with SEO color...
01:26:44
I wouldn't use breadcrumbs either not unless you are fluent with SEO color scheme again you can change the color a site layouts you probably want to leave this because you can change the site layout for each specific page a menu that's if you don't want to have this you can add pages above its but I don't recommend that header image this is basically your logo so if you do have a logo and you guys can actually go to fiber comm there's a link in the description for that and that's where you can guys can go to get a logo so really quickly I'm gonna go ahead and show you what Fiverr is it's a really cool website and you can get a logo for like $5 and that's probably one of the only things I recommend on Fiverr they have a lot of like shady stuff but these guys are actually really really good so let's go ahead and take a look at one of their logos right here I mean you get a little like this for five dollars you know it's pretty incredible so these guys are actually pretty good you pay them by five or twenty bucks and they'll make you a logo and then once you get it make sure that you want to resize it to 320
By 800 also let them know and remember you can go to picmonkey.
01:27:44
by 800 also let them know and remember you can go to picmonkey.com to learn how to resize your logo okay because I show you how to resize the image okay so let me see actually I see if I have one right here I think I have one just for like demo purposes let me see if I have one here I don't know if I have it it was like a pic monkey picture doesn't go all yeah it is so 320 by 80 okay and you know this doesn't look good because it's it's out of like resolution everything but I'll just going to show you what it look like so now you can see the logo appears right there okay and you also want it as a PNG file not a JPEG a JPEG will leave this white background the PNG file will leave that transparent look so people can actually see the background and your logo will appear in front of it so it looks a little bit more cleaner alright but I'm going to hide this image I like to see I like this right here that's actually kind of cool all right site identity we went through this the
Background image we went through this Oh as well okay so you guys have any...
01:28:45
background image we went through this Oh as well okay so you guys have any questions about any of this stuff feel free to leave me a comment I know it can be a little tricky at first when you're first doing this but rest assured it's really really really easy okay so let's go now and do some more exciting stuff so we need to learn how to use this page builder because by default this theme only gives us the front page but um we need to actually learn how to decorate these other pages now one more thing I want to talk about before we do that is I'm gonna click on one of these apartments right here actually no I'm gonna click on this year here there is a secret page that most people overlook so I want to go ahead and talk about it so this right here this page click on edit apartments so if you guys want to change anything from like this section you guys can go ahead and do that but I want to actually show you guys something a little bit more important so I'm going to click on update and go back right here we're back
Okay so right here I want you to click on customize all right and now go to...
01:29:47
okay so right here I want you to click on customize all right and now go to widgets now right here you can actually change stuff right here on the page so you can do like listing archives so right here I'm a click on out of widgets and I'm going to simply go down to something like a text widgets and then I'll do like our listings okay so make sure you put this because this will actually give your your stuff more feel and you can add in like text you know like these are amazing but I like just the I like just the title right here I don't want to put this because it doesn't look that good it's actually kind of like looks bad but you know our luxury luxury apartments okay that is perfect so I'm gonna click on save and publish now whenever someone has a search filter or whenever someone's trying to find something they're going to see this always appear okay and I think it's good because it just looks
Professional so I'll go over here I'll search to something else did we do one...
01:30:48
professional so I'll go over here I'll search to something else did we do one for Los Angeles I don't know I think was technically Rita I think we did it for Santa Clarita as I remember it was Santa Clarita Oh is a two-bedroom you had a two-bedroom in Santa Clarita yep so right here our luxury apartments so whenever you have a listing appear this is going to show up so don't forget about that I actually forgot about that in my tutorial when I was like at the end of it when I was kind of messing around with this and then I found out there was that feature like oh man I didn't know about this you know so I had to like put it in my tutorial so make sure that you understand that you can edit this page as well okay so I'm gonna click on home so now let's go ahead and do the fun stuff let's go ahead now and use the elementary page builder because that's by default this theme does not have a page builder so you really want to make sure that we actually use a really really cool page builder so let's go ahead and get started so I'm going to go up here to edit page and right here I'm gonna click on or
Actually it's going to look like this right here so it's click on edit with...
01:31:50
actually it's going to look like this right here so it's click on edit with Elementor and then you're going to see the page load like this now the great part about this page builder is that they have many templates so right here if I click on add templates they have tons of templates that you can download so it's really really cool and really really easy so you guys can see I actually use a template earlier now there is a pro version for it and I do have a coupon code in the description corn ass so if you're interested in that it will give you access to more of these Pro features but so let's say for example you want to go ahead and upload any one of these you can just click on insert and then will automatically create the entire page but I want to teach you how to use this page builder and not to teach you how to use templates so right here simply add a new section and we have these different rows so let's say for example you want to add in a three column row right here and right here you have these different boxes so right here let's just say I want to go ahead and add a I con box so that's it add an icon box and right here
You can have like the view like stacked or frein or however you wanted you know...
01:32:50
you can have like the view like stacked or frein or however you wanted you know mess with it and you can change also the icon so right here instead of having that you can nest them like this you puts like about us or so I don't know what people put today reliable reliable and then here with like a our company is very reliable number one in sales okay we can also change the icon position something like middle right something like that and here we could put a link so if you choose to have this where somebody wants to click on it you can actually put in your URL right there but for me right now I'm not going to do that now also for style so here we can change the primary color and you can actually change the size of this you can change the spacing so for example to make it like that so we can make it bigger so it's a very easy page builder understand just by looking at this so
Far it's very very easy to understand so it's not difficult so let's just say I...
01:33:50
far it's very very easy to understand so it's not difficult so let's just say I cool I have this one right here another thing you can do is change the color so over here under the the mark I'm sorry the the background on border you guys can like mess around with like the background colors but I'm actually gonna show you guys how it actually change the content color so I believe it is the primarycolour secondarycolour for the text right here I'll content alright content so right here we have our color so you can change this to sort of like any colors you want so this controls like the the color of the text the typography this controls the font so depending on the font that you want you can have something like you know Tehama or you can change the boldness of it you can get really customizable here you can literally change everything you want about this so that's what makes it schedule they're so easy to use you can also do the letter spacing and again the description which
Is this part right here you can change that to something like black and also...
01:34:54
is this part right here you can change that to something like black and also you can you know choose to have like a different typography for that as well okay so I've just made one box now the reason why they call this the drag-and-drop builder is because all you need to do is basically create these columns and simply drag in any of these icons or widgets into the box so let's go and add another one you know let's just say we want to add in something like a will add another icon alright so this one right here you can see it's just the icon itself and it doesn't have the text so it's a little bit more basic so I don't want to use that but I'll go ahead and use the icon box again and then I'll click on this right here and I'll just use another icon box so pretty simple guys pretty self-explanatory so you can change this something like this is the best tutorial and then right here you guys can put something else again you guys can change the icon color the
Style you can change the spacing the icon hover so basically when you hover...
01:35:56
style you can change the spacing the icon hover so basically when you hover over it what do you want it to do so again we'll do something like this you hover over it you see how it has animation and it turns green because that's the color I want to select it you guys can also do like you know the background and border responsive custom CSS you guys can do all sorts of really cool stuff so I'm not going to go too much into all this because I want to keep going I just want to kind of introduce you to the fundamentals of the page builder so clicking on this so we have this section right here but let's just say you want to add another section so it's simple just click on this right here and we'll click on DC right here so right here maybe you want to add an image you can add in an image of one of your properties there you go and of course you can change the size of this so you can change it to however you want but I'll go ahead and leave it as large you can add a caption to it so the
Best or the new the newest listing okay and of course for the style you can...
01:36:54
best or the new the newest listing okay and of course for the style you can change the size of it the opacity you can have a hover animation so if you hover over it it will change you can add a border radius to it or a box shadow so box shadow basically gives it that little shadow around the box and it's Conner to see but now you see how I increase it and decrease it you can kind of see it it kind of emphasizes the image itself so it's pretty pretty cool you know if you want the box image you kind of kind of mess around with it a little bit and also under the Advanced section you can have an entrance animation so basically when you scroll down to the page how do you want it to enter so right here you can have like a zoom in down they have a rotate in they have a really a lot of cool animations so it's a really really easy to understand the animation duration you can make it slow or fast or however you want it for the background on border you guys can add like a background to it's like a classic one or whatever you want
To add right here responsive you know you can hide this on certain devices...
01:37:58
to add right here responsive you know you can hide this on certain devices okay now let's take over here you want to go ahead and add in a different text right here so maybe you want to edit something like a you know they have testimonials and social icons I'll just go ahead and add in a what you got in C will add in just a heading right here so I'll add in a heading and I'll go ahead and Center this so this is we'll put our new listing okay our new listing and then I'll Center this and then I'll put something like you can make sure to contact our office about the property and of course we can change the size of this to something like large or we can change it to you know XL or however you want it to do that now over here under the dance we can actually set a margin so I'm going to teach you a little bit about the margins so right here I'm going to
Something like 30 pixels so you see how I'm basically pushing it down so...
01:39:01
something like 30 pixels so you see how I'm basically pushing it down so basically think of the margin like space but not really because padding is also space margin is where you want it to start from so padding I want 50 pixels from the top so that's an example of padding now if you want to basically make it so it's not everywhere you can just hump a deer right here and I'm going to go link these values together now I only want the top to have 50 pixels so maybe I want a little bit more something like this right here so you can see the image of it and then right here there's text of it saying hey you know make sure to check this out it's really really cool and you guys can you know go through these settings again they're all the same settings you know all these are basically the same so once you lend it for one you basically learn it for all of them now I'm going to go back over here and maybe you want to change our content our content color is a little strange so maybe something like black and gray or something like that okay so that's basically a self-explanatory method
About this now for this section again if you guys have any questions you guys can...
01:40:02
about this now for this section again if you guys have any questions you guys can actually I actually have a separate tutorial for this page bowler it's about three hours long and I go kind of in-depth on every single module but I also want to show you guys a lot of cool stuff they've introduced since I made that tutorial so right here we have like be content with now I recommend having it as box right here because this page style is basically sort of boxed so if we do it like stretch the whole page it's going to actually stretch any image that you put we passed this section but in this situation this works but I recommend just leading it like that but if you want it stretch all the way across you can go ahead and do it like that okay and also scrolling down here you have different things you know like um you know content position the height of this the column gaps so basically you don't want any gaps etc so I'm gonna go back over here just style now I want to show you guys something really cool about
This page Villard and this was actually introduced after I launched my tutorial...
01:41:04
this page Villard and this was actually introduced after I launched my tutorial on udemy which I'm kind of upset because it's probably one of the best features it has to offer a shape divider so change dividers are basically shapes that you can add above sections now this is probably my favorite thing about this page builder so you can add stuff like this right here and it's really really cool you can on the bottom now you guys can add any sort of stuff you want like zigzag and you'll just have to go through all of these to determine what you want so we have you know they have zigzag they have this they have arrows they have all sorts of really cool stuff so I'm going to do something like clouds so this looks really really cool and the great part about it is that you can like change the the height of it you can you can flip it you can add all sorts of really cool stuff so you see here I'm kind of like messing around with that so there's a lot of things that you can do with this you know you can invert it you can flip it there's a lot of really great features about this page builder and let's see that like that you know
But I mean this is kind of a bad color guys this is actually like not a ideal...
01:42:04
but I mean this is kind of a bad color guys this is actually like not a ideal style for this site but I'm just showing you the options and things you can do with this it's pretty pretty cool it's pretty amazing so I'm going to save this really quick so again the page builder is basically fully drag and drop now right here under add a new section you can add as many rows as you would like and you guys can you know just click on it select an image right here and then from here you can just you know it'll pick any single one you want now I recommend taking my course on udemy calm now I'm going to be enough calm early click I'm actually gonna show you guys my course because I recommend taking it because I'm very thorough with that page builder it's a free course you don't have to take it or you don't have to pay for it don't worry about it so I am actually the highest rated instructor let's see a elementary page filler there we go I'm actually the highest rated instructor on this website for this page builder this right here is
My class and I have 680 ratings it's a free course and I'm 4.
01:43:04
my class and I have 680 ratings it's a free course and I'm 4.7 out of five star rated it's a three-hour course and I pretty much go in detail on this page builder and everything in it the only thing that's really not included in this tutorial but I wanted to show you was this shape divider this was launched right after my tutorial so I recommend taking the course but just by starters by looking at this it's pretty self-explanatory and it's really really easy to learn ok so I'm going to save right here and now I'm going to go to the dashboard and I want to do one more option before we continue this so right here we have LA apartments maybe I don't want to paste the title to show so it scrolling down here we have hide title remember how we had that plug-in we installed the plug-in remember that yeah so that's basically why we have that so if I go to updates the title for the page will not appear anymore so it's gone you see that quantum 18 that we have so that's pretty cool may refresh
The page whoo that's pretty pretty pretty modern now guys when I said...
01:44:05
the page whoo that's pretty pretty pretty modern now guys when I said stretch the page that's why I don't recommend stretching the page because it just doesn't go well with the theme so I'm going to go ahead and edit this really quick and not put that across the screen because it just doesn't go with the other theme right there so I'm going to leave it like that and go to save now what I recommend that you guys do is actually use a template and then kind of mess around with the template and understand how they got it so over here under contact us know I have to go to view the page I'm going to contact us so right here I'm going on edit the page and now we're going to use a template so edit with Elementor and we're going to add a template so we're going to add a Contact Us section right here and they have a lot of cool templates for you guys so it all needs you is just paste it and then just simply put in your text or whatever you'd want so right here you can see that our using the shape divider really well and these are really beautiful lighting pages this company that really really
Good job at making this page boiler and a great part about is that it's free you...
01:45:07
good job at making this page boiler and a great part about is that it's free you know the only thing you have to pay for is if you want to go pro and get some of these premium layouts or if you guys want to use the WooCommerce features which is selling online so let's go ahead and grab one I don't know what should be grabbed well we'll grab a little grab see here we'll grab this one right here alright so we have a contact us and right here really cool all of you to do is just simply put on our image so right here choose an image simply grab one insert that and then right here click on it you can change the number right here now also you can move the position of this so under the Advanced section I click on this I can change the top margin to like you know 80 and push it down okay now guys my course will teach you all about this and more but just by using it right now I think you can kind of understand a little bit about the page builder because it's very very user friendly and most of the people that's our noodle WordPress will
Probably end up using this page blur because it's really really easy to use...
01:46:09
probably end up using this page blur because it's really really easy to use so also right here we have like another section we can just kind of drag an image right there and simply put it in another you know image and then right here you know you can put something you know like our company's this company is that this call-to-action button I don't want it because we don't need a call-to-action on our contact page so I'm just going to go ahead and just delete that one because we don't really need that now what we do need is our contact form so basically there is no contact form yet so let's go ahead and get that so I'm gonna click on save and I'm going to go to go to dashboard now over here under ninja forms I'm gonna go to dashboard so this is our current form right here and you can always go to settings and kind of like you know edit it and like check it out so ninja forms is actually one of the highest-rated forms and you guys can go to like your your email and your vans you guys can check it out you guys can like add in more form fields right here so you guys can add in like all sorts of cool stuff
Like your address your city whatever you want to add but I don't want to go too...
01:47:10
like your address your city whatever you want to add but I don't want to go too far into ninja forms I kinda want you guys to like kind of mess a little bit and get comfortable it's pretty self-explanatory so for example you want the address you can put the address over there you want the first name you can put the first name there it's just total dragon trust so it's really really really easy to understand alright so I'm going to go back to our our forms right here okay and I'm just gonna take this short code right here that's all I want alright I'm gonna go back to visit site now whenever you want to contact form you're just going to have to paste it wherever you want so I'm going to click on edit with Elementor because we're going to use Elementor to add in this widget so right here under heading you can use the heading simply take that put it right here I'm gonna delete the spots that I want it and I'm going to just take all this and just paste this code right here and I'ma Center it ok now it looks like this right now but don't
Worry once you go ahead and look at your page you'll see that it looks a little...
01:48:10
worry once you go ahead and look at your page you'll see that it looks a little bit more different so you can see it is right there and if you want to use a color all you need to do is just change the basic color of the of the font so I'm gonna go to end with Elementor again just to show you how to do that so here we have like different you know we can change the style of it we can change like the text color or something like black and then there you go it's going to be black on a contact form alright so I'm going to view the page to show you alright so now the text is black and also again if you want to make a new page I recommend disabling the title so that just looks it just looks bad it looks really bad looks old nobody does that no more so scrolling down over here remember to hide the title on any page you're going to want to click on that box and then simply go to update okay so going back over here not going to go to our home page now before we talk about the last section I want to go ahead and give you like a quick facts and tips and things like that if you need help so
First off remember that Elementor and this website the Asian press Pro they...
01:49:12
first off remember that Elementor and this website the Asian press Pro they have community support forums so if you guys need help you can get free help from people they have a lot of cool Facebook groups so make sure to join them as well I'm in them so you might see me you know make a comment or two also right here for your search do you guys want to change you from specific orders remember you will need to create them in specific orders so I did email them and it did tell me the only way you can have them in the order that you would like is when you first create them you need to have these in specific orders okay so going back down here now this section right here if you guys need the script boards there is the documentation on their website I'll also try to include it on my blog so be sure to check that out and again right here you can link this to any part of your website so let's say for example you want to link it to your contact page so right here under contact us all I need to do is simply grab this URL right here and copy that and go over here and now I want to
Show you how to actually put this in again so I'm gonna go to customize now...
01:50:13
show you how to actually put this in again so I'm gonna go to customize now I'm just showing you guys like minor things because you guys might have small dangling questions or you're not really 100% sure about it I think it was a mail to section or it was the middle one section yeah right here so right here you see where it says the href equals and there's these you know signs make sure you put them right there in between everything okay I'm sorry so right here in between the actual parentheses right there okay and so we just go ahead and paste it that was my phone by the way know when someone texts me so alright so I pasted it right there and save and publish okay now also it's going down here you guys know a little bit about the blog now also remember you know you guys can decorate the blog any which way you'd want and this next section right here I'll go ahead and talk about it so let's say you want to add in another page so remember these are pages so when I click on Ellie apartments it's gonna take us to that page that we created right here okay so if you guys you know want to make
More pages on that section all you need to do is um you know add on a specific...
01:51:14
more pages on that section all you need to do is um you know add on a specific page so I'll go ahead and do one more just to sort of you know run you through it so this is for this section right here again widgets it was the home bottom so right here we have the featured pages so let's say you want to go ahead and add in a second page so right here I'll go ahead and say okay featured page I'm gonna go do one more and then right here what like contact us and then I'll go to the show featured image above 300 then also we can do like or how about this one needs questions or still need help that's a go and still need help okay and I'll go to save and publish now the reason why there's no image here is because for our contact page we didn't set a featured image and that's kind of common you know when people don't set featured images for pages but in this specific case you want to do that so I clicked on contact us
Edit page now I'm going to scroll down right here and go to set featured image...
01:52:18
edit page now I'm going to scroll down right here and go to set featured image and select any one of these right here go to update okay now we go ahead and go back to visit site and if you scroll down there you're going to see the contact us section has an image and if you click on that it's going to take them to our Contact Us page ok so you can have as many as you would like right there so that section you can add the four okay let me go ahead and in the background really quick and give you guys just some additional you know settings and everything else so tools you know these are basically things for like importing and importing stuff or importing and exporting stuff you might not use it too much users if you want to actually have more users on your website where people can have their own logging or password you can go to add new and you can simply just create a new user right here and let's say for example you want to have a person log onto your website but you'll want to give them your information you can go ahead and you know put it right here and then for
The role you can have it as a author or as an admin so that person would have...
01:53:21
the role you can have it as a author or as an admin so that person would have admin access okay so for plug-ins again installed plugins you can see the list of plugins that you have available right here and right here go to add new now guys remember there are millions of plugins out there you know and plugins are like apps so if you want to get like recommendations for some you can go to popular and sort of check these out so this is a contact form but you know I don't recommend contact form 7 anymore after the huge updates I recommend called their forms so or ninja forms they're both good Yoast SEO ever tutorial not as well that helps your website get indexed you know by Google better WooCommerce is the ability to sell stuff and I have many tutorials on that as well with e-commerce websites limit login attempts like if you don't want people you know if someone tries to log on your password too many times it'll like block it so guys there's so many stuff that you can you know think of so like I'll just type in anything like products and there are and these are all free now some of these
May or may not have a pro version I don't really know but it's just a...
01:54:24
may or may not have a pro version I don't really know but it's just a limitless on how many plugins are are you know like this is 9999 items and there's just so many plugins that you can use now do I have time to go through all these no I don't I can't go to all these guys and let's go this one's good this one's good you know some I recommend some I do not but the popular ones are their featured also buddypress and BB press that actually helps you create forums and I actually have a tutorial on that as well so if you got interested be sure to check it out it's completely free you don't got to pay for anything and over here pages this just shows you the page that you currently have media this just shows you the images that you've uploaded onto your website listings that's already posted and then posts these are your blog posts and you must basically it guys there's you know under the general settings right here we have like just like general settings like you know your URL membership or you
Know stuff like that the date time etc writing you can go...
01:55:25
know stuff like that the date time etc writing you can go ahead and go through this right here this is more for post via email reading oh this is actually in the the widget section so we don't really need to use that too much the discussion this is for comments like if you don't want people to troll you you know right here we have a comments helper matter for moderation for your blog post media and permalinks which we talked about which under the post name so I basically kind of gone through all these you know they're very self-explanatory it's just really really easy to understand WordPress is it's the number one platform for for hosting websites because it's amazing right it's easy to use so let's go ahead and do the last thing which we are going to learn how to actually add in a subscription box so the first thing what you have to do is go to MailChimp comm MailChimp calm now the reason why I recommend MailChimp is because it's free for the first two thousand subscribers that you get and
Let's be honest you know it's going to take you a while to get two thousand...
01:56:26
let's be honest you know it's going to take you a while to get two thousand subscribers so at least you can my kind of mess around with trial and error and not have to worry about paying anybody so all you need to do is click on sign up for free and go ahead and just make an account and it's going to run you through a little bit of props like you know they want you to confirm your email they want you to make a username and password etc now once you're done with that it's going to take some time I understand so feel free to pause the tutorial and I'll meet you on the login page so I'm gonna go ahead and login to one of my dummy accounts right here not this one I'll do my other ones my Patty one patty is my dog so I just use that for you know a lot of my just for tutorial purposes you know I know I don't want to like you know use my official account so when you first get here you'll need to create some lists now right here you see campaigns templates lists and reports it's pretty straightforward so campaigns basically create campaigns and I actually have a full tutorial on MailChimp in my youtube channel so I'm gonna my youtube channel really quickly right here and just show
You guys I'm actually going to link this in the description it will actually help...
01:57:26
you guys I'm actually going to link this in the description it will actually help you guys out it's a free tutorial it will not cost you anything and this one right here the MailChimp dissolves in milk in tutorial I love these ads yeah I love them so you know it's a very well liked video a lot of people recommend it and I will link the same video in the description because I don't want to cover every single tutorial that I have I'm sorry the other thing in MailChimp because you know the video is an hour long and I cover you know campaigns I cover lists I cover you know ebooks all that stuff like automation all that but I'm just going to give you the very basics of MailChimp so you can at least get started by yourself so the first you'll need to do is create a list now the reason why you create a list is because this is the list where you store your subscribers so right here just create a list and just go ahead and give it a name so right here I'll put something like you know eat what you also want to make sure that a good listing because people will see it my list name on my website is Darrell discounts people know they're getting
Values they're getting a discount so you put like what's a realist Cajun...
01:58:26
values they're getting a discount so you put like what's a realist Cajun newsletter and then you can put like a default email address and this just people will reply to I'll just put my stock one right here and then default from name so Darrell Wilson and then this right here you can write people like how they signed up like you got this because you signed up to my website at the best real agents com just so they know once they subscribe I'm going to say you know why am I getting this you know automation so they're going to see this right here and then right here we can click on save now also for notifications if you want to get notifications when people sign up to your stuff one by one or when they unsubscribe you can go ahead and check these boxes and MailChimp will let you know but I'm not going to do that so - and click on save now right here we have signup forms and we have general forms
Embedded forms subscriber pop-ups generally you want to use just the...
01:59:29
embedded forms subscriber pop-ups generally you want to use just the general forms and go ahead and select now this is basically your form right here so when people click on the link it's going to have like their email address first name last name subscribe to list it's that simple now I'm not going to show you how to decorate everything because I have a full tutorial for that but all they really want to do right here is copy this link right here okay so that's basically all I need from this was the link because this link right here will basically allow people to subscribe so let's go ahead and just paste this on right here just to show you an example oh sorry about that I press something all right so this right here is your SUBSCRIBE box and when someone you know signs up I'll put them like this they're going to get this right here so this is basically a rundown of what people will see and then there you go they're going to have to confirm it in their email address and this is good because going to protect you against spammers trust me guys people will email you about like viagra
And just like anything it felt like anything and you just...
02:00:29
and just like anything it felt like anything and you just got to have you know this is really really good that they've done this so once you get that link it's pretty simple so I'm gonna go back to our website right here on our home page and I'm gonna go to customize now over here we have this section so under the widgets section I believe this is the middle two and right here under the form action all you want to do is go ahead and paste that right there so now whenever somebody goes to go it's going to take them through that box right there they subscribe okay so let me just give you a preview alright so scrolling down here and then right here they'll enter in their address and then right here they'll go say ok I'll go ahead and put it now there is a con to this method that they're gonna have to enter it twice but not to worry because people that are really in should in the listings will do this it's all here to do subscribe to list and once they do that you will get
A notification in your mail chip account and it will let them know that you just...
02:01:30
a notification in your mail chip account and it will let them know that you just gained a subscriber now guys I want to give you guys additional resources a lot of people asking questions on YouTube and other websites where they're like hey how do I do this how do I do this guys I have tutorials for everything I am everything WordPress so here I talked about MailChimp here I talked about PayPal donation buttons here I talked about how to make a forum that lets goes on guys like how to integrate WooCommerce everything so before you guys ask me questions or something salary or you guys just you know want to know just go to my channel go to my channel and you know look for stuff you won't know how to advertise on YouTube if you want to learn how to make a blog its wanna learn how to use the Divi theme I have tutorials for everything so be sure to check out all my tutorials I have many that are very very helpful including the bloom plugin which is like those email pop-ups or you guys can use umami which is another another plugin it's really really helpful this was actually a old web hosting company I made a long time ago but also for Yoast
You know I have a very well-recognized tutorial on Yoast in fact if you just go...
02:02:30
you know I have a very well-recognized tutorial on Yoast in fact if you just go to youtube and type in Yoast SEO my video is going to come up as number one and this is it right here with a hundred thousand views so guys it's it's very helpful and it's all free doesn't cost you anything so just I'm just trying to share my knowledge to you guys without you having to spend money on you know developers or other plugins or other things like that because I know when you're making a website guys it can be very difficult and also if you guys are having a problem and the company themselves can't handle it go to fiber comm actually have a video on where to get WordPress support so over here I have something with WordPress issues now sometimes guys you're going to have to have like a person to help you with like coding or or something that's a little bit above the stretch of WordPress but you can hire developer for just $5 to help you with all of your issues from people around the world so in this video I talked about where to get WordPress help and people that can help you out and it's a very helpful video so I
Really highly recommend this video alright guys so I think that's about it...
02:03:32
really highly recommend this video alright guys so I think that's about it for this tutorial you guys have any questions you know feel free to let me know you know make sure to LIKE this video share it with all your buddies and let them know a this was an amazing story or or whatever also like I said if you have any questions feel free to put them in the comments I try to get to my email guys but I I'm at the point where I just get like 50 emails a day it's almost impossible for me to even respond to my viewers alright so I hope this video is very helpful I hope hopefully by now you guys have like your full website running up and everything it's a really beautiful theme it's really modern and again you guys just don't like it or just doesn't work out for you don't worry you guys can always get your money back alright so thanks for watching my video and I will see you guys later

Related Topics

Get 300 checks per month absolutely FREE!

No credit card needed. No strings attached. 👍