How to Make a Listing and Directory Website With WordPress, Elementor & ListingPro Theme 2.5

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
Hill friends amnesia can train this real teach you how to create a professional and beautiful listings and directory website using WordPress and how to make money with this website this website that we're gonna create in this video is full of amazing and new features in fact it has all the important and essential features and functionalities that a professional listing and Directory website must have let me tell you about few of the core features of this website now first of all you can obviously create a listing of any type for any category and secondly to create these listings you don't have to go to the backend you can do everything from the front end and if you want anyone can come to your website and even they can submit a listing on your website and your users who submit listings on your website they will get a front-end dashboard from where they can manage their submitted listings you and your users can create announcements that can be displayed on the listing archive page and also on the single listing page you can also enable appointment option to accept and receive bookings and appointments you can create different type of menus for the listing and there are several ways of making money through this website like you can obviously make money with the Google Adsense and apart from that there are several more options available like you can enable different ad campaigns on this website like spotlight top of search and sidebar here your users will be paying you some money to get their ads displayed at top and at several places on the website then you can also make money through pricing packages so user will have to pay a premium to get some features like creating food menu custom lead forms etc and obviously there are many more features available in this website about which I'll talk in detail later on in this video or I guess now before we proceed further before we start creating this website let me first show you a very quick demo of the exact same website that you will be creating in this video if you follow my step-by-step tutorial now the reason I show these demo website right at the beginning of my videos is because I want you guys to first understand the website that you will be creating in this video if you follow my step-by-step tutorial this will help you guys understand how is the design of the website what all different features and functionalities are available in this website and you like the reverb said you can watch the complete tutorial okay so this is the website that we'll be creating in this video the website that is see on his screen this is the exact same website that we'll be creating in this video now let's start from the top so first of all if you see at the top first of all we have this entire section so every page of every single website on this planet is divided into different sections this is your first section your header section or you can call it a top section a hero section then after that you have your next section which is this section wherein we are displaying some latest options over here then you have the third section location section fourth section fifth section so every single website is divided into different sections and this is your first hero section and over here if you see this is your header at the left hand side you have this hamburger icon when you hover that you can see all the different categories available on this website then after that you have your logo obviously if you don't like this logo you can just delete that you can replace it with your own logo now they write inside to this header you will see your menu then you will see the ad listing page obviously when you click on this page you will see a form that you can fill in to add a listing to this website from the front end I'll show you how this button works after we see the homepage then after that you will see your user I can when you click on that icon you will see your dashboard again we'll see the dashboard after we see the homepage now in the home page you will see this option over here this is the section you can upload another logo here and after that this will say anything that you want and this location name will be automatically directed for example because I'm recording this video from home but this is this is saying browse anything explore Mumbai if someone is visiting this website from some other place this thing will automatically change because this is utilizing geolocation so if you click on this icon if you see if you follow my cursor if you click on this icon where now this will automatically get your location and as you can see here it says Mumbai now the main thing over here is this search bar because obviously this is a listing or a directory website people are coming here to search for something to search for maybe the barber shop nearby maybe a food restaurant or anything nearby so they can enter that detail over here they can select well which place or they can just click on that icon to get their location and they can click on this search button now at bottom can also display some categories if you want now if you don't like this header design if you don't like this entire design there's several other designs available in this website as well for example this is another header design so if you don't like this one you can go with this header design or maybe if you don't even like this one then there is another header design which is this one now here as you can see there is a video playing in the background you have your search bar over here at the bottom when you click on that you will see all the icons with this categories so as you can see there are different designs and layouts for header layout so if you don't like this thing you can go with some other header design and similarly for all the things that is present on this website for every single thing that different designs option available I'll explain you about that later on now when you scroll down you will see your second section now here you can see we are displaying different listings and you can see this looks really amazing the design of this listing is really amazing and they're different versions of this design available as well I'll explain you that very soon now in this design as you can see at the top we have the feature image and you also have this heart icon if you click on this icon this will be added to your favorite list so you can go back to a dashboard and you can see all your favorite listings then you will see the pricing things so here the pricing over here is moderate the pricing over here on the three websites all the three listings have moderate pricing if the user wants they can also change this thing to low pricing or high pricing then you will see the category there whether the shop is open now or not and you can see the name of the shop and you can see whether this thing is claimed or not you can also see the different categories or different things that this provider offers and here at the bottom left they will display you the location of this particular listing you can click on this button to directly call them or you can click on this button to show this listing on the map now as I said earlier that different versions of this design available if you don't like this listing design you can go with something like this now as you can see this is also listing design but this is very much different than this one or if you don't even like this one you can also go with some other listing design like this one so similarly we have around six or seven different designs like this so if you don't like any one of these there are more designs available for you and one more thing you can also display oh you're just like this now here as you can see these are listings but these are ads now what does this ad mean and how this thing works so someone for example this listing owner will pay you some extra money and this all happens automatically they don't have to contact you to pay you money and everything I'll show you how that thing works so if they pay you some extra money you can display their listing everywhere on your website now here just like this you're their listing will display everywhere on front everywhere at top so if you see these search page if you see the archive page if you see the home page the ads will display the first as you can see this ad is displaying first because this person is paying us some extra money so this is how this thing works now when you scroll down you will see the different locations now again to display these location this is just a simple grid slider if you don't like this design if you want some other design to display the location obviously there are many more designs available like if you see over here here also we have a different design now as you can see this is another design of or this is another way of displaying your locations then when you scroll down you can display different categories like this and when you scroll down we have different cuisines or you can have or you can display different listings over here then when you scroll down you have the activity so whenever someone leaves any review on your website you can see that as well and people can know rate that review as well whether that review was good or bad or anything you can do that as well when you scroll down again at the bottom you will see this call to action section you can click on this button and you will be redirected to some different page then at the bottom if you have some sponsors of if you have some partners you can display that I can saw their logos at the bottom so this is the home page as I said earlier there are different ways or different styles of home page this is another one if you don't like this one you can go with this on end or if you don't even like that you can go with something like this so there are many different no versions available there are many there is a lot of flexibility available over here in terms of design now let me show you how the archive page or this search page will look like so whenever someone searches for something they will obvious obviously enter that keyword they will enter the location and after that they will click on this search icon now when they do that this is how the search page or the archive page will look like now again with for this also there are several different designs available if you see on this website or if you see here if you click on this search and if you click on and if you come over here and click on this search bar now as you can see this search page design is totally different here at the left hand side we have a nice big you know map and here at the right hand side we have the listings he also we have the same design but the listing over here is grid the listing over here is list and the website that we are going to create over here here this is how it will look like here at the right hand side we do have the map but this map is a little bit smaller if you click on this map it will display that location it will display that listing you can zoom in or zoom out with this map you can click on this you can click on this four which means that there are four different listings available in this area in this location and you can however that and you can read more about that now and this is how this design will look like again if you want you can just go with the grid design you can go with the list design many different designs options are available now let's open in single listing page and let's see how that looks like so let me open the first one over here and let's also open first one on these pages just to see defend single listing page design for different websites now as you can see this is how the single listing page looks like first of all you have all the gallery images so the images related to this listing then after that you have the name of this listing different categories or different cuisines or different things that they offer services then the icon or the logo of this listing you can share this you can save this as your favorite you can watch some video related to this listing you can add a reviewer you can also see the menu if you click on see menu you will be redirected over here and here as you can see you can create your own menu I'll show you how to do that now when you scroll down you will see the some some description about this listing and this they can also create different announcements as I said you in the introduction they can create different announcements and that announcement will display over here in this single listing page now they can also display these things like different services or different features that these that this listing offer and instead of this check checkmark I cannot tick mark icon you can display different icons for different things for example over here except Terry and your credit and debit card you can you know display this card I can pets friendly you can display this icon so instead of this I can you can display different things or different icons for different options and for different features then you and your users can also create different coupons and this is how that coupon will look like you can create FAQ section you can create menus and this is how the comments all the reviews and ratings will be displayed at the bottom so a person leaving any review they can also enter or they can also upload images so they can do that as well now at the right hand side you will see the map so you can see that this location on map you can see the address you can see the phone number website everything if you want to contact this listing owner you can simply fill in this form and click on send now there is another design this is another design for the same listing page as you can see here we have the images at top full width then this is how all the other things look like okay very much similar now if they write inside if you see over here in this sidebar this is also ad so if someone is paying you extra money you can display their listing on this sidebar so this is how this ad system works you will understand about this thing in more detail later on in this video and this is the third design very much similar to the second design but there are more designs available as well for this single listing now let me show you how this thing works ad listing things so if someone clicks on this ad listing how this thing goes so first of all if you click on this ad listing you will see this listing page you will see this page first you have to select which plan do you want so if you want you can also create a free plan or you can accept some money if you want to raise some money you can create premium plans as well if a person chooses second plan they can click on this choose plan button and they will see this thing so now as you can see they can no ad this listing from the front end when they scroll down the right-hand side thing changes according to the detail so first of all now it says tagline when you scroll down when you come to City now as you can see it is talking about City so it is telling you what you should enter with your provide your city name for your business to show up on the map your customer can get Direction when you scroll down you can you'll get more details over here so this is helping your users to fill in this form okay when you scroll down so everything can be done from here when they go at the bottom they can click on save and preview they can make the payment of $30 or whatever the prices and this listing will be added to your website now this user submits a listing this website will automatically create an account for this user and if this one user wants to see that account they can click on this icon this user icon and now this is the dashboard that person will see or that user will see now they can see more things over here all the different details they can see over here they can see the monthly report they can see the weekly report they can click on announcements they can create new announcements so here they can you know see appointments if there is any appointment they can see that they can approve what they can just you know cancel or mark that as pending they can click on this calendar and they can see wherever or on which all date they have appointments so there is a lot of things available over here if you click on coupons now as you can see I've already created a coupon if they want they can click on add name and they can create a new coupon similarly if there is any message someone has emailed them or message them they can see that from here and this is the ad campaign that I'm talking about if they want to you know promote their listing they can create a new ad campaign they can select this thing and after that they can make the payment so this is spotlight what happens if you select spotlight your ads will display on the home page like this so they can see more things over here and they can make payment through PayPal stripe or they can also make bank transfer or I guess so this was a very short demo of the website that you will be creating in this video I hope you guys like the demo apps that if you like the demo app set if you want to create the exact same website make sure you watch the complete tutorial now before you proceed further make sure you subscribe to the channel and click on the bell icon so it don't miss any future notifications if you find this video helpful give a thumbs up to this video and please share it with your friends on Facebook Twitter whatsapp whatever social media platform you use and throughout the video if you have any doubts any comments any sessions for me you can leave them in the comment section below now let's get started alright guys to create this listing and directory website in fact to create any kind of website whether it be a listing and directory website any commerce website a blog or a simple website any kind of web 72 basic things a domain name and a hosting account a domain name is simply the name or the URL of your website for example nyesha com youtube.com blog.com goo komm all these things are different domain names so we also have to register a domain name on the internet so that whenever someone wants to visit your website they can enter your domain name in the URL bar and they can land on your website now the second and the most important thing is a hosting account so we have to register hosting a hosting is basically a computer where in all your website data is saved so you see this entire website that you see on a screen all the different pages all the different media images everything that you see this entire website is saved in a computer and that computer is running 24/7 so that whenever someone visits your website from any particular country at any given time they can always see your website life now without these two things we just cannot proceed further so we also have to register a domain name and we also have to get a hosting now there are literally thousands of different hosting providers available in the market but you don't have to worry about that you can simply open a new tab and type in blog to.com slash s G s G stands for site ground and this link is also given in the video description below so you don't even have to type in this thing simply click on that link and you should be redirected to this page now as you can see there are three different plans available now if you want a short and simple answer if you want to save some time you can just click on this grow big plan you can just select this grow big plan and click on this get plan button and you can just proceed further but if you want to understand more about Hosting's any kind of hosting you can watch for a few more minutes so as you can see there are three different plans available start up grow big and go geek now before selecting any plan first you should see how many websites can you create create in that plan or with that plan for example if you select this startup plan and if you want to create this website so today you can create this website you won't have any problem you can create this entire website and you can have unlimited listings unlimited pages you won't have any problem at all but tomorrow if you want to create another website maybe another listing website for some another niche or maybe another ecommerce website any kind of website so tomorrow if you want to create this second website or more websites you cannot do that with this startup plan why because here as you can see with this plan you can create only one website but if you select the grow big or the go geek plan you can create unlimited websites so today your creating this entire website this listing and directory website tomorrow if you want to create another listing directory website a e-commerce website blog website any kind of website you don't have to worry because you can create unlimited websites with these plans in simple words we just purchased this plan once grow big plan once and after that for all your future websites you don't have to purchase a new plan you can host all your website in this one single plan now the second thing that we should see is how much web space we are getting and what kind of web space is that so in this startup plan as you can see we are getting 10 GB in grow big we are getting 20 and in go geek we are getting 40 GB of web space now let me explain you how much web space do you actually need so this entire website that you see on a screen this entire website including all the different listings all the different images videos whatever is present on this website all the different pages this entire website is not more than 200 MBS so the size of the website is not more than 200 MBS so basically if you for example if you select this grow big plan you can create more than hundred websites like this one and you won't have any problem and even if you create a very huge website for example if you create this website and you have maybe more than one lakh listings like 100 more than hundred thousand listings thousands of different pages and thousands of different users still your website space or your website size will not be more than 3 or 4 GB so don't have to worry about that and most importantly this Web space these guys are using the SSD space to host your website basically there are two types of space STD and SST most of the hosting providers in the market they use the HDD plan because that is very cheap but when your website is hosted on HDD server your web search speed and performance is really bad your website takes a lot of time to load whenever someone opens a listing it takes a lot of time to open that entire listing but your at site ground these guys are using the SSD storage to store and host your website in fact these guys are using the best and fastest SSD storage and when your website is hosted on SSD server your website speed and performance is really amazing SSD storage is 20 to 25 times faster than the regular HDD storage so if your website is hosted on side ground it will be really fast the performance will be really amazing now the third thing that you have to see over here is how many how many monthly visitors can you manage so in start-up plan this website this plan can handle ten thousand monthly visitors grow big plan can handle twenty five thousand monthly unique visitors go geek plan can handle more than one hundred thousand monthly visitors or more than one lakh monthly visitors now many people get confused over here they think that for example if they select the grow big plan and if they are getting more than twenty five thousand monthly visitors they think that they will have to upgrade to go geek plan once they reach this limit twenty five thousand monthly visitors but that is not the case if you select the grow big plan and even if your website is getting more than maybe fifty sixty thousand monthly visitors still grow big plan can easily handle your website this is just to give you an idea about which plan is better for what kind of website then after that we also get unmetered traffic or an unlimited bandwidth so there is no upper limit on bandwidth so you can have unlimited downloads and unlimited uploads on your website we also get free wordpress installation free wordpress auto updates and free SSL certificate now if you see this website if you see my demo at any one of these websites you will see you will see this lock patio here when you click on this lock pad it says connection is secure and you must have an SSL certificate because if you don't have an SSL certificate installed on your website you cannot accept online payments and also when someone visits your website Google Chrome will say that this website is not secure so we don't want that and because we are also collecting online payments ssl certificate is compulsory if you don't have that thing installed you cannot accept online payments then after that you have the free daily backups and free CDN so CDN syrians will basically improve the security of your website and even if something happens to your website you have the daily backup you can easily restore your website you get free business email accounts instead of something regular like now your at gmail.com morning here at yahoo.com you can get an email account like username at your website name calm like nature at google.com you know something like that so you can have an email address with the extension of your website name we also get WP CLI and SSS support we have unlimited databases we have dynamic cash in to further improve the speed and performance of your website you have on demand backup copies free professional site transfer so if you're using some other hosting and if you are not really happy with that you can contact them you can purchase any plan and they will transfer your website from that hosting to cyclone for free so there is a lot of there are a lot of features available you can go through that but basically if you want a short and simple answer for most of the people I recommend to start with the groobie plan obviously because here you get you can create unlimited websites you get more features and you have more resources than this startup plan so simply select this plan and click on this get plan button now you'll see this page and here we have to register a new domain name so whatever domain name you want to register simply type in that domain name over here and select the perfect domain name extension so here as you can see we have com dotnet dot org there's some country specific domain name extensions available as well for example dot in for India and dot NZ for New Zealand and some more we have some generic as well like dot online dot shop dot to blog so many different domain name extensions available so simply type in the domain name that you want to register select the domain name extension and click on proceed now if you've already registered your domain name somewhere else like many people register their domain name on some other website like good add your name cheap so if you already have registered a domain name somewhere else on any other hosting platform or on any other domain name website you can type in that domain name mojo and click on proceed now you'll see this page and here first of all you have to enter your account information now under your account information you have to enter your email address and you have to choose a password now whatever email address and password you enter here this will become your login credentials so next time whenever you want to come to site ground whenever you want to log in to a site ground cPanel or a control panel you will have to enter this email address and password so make sure whatever email address and password you enter with you make sure to remember that write it down somewhere if you want then after that you have to enter your client information which is just your basic information like your country name first name last name your address phone number all this basic information now these two things are not compulsory so you can just leave them company name and tax ID then after that you have your payment information so you just have to enter your credit card debit card or your ATM card number card expiry date CVV number which is given the three-digit number which is given at the back of your card and obviously your cardholder name now one thing to note over here is that only three types of cards are accepted over here we saw MasterCard and American Express Visa and MasterCard are very common throughout the world so you should have one of these if you don't have this for example many people in India have the Rupa card now Rupa is a domestic card which is accepted only within India outside India it is not not accepted so if you have a Rupa card even if you have some other card you cannot make the payment oh here make sure you have a Visa or MasterCard we can just go to your bank branch and they can you know exchange your card within seven days with a Visa or a MasterCard then after that you have your purchase information now here we don't have to change anything we just have to check everything so under plan we have selected global plan under data center location this will automatically be selected for you based on your location so because I am from Mumbai for me Singapore is selected Asia location is selected you can click on this and obviously can change this location but that is not recommended data center location should be the location nearest to your current location so for me it is Asia if you're from India Pakistan China kind of country you for you Asia will be selected if you are from some other country for example if you are from somewhere from USA some you know location in USA will be selected for you then after that we have the period and by default here twelve months is selected make sure you don't change this thing if you change this thing you'll have to pay some extra money so make sure don't change this thing now come at the bottom and tick mark these two things now here's you can see the total amount that you have to pay is just $71 so for one complete year of hosting we just have to pay $71 and that is really amazing because as I said you all your side round is really the number one hosting provider available in the market right now and for the number one hosting provider for one complete year you're just getting it for just $71 so once you take MUC these two things just click on this pay now button or I guess so once you click on that pay now button and once you make the payment you have to open a new tab and you have to type in my dots I'd ground com now you'll see this page now here you have to enter the email address and password that have selected in your previous step under account information so into account information whatever email address and password you have selected type in the same email address and password over here and click on login now you'll see this page and here you have to click on this option websites now here you'll see all the different websites that is linked with this hosting now we had selected this domain name if you remember Nasik comm so you will see your domain name oh yeah and below your domain name you will see this button site tools click on that button now first of all here there can be two scenarios first scenario is that you have just registered a new domain name so that is really amazing because you don't have to do any extra steps but if you have registered your domain name outside side ground on some other website like GoDaddy Namecheap or Google domains you have to first link your domain name with sycron so let me show you how that is done so for example if you have registered your website on GoDaddy you will go to godaddy.com obviously sign in to your account now once you log in to your account you will see all the different domain names that you have registered with this account and whatever domain name you want to use with this sycron you can select that for example for maybe with this offer this we want to use this domain name privilege pack Staton so if you want to link this domain name with cyclone you can select this domain name and besides every single domain name you will see this DNS click on that DNS button now here you will see your name servers what you have to do is you have to click on change and you have to delete these name servers from here so just delete both of them now come back to your website scroll down and here you will see your own name servers so copy the name server number one come back here paste it on the line one copy your name server number two and come back oh your paste it under line two and click on save now once you click on save it can take up to 24 hours to link your domain name with side crown now by that time we can do few more things we can install WordPress we can install first of all SSL certificate on that domain so to do that from the left hand side you will see security click on that and under that you will see SSL manager click on that now from here you have to select the domain name on which you want to install SSL for me it is LP 2 dot Nasik dot-com so I'll select this domain name and under SSL or under select SSL you'll see this lets encrypt option select the let's encrypt option and click on get so within two minutes when you click on get within two minutes SSL certificate will be installed on this domain name and once it is successfully installed on your domain name you will see your domain over here at the bottom and besides your domain name it should say active ok now once you installed SSL certificate on this domain name now you can install WordPress on this domain so to do that from the left-hand side click on WordPress click on install and manage now here you'll see two options now before that first you should see whether WordPress is automatically installed on your domain name so if you see your domain name at the bottom which means is it means that WordPress is automatically installed on your domain name you simply have to click on this button log login to admin panel if you don't see your domain name over here at the bottom click on this first option volt press and now we can install WordPress on this domain so select your domain name from here so I am selecting this domain lp2 dot Nisha calm under installation path make sure it is as it is just leave it as it is don't type in anything or don't do anything with this for language also leave it to English and antique this thing if you see this thing tick mark install WordPress starter and take this thing because this is just a plug-in with that we don't need so make sure this is untagged now under username just just type in and username of your choice and under password also just select any password that whatever password you want and under email address type in your personal email address and make sure you don't take mark this thing at the bottom okay make sure both these things are unticked and after that you can just click on install now as you can see WordPress has started installing on a domain name this generally takes around 10 to 12 seconds so let's wait I guess now as you can see WordPress is successfully installed on your domain name and now you can see your domain name at the bottom let it load now as you can see LP 2 dotnet shake calm so once you see your domain name at the bottom besides this domain name you will see this button login to admin panel click on this button now you will see this page ok you will be automatically redirected to this page and this is your dashboard page so this is the most important page of your website because from this page you will be controlling your website whether you want to change this style of your website whether they want to add or delete any functionality from your website managing comment everything can be done from here and whenever you want to come to this page simply type in your website name or your domain name after that put a forward slash WP - admin you will land on this page now whenever you install WordPress on a new domain name there are a few basic things that we have to understand and there are a few basic settings that we have to do so let's first do that so from the left hand side you'll see there are several options available first option is obviously a dashboard option and this is your dashboard then after that you have the post option so if you click on that you will see one post is automatically created for you hello world this is a dummy post so later on you can just go ahead and delete this post now this option will be used to create different blogs and different posts so click on add new and you can create a new block we'll see that thing later on in this video then you have the media option which will be used to manage all the media so all the images videos whatever you have uploaded on your website you can see everything from here and you can manage them then you have the pages option which again will be used to manage different pages to create different page to edit page to delete pages then we have the comment option which will be used to manage comment if you want to approve an approve or comment delete a comment mark a comment as a spam you can do everything from here then you have the appearance option now under appearance option you'll see there are a few themes automatically installed and one is automatically activated for you now if you open your website in a new tab let's see how your website looks so right now your website should look something like this and this is because of this theme as you can see the thumbnail are on this theme matches your website and this is what a theme does a theme basically changes this style and appearance of your website now if I don't do anything on the website if I just change some other theme for example if I activate this theme 2017 theme let's click on activate if I come back to my website and refresh it again now as you can see the website design is completely changed so this is basically what a theme does now you should always have only one theme installed and activated so all these extra themes we can just delete them now we will be using some other theme not this theme obviously this is really boring we'll be using some other theme that we'll convert this boring website into something amazing like this one but before that we have some more things to do now at the left hand side you will see plugins click on plugins now here you'll see one plug-in will be automatically and already installed and activated for you SG optimizer now this is a very important plug-in because this plug-in will furthermore improve the speed and performance of your website this is a caching plug-in basically optimization plug-in and this plug-in is available only for SiteGround users as you can see so if you're using some other hosting you might not see this plug-in now what is a plug-in a plug-in is an add-on or it's kind of a software that will add some more features and functionalities to your WordPress website you will understand about this thing later on because right now we don't have any features like we don't have any by default we don't have any such feature which using which we can create listing using which we can accept payments an owl so later on in this website we will be using some plugins with using which we can accept payments we can create listings we can create dashboard and everything then after that at the left-hand side you will see settings click on that now first of all you have your site title so basically change this thing enter some other titles I'll just enter oh here listing Pro basically you have to give your website a name so just type in whatever name you want for your website now after that you have your tagline now enter tagline you have to describe your website in few words okay so whatever it is you can just type in that then you have your WordPress address and your site address now right now if you see your website is not secure if you click on this it says your connection is not secure which simply means that SSL is not properly installed on your website so what you can do is you can if you see HTTP over here make it HTTPS both the top and bottom make it HTTPS okay make sure both at top and bottom it is HTTPS then after that you will see your admin email address if you see some random email address so here delete that and enter your own personal email address under membership tick mark this thing anyone can register so that anyone can come to your website they can register as a customer after that you have your time zone so you can click on over here you can select your own time zone from your so I am selecting Kolkata and obviously if you are from some other country again sir some other time zone from here we can change the date format tun time format and after that click on Save Changes now when I click on Save Changes you will be logged out and you have to login again so let's click on login and now as you can see this website is hundred percent secure now we have this SSL certificate now under settings you will see permalinks click on that now make sure what your post name is selected if you see some other thing is selected like data name is selected just take mark this option post name go at the bottom and click on Save Changes now let's come back to dashboard now whenever you come back to your dashboard you will see these extras things these things are not very useful so we can go ahead click on screen options and we can untick all these widgets from here no later on you'll get some useful widgets you can use them over here or I guess so with this all the basic settings related to your WordPress website is now completed or I guess now let's do one thing let's install a new theme because right now if you see this is how your website is looking and we we don't want a website like this we want an amazing website like this one which has some really amazing features like adding listing menus and everything so for that we have to install a new theme and with that theme we'll also get many different plugins for free so to get that theme simply open a new tab and type in block to.com slash listing now this link is also given in the video description below so we don't even have to type in this thing simply click on that link you should be redirected to this page now this is the theme that we want listing pro wordpress directory theme and if you scroll down you can see all the different features this is the latest version 2.5 and with that they have added all the booking feature which all we'll be using in this video all these features that is added we will be using all of them in this video as you can see easy setup feature all the features that you can just go ahead scroll down learn more about this theme all the different features available in this theme now what you have to do we have to purchase this theme and you can see the rating is really amazing more than 15,000 sales and more than 1300 people have rated it with an average rating of 4.8 which is really amazing now you can go ahead and you can just purchase this theme so this is just $69 I'm saying just $69 because this is a one-time pay so he make this payment once and who you can have this theme forever you don't have to this is not a recurring payment like you don't have to pay every year or every two years or three years you have this you just make the payment once and you can have this theme for lifetime and not only that even if this theme gets updated for example this is the 2.5 version even if this theme gets more updates in future in two or three years you can still keep on getting those or updates you don't have to pay for the updates as well so this is really amazing and not only that with that you also get six months of support as you can see six months support from credo studio so if you have any problem installing the theme or if you don't find the theme feature that you're looking for anything like that any problem you can just contact them and they will help you out so you have six months of support with you so just simply go ahead and click on this buy now button and purchase this theme now once you purchase this theme you will see your user name at the top right however that end click on downloads now from here you have to search for listing Pro theme click on this download button select the second option not the first option second option installable WordPress file only click on that you will see a zip file will be downloaded like this now I already have this zip file so I will cancel this thing now once you download that zip file you have to upload that zip file on your website so let me show you how you can do that so for that come back to your dashboard click on appearance click on add new upload theme choose file and simply select that file that you have just downloaded so this is the file that we have just downloaded select this file click on open and click on install now now you can see the progress at the bottom left corner of your screen so let's wait until it is hundred-percent installed or I guess once this theme is successfully installed you will get this option simply click on this activate link and this theme will be activated now first of all you will see this quick setup click on start and this setup will start now you can choose between WP bakery and Elementor obviously the obvious choice should be elemental so we'll select element o and click on next now you can click on yes I am ready and this will install element o plug-in and all these different plugins for you so these plugins will as you can see add these particular functionalities to your website so click on this option I am ready and as you can see this is now started installing now once this is completed you will see the next page which is this now what you can do is there are three different designs available if you want you can just select this thing click on accept it will you know get all these designs for you but what I want to do is I'll skip this thing just to show you everything from scratch so so that in future even if you want to go from this design to this design you know how to do that so I'll skip this section but obviously we can select the third section or first section whatever section you want and click on accept Aleks skip this thing now if you want to import the content if you click on that it I don't recommend to do that so what did this will do is this will import all these demo data for you all these images all this you know everything for you so again if you want you can just click on import content but I want to skip this thing so I'll click on skip this step now you will be automatically redirected to your dashboard now the first thing that you have to do you have to enter your purchase code over here so where you will get your purchase code if you come back to your website click on download you can click on this option license certificate in purchase code text file and your it will download a text file for you or you can do one thing you can click on this option you can click on this theme go to support now when you scroll down here at bottom you will see your purchase code now as you can see here it says purchase codes I'll copy this purchase code from here come back to this website and paste it over here now once you paste in this purchase code you have to select with whether this is a live site or a test site for me this I'll select this live site and click on activate and now as you can see congratulations your site is now activated now let's do one thing let's again come back to this website and refresh it and now as you can see the website now looks completely different we'll change the design furthermore but for now we can do one thing come back to dashboard and again you will get this Elementor thing I don't want this so I'll just an take this Elementor thing from here now I want to see whether everything is working fine or not so if I come over here if I click on ADD listing' now this say if you see something like this this is because this theme is basically based on WP bakery page filter but we as we have selected Elementor so that is the reason why it shows something like this but it is very easy to fix this thing what you can you can click on this edit page link at the top or you can just go ahead indeed uh in the dashboard click on pages select this option submit your listing and you can also edit this page from here so click on edit and you will see this page now cut this thing and what we have to do is we have to edit this page with Elementor so we have to fix all these pages according to Elementor so click on this button edit with Elementor now this is the code we don't want this code so we can simply cut this or delete this section now we can add a new section so to do that it is very simple or you can just go ahead from the left hand side search for submit listing and you will see this option drag and drop this over here and this thing will be present now as you can see this is now present for you if you want you can give a title or a subtitle to this and after that click on update now if I cut this page again come back to my website let's see click on this add listing button and now as you can see we don't have any problem you can see this page now the best thing over here is that you don't have to create this form from scratch obviously you can do that you can edit some something in this form but I would not recommend you to do that now as you can see just by doing that one thing you have this entire page in front of you so this is very amazing now this is one of the most amazing thing about this thing that this is very easy to setup now this theme is very easy to set up and it really you know saves you a lot of time to create this website now you can submit your listing from here you can just enter the listing title address and everything and you can do everything from here and even your users can come to your website and they can do everything from you and they can submit the listings from this page but before that we have to do a few things for example here a person has to select a city but we haven't created any cities and we also haven't you know added Google API key so no one can if you if you have the Google API key if you just type in M um anything like that it will show you the Mumbai and everything but this is not working right now so we have to do a few things you have to create cities you have to create categories we have to enable the Google Map API key and after that as you can see here is the category after that this thing will be working properly so you can come to your dashboard now let me show you how we can create a listing from the dashboard so to create a listing from the dash but he will say this listing option click on that now you can simply click on add new and you will get a very similar option but this is from the back end and this is from the front end now from the back end you can create now as you can see first of all you will get this error over here that this page cannot display Google map correctly because we have not enabled that so let's first create a categories and first let me just come back let's first create categories locations features and all and after that we can add the Google map API key and after that we can create our first listing now let me start with categories so from the left-hand side under listings you will see categories click on that now categories will depend on what kind of website you're creating for example if you're creating this website for a niche for a maybe restaurants only for listing restaurants you know in a city or in your country or in the entire world then you can create two different categories based on that and you can get your inspiration from this website like here as you can see Brazilian burgers bars these can be a different categories like different types of restaurants so you can create a category like that if you're creating this listing website for something else maybe to list you know maybe to list something else maybe to list job websites then your categories will be accordingly for example this website is created to list different places so if you come over here this here the categories will be totally different okay now here's you can see biking taxes no rental cars this is the category if you come back to this website here also the category will be totally different so here this is how it works if you see over here now this website this is the classic website this website is listing everything so if you are doing something like this then your category will be you know automotives restaurants shopping beauty and spa hotels these will be your categories if you are listing everything and anything on your website so accordingly you can create different categories on your website now obviously it is always better to select a particular niche and ill niche and create your website around that so maybe we are selecting restaurants so our categories will be something like this Indian Italian owner those kind of restaurants so I'll create a new category Indian now when you create a category you have few options at the bottom first of all you just have to enter the name now when you scroll down you have the category banner category features we have not yet created the features but he should always upload the category banner so what is this banner these images that you see these are the category banners now if you don't have your images already so you can do one thing there is a link given in the video description below if you click on that link you will go to my website block TOCOM now here as you can see for every single tutorial that I create I always create these different blocks and if you click on that link he will give you will go to one of these blocks and you will see at the bottom this link download free images when you click on this download button you will download a zip file and when you unzip that file it you will see all these images okay so you can get you can download that file you can get all these images for yourself so that you can you know use these images to create our website so as you can see these images are of different locations these images or our or of those partners then these images are for creating the pricing plan for categories and everything so as you can say this is how it works so you can just go ahead and download those images so if you do that lets upload some category images let me go to upload file it is center media categories upload everything from here okay now as you can see all these images are now getting uploaded and you can also see the upload speed of your website is really fast so I am selecting this option maybe for this click on insert into post so this will be your banner you can also upload a category icon for this search page and the archive page so that when someone clicks on over here with this name they it will also display an icon so if you have some icon you can upload that icon from here and after that click on add new category alright so now as you can see one category is added but here we should see an image under category banner let's see click on edit okay so if you don't see that banner that option you can do it like this click on edit and after that just make sure you upload it again and update this page now let's go back to categories and now as you can see if you should see something like this now similarly you can go ahead create more categories now let me create a new category Italian and let me just click on add new Kerrigan from here we can click on edit and we can add that image category banner maybe let's select some other image maybe let's select this image click on insert into post and click on update now similarly you can go ahead click on back to Carrie Grace and you can create unlimited categories from here now once you create categories after that you can create more things for example you can create locations so click on locations now all the locations that you want to add so maybe I'll start with Mumbai so I'll just type in Mumbai and under location image again you can just you can just first click on add new location then you can click on edit and from your location image you can upload some location image so let's do that I'll come back to media and here we have locations so let me upload these images from here and again as you can see the upload speed is really amazing it is uploading these images really fast maybe let me select some other image for this maybe let me select this image for Mumbai so I'll select this image click on insert into post and click on update now again we'll go back to locations and let's add one more location maybe New York again click on add new location edit this thing and upload that location image maybe let's select this image click on insert into post update this thing so similarly again you can just go ahead you know add many locations or unlimited locations from here now we can create different features so let me show you what features are we I've already shown you in the demo website but let me again show you if you open anything now for every single listing as you can see they can create these features like whether they they can extend tick mark these switches whether they accept credit card debit card whether they have online delivery Doc's are allowed in their restaurants or not our street parking is available Wi-Fi is available or not so these features ok so you can create these kind of features so maybe Wi-Fi can be a feature first of all now for this you can do one thing we can also upload some icons so you can go to this website font awesome calm font awesome calm or you can just open this link in a new tab and from here you can search for that I can for example we are searching for Wi-Fi so if you search for Wi-Fi you'll see so many different icons if you want to use this icon can click on this and you'll get the code so you have to go and that code will look something like this as you can see FA - the name of the icon so here it is f a - Wi-Fi this much okay FA - Wi-Fi we want only this much so I'll type that thing with your FA - or FA - Wi-Fi click on add new feature and now you should see feature I can go here with Wi-Fi and similarly cards accepted so we'll go here we'll search for maybe come back and here we'll search for cards or maybe let me search for credit card okay now you have these icons maybe I want to select this I can click on this icon and now here as you can see the code is FA - credit - card you can see that code oh you're right at the top credit card this is the code so just before this code you just have to enter FA so you can copy this code name from here come over here first type in FA - and paste in that code name click on add new feature and now as you can see another feature is added and you can also see that I can similarly you can go ahead and create unlimited features from here now when you create features you again have to go to categories and for different type of categories you can have different features for example in Indian you can go and you can select what all features you want to enable so I want to enable Wi-Fi I want to select card sector accepted click on update similarly I'll go back to Italian and I will do the same thing or what you can do is you can first create features and after that you can create categories so that will be a little bit easier for you now once you create these things now you can create a listing so you can again go back to your website and if you refresh from here now as you can see if you select City you already have few options if you select category you already have few options and these things are compulsory so that is the reason why we first created them now one more thing is left actually we did not add this Google thing so that in our map can be displayed on the single listing page and also on different archive pages so let's see how we can do that so to create a new Google API key you can open a new tab and type in block to.com slash Google - API again as you can see this link is also given in the video description below so you can click on the clink now you'll see this page and here you have to click on go to console so if you're not already log in first make sure you log in from any Google account and after that click on go to console basically log in from any gmail account now when you click on go to console you will be redirected to this website console dot cloud.google.com and you will see a screen something like this now what you have to do is first of all you go you have to go at the top I have created many different options over here if you have not created a project you can create a new project you can click on over here click on new project you can name this project anything so let me do one thing we are creating listing Pro so I'll name this project listing Pro tutorial ok and after that I'll click on create now after that this thing will be created once it is created as you can see first you will see that option over here that this thing is now created at the top right under this Bell I can you will see that now once it is created again you have to click on over here and this time you have to select that new created project so this is the one listing pro tutorial I'll click on that so once you click on that you will see a new screen and here from here first you have to select all the different options that you want to enable all the Google map API is that you want to enable so we want to enable all these different API so you have to go ahead click on geolocation API and if you see this manage option is 2 it means that it is automatically enabled for you if you don't see that if you see a blue enable button click on enable then after that click on back second you select the second option again if it is not enabled for you if you see a blue button which says enable first make sure it is enabled and after that you will see this manage button click on back and similarly go ahead and enable make sure all of this is enabled I have done that if you if I click on any one of these as you can see everything is now enabled so once you have enabled all these things you can come back to this page so for that click on this hamburger icon and you can select this option API send services and under that you can click on credentials now as you can see a new credential will be created for you if it is not created for you can click on clear credentials select the first option API key this will create a key for you let's wait now as you can see you will get this a Maiki simply copied from here come back to your website I'll not copy this thing I'll delete this thing because I have already created this I'll select the second one use this one so it's simple just click on create Henson's API key you will get your API key click on copy after that come back to your dashboard now from the left hand side at the bottom you will see this option theme options however that and click on maps which is or your map click on map now you will see your API key or your some API key will be automatically present delete this one paste in your own API key that you have copied from here and click on Save Changes now if you want to see whether this thing is working or not you can go to listing click on listing this blue option click on add listing and go to the map section scroll down now as you can see earlier if you remember we were getting some error in the map but we don't get that error now now it is automate this is successfully displaying which means that this is 100% working now we can come back and now you can create your first listing so again you can just go ahead you can create it from here from the front end and you or you can also create from the back end so let's first create from the back end and later on I'll also show you how to create it from the front end both are same options nothing to show but I'll show you anyways so first come oh you're under listings click on add new now let me do one thing let me open a listing over here so that we can copy/paste everything from here now first of all what will be the title so this will be the title the listing name so we'll copy this title from here I'll copy only this much paste it over here then after that this much that you see this is just the description simple description that a person can type in over here like this so I'll just do one thing I will paste in this description that I've just copied now we'll scroll down and we'll enter more details so first of all we have business type tagline text which is this text if you see just under that name you will see quality is everything that is the tagline will enter that tagline over here now Google address you'll click on oh here and you will enter some address and when you enter address you can see you will get all these you know options from the bottom I'll just select Mumbai and it will automatically get the latitude and longitude code and it will display that thing on the map you can zoom in zoom out like this it all depends on you now many scroll down you can also enter your phone number all these details and it will display it like this as you can see your phone number will be displayed like this you can enter your phone number your whatsapp number then your email address which again will be displayed over here if you have entered that email address so let me enter some email address so your your website name if you have any website that website name for example here I'll copy this website link address enter it over here now I can also enter your Twitter page your Facebook page linked in all those different links now what I'll do is I'll simply maybe copy this link paste everything over here okay and YouTube link so all those links can be entered now images gallery so these galleries that you see at the top this is the images gallery so let's enter some images so here click on upload images click on select file maybe let me do one thing let me select let's see let me select some of these images okay maybe let's select these five images and again as you can see the upload speed is really amazing if you once you select these five images you can just see this button at the bottom right corner now once you upload these images you will see this button at the bottom right corners save featured gallery click on that button and you can see these images over here now price status you can select whether inexpensive moderate what is the pricing status in this listing or in this restaurant whatever it is so I am selecting moderate and you can also set this thing from which price range to what price range do you offer products or food or whatever it is okay so maybe I'll select $5 $2000 where if your verify claim this is claimed if you don't claim this thing if it is not verified for for example if a user creates that will not be claimed that will not be verified you have to verify that thing I'll show you how that thing works now first of all let's see how these facts are created so frequently asked questions about this listing can be enter this will be questioned this will be this simple and so if you want to create one more if you want to add more click on add new click on second one and copy the second question paste it over here and obviously copy the second answer paste it over here like this you can add more you can just you know do more things like that now when you scroll down you you'll see the business are you can go ahead by default it is 9:00 a.m. to 5:00 p.m. if you want to change that for example if you want to change that for maybe Friday I'll delete that Friday now I'll select Friday from here maybe for Friday it is 9:00 instead of 9:00 it is 11:00 where is here it is 11 a.m. to maybe 3:00 p.m. okay I'll select this option click on add so as you can see this is how it is added you can delete all this and you can add your own timings now your business logo which will be this logo okay so whatever logo you have if you have a logo you can just go ahead insert that logo now at the right hand side you will see document click on document now first of all you have to select a category so maybe this is an Indian restaurant I'll select Indian location this is in Mumbai so I'll select Mumbai because if you remember here also we have selected Mumbai and you can also set a featured image which will be this image let me show you if you come back to the home page these images that is displayed at the top these are the featured images so let me upload some images featured image maybe let me upload this image as feature image all right so after this you can just click on publish and this listing will be created if I click on view listing if you click on View listing and if you see any error like this if i refresh it you can again go back to your website from the left hand side you will see settings however that click on permalinks make sure post name is selected now go ahead click on Save Changes again let's go to listings let's view this thing in a new tab and now as you can see you won't see that problem so sometimes it happens if you see this again this is the default style we'll change the style of this listing later on but right now we are just creating a few simple listings now there are few more things that we have to do so if you edit this listing let me edit this listing in a new if you scroll down there are few more options at the bottom now here's again see if you remember we had selected we have created these feature so if these features are available over here you can tick mark this as well click on update now if you come over here refresh it that those features will be added now as you can see cards accepted in Wi-Fi also available now if you want you can also add some custom things for example obviously this is this theme might not include everything that you want ok all the different options so if it is if it is the case for you you can create your own options let me show you how we can do that and I think we have done that thing here let me open first of all us listing just to show you how that thing works now here's you can see on this listing on this demo listing here is at the right hand side we have some additional information ok so these kind of thing good for group do you accept Bitcoin all these things so you can have or you can create something like this here also we have some additional information so if you want to create these kind of additional information you can again come back to your dashboard under listings you will see form fields you can click on that click on add new field and there are different types of fields now let me show you first let's create a very simple one of a just yes or no so it is do they accept Apple pay so this will be the title will enter this title over here and field type whether this is just text or check box a multi check radio whatever the option is so if it is just text you can select text and you can select the category for which do you want to display these options I am selecting both these categories after that click on publish now let's create a new field so click on add new field this was a simple text field now we can create some more things like alt a vet slash knowledge and your instead of text let me select maybe drop-down and here you have to separate your options with comma only wedge maybe this can be one option I'm just showing you that how this is done only non-veg or both veg and non-veg alright so these will be three options and these options we are as you can see separated by commas in between now again I'll take mark these two things click on publish now if I come back to my listing again any refresh it and if I scroll down at the bottom I'll get those options now as you can see under version on which this is a drop down I am selecting both version non-witch and this is just a text except do we accept your Apple pay I'll just typing yes so if I do this thing if I click on update come over here if i refresh this thing now here as you can see at the right hand side and the additional information you have these things so you can create your own custom fields if you want I guess now similarly you can just go ahead and create many more listings and there are many more things left if I go back to my dashboard listing author if you come over here you can create menus you can create coupons or you can create different things we also have to enable different things we have not yet enabled appointments and few more things so if you want you can create appointments you can create announcements you can create events will do will see all these things but before that let's do one thing let's first create the homepage and after that we'll see how to create those things so to create the homepage again come back to your dashboard now from the left hand side hover over pages click on add new now let's give it a title of home now if you just publish this page if you just give it a title of home and in futures publish this page let's open this in a new tab and let's see how it looks so this is how it will look like now we need to get rid of few things if I show you the demo website homepage let's see how this looks like now in this home page we don't have any sidebar if you see you don't have any sidebar here we have this again sidebar so we don't want this sidebar so if you want to get rid of this sidebar come back to this page cut this thing now the right-hand side and a page attribute under template select page without sidebar click on update come back over here refresh it again and now as you can see that sidebar is gone now this thing will also be gone but I will show you how to remove this thing but before that if you see one thing right now your website says your website name slash home but if you see my demo website it does not say website name slash home is just website name so basically what's happening over here is that we have created a new page this is just a regular Paige and we have named it own so just by naming it home this does not become your homepage so we have to set this page as a home page let's see how that works because right now if I click on this listing Pro this will bring me to the home page which is this as you can see so we have to do one thing we have to set this page that we have just created as our home page so to do that come back to your dashboard click on this dashboard option and you will see this settings option how our settings click on reading now you will see right now your home page displays your latest post we want to display a static page so select the second option or static page and the home page select the home that you have just created click on Save Changes if you come back to this page and if you refresh it now as you can see that slash home is gone and you already have this header now first of all let's see how we can change this header style because we want to make it something like this one so as I said you earlier the reason I did not select the header style and everything in the quick setup because I wanted to show you everything from scratch so this is how you will get it by default if you want to change this style you can come back again over at the left hand side bottom you will see theme options however that and click on header first option you will see these headers I know the menu header thing that you'll see at the top so right now this is select will will select a different version later on but right now just click on banner below header and here as you can see this is the one which is selected and we want this one the first one if I select this first one click on Save Changes come back over here and refresh it now as you can see this style is changed you can also change the banner image which is this image so if you don't like this image if you want some other image you can also change the banner image as well now to change this banner image simply click on upload and upload your own banner image so maybe let me do one thing let me upload this banner image alright select this click on open once it is uploaded at the bottom left you'll see select click on that and click on Save Changes now if I come back over here if i refresh this page and now as you can see the banner image at the bottom is also changed so this is how this is done you can do more things obviously over here you can change the banner height the opacity for the banner many things and if you want to or display some listings at bottom you can select those listings under listing category just select those listings that you want to display at the bottom if you select this much and click on Save Changes come over here refresh this page and now as you can see these two listings are these two categories are displayed at the bottom of this search bar you can do some more things from here for example the placeholder for the search is example food or service barber etcetera and here as you can see under this search bar it says example food service etc so if you want to change that you can do that as well now default text location is your city which is this Explorer your city so right now basically by default it says explore your city if I open this website in incognito window let me do that in a private window you will see says explore your city as you can see explore your city but because it automatically gets your location it says explore Mumbai so you can do something like that you can change this text as well so similarly can change the top title main text sub text we can also change this banner logo so all these text can be changed from here and you can do that and after that click on Save Changes and now we can go ahead and we can add other things that you see on his screen and we can now complete this home page so let's do that so from the left-hand side click on pages and select the home page which is this page click on edit and because you have want to use element or click on this option edit with Elementor I guess now let me do one thing let me first explain you how this thing works how this Elementor works so Elementor is basically a page builder which obviously the naming says that we use this thing to create pages different pages so all these pages that you see this is all created using Elementor and how do we do that we use these things at the left hand side we Chuck which are called elements these are basic widgets so for example if you want to do something like this if you want to you know display your listings you will search for a listing widget alright there are there will be many so if you want to display listing category you'll use this one if you want to display a listing let's see with coupons the claim listing submit listing whatever you want to display maybe let display listing categories so simply drag and drop this thing over here they right inside and now as you can see this will display listing category so it is really simple now what we gonna do is we're gonna create this section so this is our first section now the first thing before these listings we have at top is this title and subtitle and we also have this small icon at the top so what we'll do is we'll search for icon box so first we'll use this icon box so we'll drag and drop this icon box over here and now as you can see this is how it will look like first we have to search for the icon that we want so we want this icon which is a simple fire I can so we'll come over here we'll search we'll click on this icon and we'll search for fire and there are several icons available maybe I'll select this one I'll select this and maybe maybe let's select this one click on insert and this is how it will look like now you can do some more changes for example you can do the Union change the view you can make it stacked you can make it framed you can change the frame shape to square or circle will make it framed circle because you know this is the design that we have used in the demo website now let's change the title and description so this is the title I'll copy it paste it over here and subtitle this is the subtitle so we'll again copy it paste it over here this is how it looks like all good just click on update now we have to do some styling changes over here so this was the content we have entered the content now we have to style the content so to do that click on this style option and we can go ahead do some changes so you like changing the primary color shinning this size and everything now the first thing that I want to do is I want to change the color now I know the color exact color that I wants I can simply go ahead click on primary color and I can type in f55 a5f and I'll get this color and now as you can see this color now if you don't know this if you don't know this exact same color you can just go ahead you can use or you can download a free extension free Google Chrome extension so for that you can open a new tab and type in colorzilla Chrome extension when you do that you will see when you do this search on Google search bar you will get this first link Google Chrome or link open that link you will get this extension option you to add this extension to your browser so instead of this button you will see add to Chrome I have already added this so that is the reason why I see removed from Chrome you will see add to Chrome click on that and you will see this icon over this color picker icon now once you see this icon click on this icon and just bring your mouse cursor to wherever or whatever color you want for example I want this color so I'll bring my mouse cursor over here just click on that it will automatically copy the color code go wherever you want to paste it we want to paste you to here and just paste this color now as you can see this has copied this color now we also want to do things we want to change this spacing and everything so first of all I want to increase spacing a little bit so instead of a 15 I'll make it 20 now I want to increase the size also so instead of this in fact we want to decrease the size we want a very small icon like this one as you can see we have a very small icon so I'll just make it 22 and once you decrease the size you should also decrease the padding so I'll make it 6 not 96 just 6 all right or I guess now as you can see this is how it looks like now we can do one thing we can add these listings at the bottom which is very simple we can again come over here now we have to go back to listing page so to do that you have to click on this 9 dots I can that you see over here if you follow my cursor click on that you will see this page now here you have to search for listing post so if I search for post this is the one with that we have to use listing posts drag and drop it over here at the bottom and this is how it will look like by default it it has this list view and in list view we have several views like list one list two which would look like this I won't grid size so I select grid view and now as you can see it will look like this now if you if you want this exact same style you have to select this option style 3 and now as you can see have this exact same style after that you can just click on update I think we can get rid of some extra space at top because as you can see here also we have space if I just decrease this thing if I were to hide this thing now we have a lot of space at top so if you want to get rid of some space you can go to advanced make sure first you click on this go to advanced under margin top type in - some things so maybe minus 70 pixels so type in 70 and before 70 type minus and now as you can see this will decrease some space from top and now this looks much better so let's click on update so whenever you do so any changes on your website make sure to always update this page and this is all 100% mobile and tablet friendly so if you just see this website if you click on this icon responsive mode click on mobile now as you can see this is hundred-percent mobile friendly and if you see this on tablet 100% tablet friendly so you don't have to worry about that let's come back to desktop now let's add this option this zigzag thing here at bottom so what what I'll do is I'll add a new section or maybe we'll just go here we'll search for divider which is so you're drag and drop it over here at the bottom and we have a very simple solid divider I want a zigzag divider like this one okay so and we also we want to change the color we want to make it very light gray color even more lighter now this eye thing looks good click on update I want to make it full width okay as you can see it is not touching both these sides whereas if you see the demo have said it is touching both these sides and even if you want you can increase the weight to let's see let's type 3 you can also increase the weight to 3 if you want now to make it full width you can do one thing you can click on this option edit section if you follow my cursor 6 dots I can edit section click on that select this option stretch section make it yes and under content width make it full width and now if you see let's see this is hundred percent full width so if you want you can do it like this and we don't want space at top and bottom so again click on divider and you will see this gap make it to click on update again now after that we can create our second section which is very simple this section so to create this section first I want this title at top end with title I also want this simple logo or simple like in this map marker icons so what I'll do is I'll use text editor which is over here at top drag and drop text editor over here and the title here says explore hot location so I'll just type in that as the title I want to make it center aligned so what we can do is we can go to style you can make it Center aligned from here or you can just select this option click on toggle toolbar here also we have the align Center text you can select this option align Center it will make it Center if you want to change the color again you can do it from here text color black it will make it black or you can go go go here select this option and from here takes color black so you can do it from both ways and if you want to add this icon before this again you have to go to that website font awesome com icons font awesome comm slash icons and here's search for map marker and let's see let's select this one so click on this and now what we have to do you have to get the whole code let me show you now here is you can see I class is equal to just click on that it will be automatically copied for you come back to your website now your under visual if you see you on the visual click on text now you'll see something like this not just before explore hot thing this text just before II pasted in whatever you have copied and now you will see that icon is present over here now after this we can add a space just to add some space click on update alright now this is how it will look like and after that now you can add these locations so that is also very simple we come over here we'll search for locations select this option drag and drop it just below this title now this is the default style this is the abstract style we have the box we have boxed too we have grid so whatever style you like you can select that I am selecting simple box to style very simple because we'll be selecting abstract style for these things ok so I want to make it very simple now after this so let's add the third section which is this section so again we'll come over here and let's see first we have this title and subtitle so for this again we'll come over here we'll search for eigen box again or we want the icon box were but this time we won't be displaying the icon and I want to make it left aligned so you'll see at the bottom I in position left select this option left all right this will make it like this now for title this is the title I'll copy and paste the title over here and this is the subtitle audio description copy paste it like this alright so it is that simple and after that we can have we just have to display our categories so come back over here go back to elements and search for categories and select this option listing categories bring it at the bottom and this is the abstract design so this is the one we want do you have one more abstract view too so maybe I'll select this one okay so as you can see this is how it will look like now again click on just update now if you notice one thing we have to do one more thing here we have to change the background color so if you see over here we have a very slight different color over here in the background if I use this color picker this is not white color this is fa-fa-fa and white color is all F so I'll come over here select this option edit section go to style background type classic and I'll paste in this color over here okay to change the background color and after that I'll click on update so this section is also completed then after that we have another section which is this see also first we have the title subtitle and after that we have this thing so we'll again use the same thing I can box let me just copy paste to here or maybe let's just drag and drop this thing over here the title oh here says explore Italian pizza then after that this is the subtitle please do to you and also I want to make it left aligned so select this left aligned option click on update and below this we want to display these listings and to do that again we'll come back over here go back to elements and we'll search for listings by listing spy let's see here it is listing by just drag and drop it again at the bottom by default it will say no listing phone because by right now by category selected select recent I want to select the recent listing and I want to select six recent listings maybe yeah because this is a slider so I'll select six recent listing and what our layout you like grade or list I'm selecting grid layout and under grid layout you have different layouts available so maybe we'll select this list 5 or grid 5 click on update now you might not say this thing oh yeah but if I preview this website in a new tab here as you can see this is working perfectly fine alright so this thing is working and also I noticed one thing that here we still have the icon or you cannot see that but still we have the icons so I will click on over here we have to delete this icon so click on delete it will make it centerline go to style and make it left aligned okay so now we that I can is gone do this same for you click on this delete the I can go to style and make it left aligned click on update now come back over here now after that we have to create this section the activities thing so to do that it is very simple just come back here search for activities and here it is just drag and drop it over here and you won't see anything but if you do refresh it or if you update it come back over here because we have in there is no activity on this website we cannot see anything but whenever someone leaves any review those reviews will show over here ok so that is how it works now below this thing I want to display this final section which is this call to action section so we click on this option will search for call to action which is so here this first one drag and drop it over here this is how it will look like there are different call to action styles we have to select the second one call to action style 3 and this is how it will look like you can change the line 1 line 2 all these things and if you want to enter that image in the background go to advanced background select classic option and upload your background image which is I think this image select this click on open click on insert media and now as you can see this image now this is not full width so we want to make it full width and before that I want to change the position to center center ok now this looks better to make this image full width so that it touches both these sides I'll do one thing I'll click on this option edit section stretch section and content with full-width still we I see there is very little space at left and right so if you see that thing make column gap none or no gap click on update again and now this is hundred percent full width this looks much better now finally at bottom we want to display of I just want to add these icons or these logos so again I'll do one thing I'll search for a new option a new element Partners listing Pro partners drag and drop it at the bottom maybe let's strike and drop it over here now you can just add image over here and you can get get these images from partners folder upload everything select this first option click on insert image then click on atom a second option select the second image add item third image add item fourth image you cannot see these images because the image these images are also white and the background is also white but if I do one thing let's see let's change the background color let me do one thing let me bring this in a new section okay I think we cannot do that if I copy it paste it over here much better and I can cut this thing from your so I want to bring this in new section okay now as you can see we have this option edit section click on that because I want to change the background color so go to style change the background color let's see what this color is color picker bring your mouse cursor over here click on that it is f2 f2 f2 so I'll go to color paste in this color over here and now as you can see this is the color code click on update and with this your homepage is hundred-person completed now we can cut this thing come back to our home page and it is 100% completed now let's do some more things are there many more things left if I go back to my dashboard we have created a listing if I go to listing we have created a listing but they have many things there which are still left for example we haven't created any non announcements any coupons or anything like that so first I want to do one thing I want to go to my dashboard let's come from here go to dashboard and I want to hover over this list bro and here you will see add-ons click on add-ons first we have to enable this add-on ok install both these add-ons listing Pro lead form and also appointments make sure both are active we also want to enable multi rating so go to multi rating make sure multi criteria rating is enabled and lead form is also enabled now multi criteria reading so that people can come to this listing which we have created let me refresh it again and now they if they want to rate it they can you know just not just a simple or a regular rating we can create a criteria rating like let me show you if you edit this thing now as you can see criterias can be like how was the cleanliness how was how's the taste of the food and you can for every single thing they can rate so not just a five-star of four-star rating for the entire or listing but for different things different criteria okay so if you want this is the global criteria used if you want to any edit this click on edit and instead of cleanliness if you want to remove this click on remove add your own options after that you can click on save now if I come back to this page right now it was just a title review submit review if i refresh this thing and if i again click on this now as you can see cleanliness ambience service prize you can also upload images so you can do something like this so this is a much better option lead form will see how these lead forms are created now if i come back to my dashboard again which was over here let's go to dashboard now first of all you'll see if you remember we had enabled appointments but still we cannot see that if i again go back to my dashboard let me show you listing pro add-ons we have enabled appointments it is active but still we cannot see that over here so that is the reason because we have to do a few more things we have to do a few more settings so first of all you have to go at the bottom under theme settings and the theme options you have to go to listing click on this listing option now go to a listing detail first we make sure that this thing is disabled this thing is not disabled so if you see our appointment under disabled like this bring it from disabled to enable and you can place it wherever you want at top or at bottom so maybe I want to place it just above lead form click on Save Changes if you changed this style I'll show you what this style is later on and if you still see disabled so make sure you bring from disabled to this sidebar alright I'll again go back to style one will change this style later on just click on Save Changes now if I again come back to dashboard and if I again refresh it I still cannot see that because that option is enabled now that thing will show in the sidebar it is enabled but we have to enable that on the dashboard also on the user dashboard so for that again come back to a listing option click on user dashboard and from here you have to enable or you have to make this thing on appointments we also want to on image gallery image menu all these things okay click on Save Changes now again if I come back to dashboard and refresh it now as you can see I also have appointments and under menu we have more options now let's set up these things let's see how you and also your users can do these things from the dashboard so these steps are same for you and also for your user so first let's see announcement because that is the simplest thing select announcement and now to add a new announcement just click on add new announcement and this is how as you can see you also have a life preview how your announcement will look first choose the listing on which you want to show this announcement now choose the type of announcement you want book now so this is how your book now announcement will look you can always see this live preview at top or if you want buy tickets this is how this thing will look like so whatever your announcement is you can just select that thing now for this if you by default this bullhorn is selected if you want some other font or some icon again you can just go to font awesome search for that name and you can just enter that name and this icon will be changed now the title for here as you can see this is the title announcement title whatever you enter this will be the title description this is the description we are proud of this so this will be the description and after that button text is this you can also link this button to some other page now once it is done you just save if you again go back to your listing let me go back to listing let's open this in a new tab scroll down and now as you can see this announcement is present too here you can go to theme options and you can do some more settings you can go to listing and detail and here as you can see announcement is at the bottom if you want to make this announcement at top just below details we can do that just bring it below details click on save and come over here refresh it now as you can see details this is the details thing and this is your announcement if you want to bring it at top even at top of this video you can do that as well just bring it at top click on Save Changes come over here refresh it and now as you can see the first thing is this announcement then this video then all the other things so you can change or you can control these things as well now let's see the appointments so click on appointments you can enable appointments just click on start now and you can select what kind of appointments every 30 minutes or 45 minutes you know for timeslot you can select that we can select the listing for which you want to enable appointment and click on save now once it is done you'll you'll see this thing you are all set to accept appointments now if I come over here refresh this thing now at the right hand side I should see let's see I cannot see the appointment maybe because it is Saturday and it is day off so maybe I'll have to do some changes were here let me see that let me change the timing I also want to make this thing on and Saturday 24 hours because I'm recording this at night it is around 2 a.m. so yeah I want to do this 24 hours for Saturday just to see whether everything is working fine or not just click on update view this list and let's see again scroll down let's click on this thing we should see that appointment thing go here but let me do one thing let's come over here let's again click on appointments okay maybe not properly maybe it was not properly done let's do it again start now May let me do 60 minutes select the listing click on oh maybe we have to okay we have to click on this plus button to add this thing now it is added click on save and now I hope this will be done let me just try it again okay now as you can see at the right hand side we do have this appointment again you can also place this appointment at top if you want just come back to the theme this was the content if you see this sidebar layout we can bring this appointment at top or maybe just below timing click on Save Changes now this will come just below this timing it is already below the timing I guess let me bring it at top click on Save Changes refresh it and now as you can see the first thing is this appointment let's see whether this is working so I want to book an appointment maybe 4 let's see 4 Saturday or Sunday stay off maybe Monday I'll select Monday 2 2 3 you can enter your details over here I'll enter my details so here and after that some comment I'll just type in comment and click on book it now appointment details will be and it will be sent to this person whoever has made this booking first this person this listing owner will see the appointment and this is pending if they want they can approve this thing if they want they can cancel this thing so they will see this mobile number and everything they can contact this person and if they find everything is good if if this person was not spamming this is a this is an actual appointment they can approve it from here so this is how this thing works and they can also go to calendar they can see these appointments come back to appointments this is how this thing works appointments now let's see how this coupons work so click on coupons so to create a new coupon we'll just click on add new select the option first of all select the listing whatever the title is maybe let's see 40% off and sum of 40 are not value discounted it is percentage so I'll type in percentage first you have to click on this percentage from here this coupon starts over here if this coupon also has an ending date you can type in you can select that ending date you can have a button link or button says click here and you can also redirect this button to some external website if you want alright so and you can type something oh here coupon it doesn't make any sense and you can also upload a featured image for the coupon maybe let's select this image click on select click on save if I can come back to this listing and refresh it let's see we should see this coupon let's refresh it again ok we cannot see that again maybe I think this is because of some caching problem or because we are using this plug-in so whenever you're creating your website I think it is always better to deactivate s.g optimizer once your website is completed after that you can activate it again you know it creates a lot of caching problems so what happens is your website this browser is still saving that old page cached page and it sometimes it becomes very difficult to see the live page so you'll have to go to your browser now you have to you know get rid of all you have to clear the caching clear cookies and after that you will see that so that was the problem I guess now there now is the left hand side you have menus click on menus and let's see how we can create a menu so to create a menu just click on add new select a listing select this listing we have to create a type and we also have to create groups now in types maybe I'll create wedge and non-witch so I'll click on wedge I'll create a new non wedge and click on this plus button and type in groups I'll select maybe biryani something else noodles anything like this so you can create types and you can create groups and once you have types and groups you can create a menu at the bottom here select wedge wedge noodles doesn't make any sense fine just veg noodles I'll just name it anything like this price maybe 15 we can add some description over here if it is an external menu link you can make this thing if you if it is a popular item you can just enable this thing it will just display at top that it is a popular item spice level you can select that and you can also upload some image if you want and click on add new menu item and you can add more menu items you can go to non-veg maybe let's go to non veg biryani and let's make it mutton biryani or anything else whatever you want let's give it some details again some other image for this maybe this is more spicy and we add nothing like that so I will just select this image click on select click on add menu item and after that this thing will should this thing should display over here if I come over here refresh it scroll down and now as you can see this is your menu for wedge and for naan which so I think that was because of that problem so whenever you create your website better to know deactivate this plugin very useful plugin but you should activate it once your website is hundred percent completed or I guess now let's see how pricing and everything works so with this all the details related to all everything all the settings related to listings are now completed now let's see how pricing thing works how a user can come to your website they will select a pricing plan and they will have to make the payment so we will also have to do the payment method integration and after that how all these things works we have to see that we have to fix the checkout page as well so let's see how these things are done now let's start with the pricing plan page so this page is automatically created for you if you come back to your dashboard click on pages now as you can see select your plan this page is automatically created but if you view this page again because we are using Elementor this is the problem if you are using if you if you were using WP Bakery page builder you would not see any error you would see this select your plan page but because of element we are getting this error so no problem again we can fix this thing click on select this page and click on edit again we want to make this page full width so under template make select this option page without sidebar click on update click on edit with elemento now delete this code and here search for pricing plans and drag and drop this thing Goyo now there are no plans created but once we create this now this will successfully display let me show you so first let's cut this page let's actually go to our dashboard again and let's create a new plan so to create a pricing plan we'll hover over pricing plans click on add new pricing plan and I've shown you how that thing looks let me show you or Aquino is oh if I click on ADD listing' I'll see that page first of all pricing plan page this is how it looks like we have different plans and if you want to see the all features click on all features you'll see all the features so in the free version obviously we give very few features main features like you know creating announcements menus events bookings lead form is not allowed but if you select higher packages you will get all these features so you can do something like this so maybe let's create a free plan I'll just name it free for background-image:url these images ok these balloon images again these are also given to you for this single one I'll select this single balloon for free plan click on insert into post and cut if you want you can also add some custom fields I don't know how to do that now one by one you can select what all things a person can edit all person can enable whether they can do appointments they can receive all appointments with this free plan or not now you can do it like this but what I'll do is I'll just make everything on just for demo purposes because we are doing this for demo purposes now paper listing you can describe this thing and you can describe maximum number of images a person can use in the gallery maximum size of the gallery in embiez okay now the price of this so I'm creating a free plan so I'll just type in 0 if you are creating some other plan or you can create more options so for example if you're if you were creating this plan gold plan first you should select this option package and after that you should select a price here 30 and with this package how many how many number of post a person can create maybe 50 post so you can do something like this but I want to make it free so I'll select paper listing and I'll change the price to zero now when does this thing expire so maybe this expires in 30 days and if it is a hot plan you can just enable this thing so that you will get this you know this thing over here at the top now we can just go ahead and click on publish now once you publish this thing if I again come to this pricing plan page and refresh it now as you can see it will display it like this now if you want to edit this page if you can if you want to edit this page you can change the design of this thing so if you click on this now as you can see vertical design vertical one if you select what equal to this is the one if you select vertical three different designs available so the one which we are using in the demo website is vertical to click on update so as you can see this is working absolutely fine now let's see what happens after this so if someone clicks on this ad listing page they are just seeing the listing page they should first see the plan option and after that they should see this page just like sure so let me show you how that thing works because if you click on add listing first you will see the pricing plan you have to purchase a plan and after that you can add some listing so that is not happening over here because we have we have just enabled the free plan for now so you have to go back to your dashboard under theme options you have to go to this option this payment option click on payment and first we have to enable this thing paid submission make it yes now if i refresh it if I go back to my website click on ADD listing' now anyone who wants to add a listing they will have to choose a plan first of all and only after that they can add a listing once a person choose this this plan they can click on choose plan and after that they can enter all the detail and they can make the payment now because this is a free option we don't get the payment option but if this was a premium plan the person will have to make the payment now all the payment details will be entered from here first of all you have to select the currency for the payment US dollar or Indian currency whatever the you know the currencies select that option now for the failed payment and successful payment click on this these pages are all automatically created for the failed payment page select payment fail for the thank-you page or successful payment page now let's see let's select this payment success and click on Save Changes now because we have enabled this paid submission because we are now receiving payments on our account we have to enable these things PayPal stripe and you know to check out these things and we have to configure them so first of all select PayPal enable this thing and instead of sandbox select live click on Save Changes first of all now we have to enter our username password and signature for PayPal and to get that first go to paypal.com log in to your account now for this you don't need any business PayPal account all kind of PayPal accounts are accepted over here even a normal PayPal account is accepted now once you log into your PayPal account you have to go to this link paypal.com slash business manage slash credentials slash API access and a in access is capital as you can see on your screen so go to this link now you'll see several options over here you have to select this option NVP slash soap API integration click on manage API credentials this will display all the details that you need so here we have the API username click on show copy your username from here go back to your website paste it under username similarly this click on show copy your password paste it over here and also copy your signature paste it under signature and click on save and also enter your paypal email address so here alright so I'll have to hide these things my password and signature so I'll hide that and after that I'll continue or I guess I have successfully copied pasted those things I had to hide it so I'll go back to stripe now now here again click on enable and make sure you're under life click on Save Changes now to enable stripe we want these stripe secret key and the publishable key and to get this thing go - wood dots tribe common obviously before this you must have a PayPal account you must have a stripe account obviously very simple creating both these accounts are very simple so you can easily create and stripe is also now available in India earlier it was not available in India so even if you're from India you can create a stripe account now from the left hand side click on developers click on API key here you'll get your API key copy your publishable key paste it under publishable key now again I'll have to hide this secret key but you just have to click on reveal live secret key copy it paste it over here click on Save Changes alright so I've copied pasted both my details and have clicked on Save Changes once you do that you can go to direct payment if you also want to enable direct payment you can select that click on yes and here you have to enter all your bank account details your swift code ifs C code all those different codes if you want to enable this thing if you want to tax this thing you can enable this and you can type in the tax amount and everything so this is how this thing works now let's see whether this thing is working properly or not we have to fix one more page before that and let me first show you this thing if I go to pricing plans if I make it premium if I change this thing to instead of $0 if I make it $10 let me just update this thing refresh this submit listing page now if I try to do Kirt if I try to complete this thing just give it any title select any category and if I just try to submit this thing click on save and preview submission is successful you are listing is pending please proceed to make published so you will have to click on pay and publish so you have to make you have to make the payment to publish this post so we'll click on pay and publish now again as you can see this page is also corrupted so we have to fix this page payment checkout page so come back to your website click on pages this is the final page that we have to fix arrest all the pages I think one more page this edit listing page so first let's edit this let's fix this page edit your listing click on edit now let me as you can see again this problem we can make sure that this also is page without sidebar click on click on update now again click on edit with Elemento if you don't first let me show you what happens if you don't fix this page if I go back to my dashboard because this is your edit your listing page you cannot edit your listing from the front end if I go to listings we had created this listing if I try to edit it let's see as you can see I am getting this error but if I fix this page if I cut this thing from here and if I search for a little sting which is so here we'll just drag and drop it over here this will be fixed click on update if I come back because you have fixed this thing if I can first refresh this page and if I now try to edit this thing let's see now as you can see this is 100% working so this page is fixed let's come back to dashboard let's see if we have some more pages to fix click on pages let's see the dashboard page - what page need not be fixed because as you can see template - what is selected so we don't need to do anything with your payment check out this is the page that we have to fix right now final page so click on edit again make sure this is page without sidebar update this page click on edit with Elemento cut this thing and search for check out listing check out drag and drop it over here click on update now we were getting this error if I again refresh this thing now as you can see I can now make the payment through PayPal through stripe if I select stripe click on proceed to next proceed to next I'll get this detail I will have to enter my card details and this will accept the payments from here so this is how this thing works as you can see now one more thing is left let me show you how that thing works whenever someone submits a listing and even if they make the payment that listing is not life on your website first you have to go to your dashboard if a user is submitted a listing you will click on listings and we'll see this listing will be pending you have to click on edit and you have to make it publish so click on publish after you click on publish this listing will be published not before that so you have to make sure you remember this thing now let me show you the final thing basically let's go to dashboard we have not seen how this ad campaign works basically we have seen but if you want to create a new campaign click on add new campaign and as you can see very simple just select the listing that you want to promote for how many days type in that day and as you can see cost per day is $10 per day for this top of search it is $50 per day for sidebar it is $20 per day you can accept this thing maybe if you want to make bank transfer obviously bank transfer doesn't make any sense but you can select this thing click on Pay Now you will get the payment detail you can make the payment to this I am selecting bank transfer just so that I don't have to make the payment now as you can see thank you for business with us now go back to dashboard now if you had selected stripe or PayPal and if you had made the payment now your ad would display and I will start displaying everywhere so on homepage on this search page if you search for this page at you know first a result over here will be your listing because of that ad now how to change the pricing and everything for the ad because that pricing is fixed as you can see if I again go back to ad campaign click on add new the pricing is 10.10 dollars per day $50 per day how to change the pricing I will show you very soon so we have to see this thing at the end of the video just few more things are left first let's see how we can create a block page so let's create a new page very simple just give it a title of blog from the right-hand side you have to select page without sidebar if you want a page block page without sidebar if you want it with sidebar just leave it to default template I want to make it page without sidebar click on publish now this is just a regular page just like the home page we have to set this page as the blog page so to do that come back to your dashboard from the left hand side hover over settings click on reading and just like the home page for the post page under post with select blog and click on Save Changes now if I go back to pages click on blog which is so you click on view now all the blogs will display oh yeah now as you can see one blog is created if I click on post hello world I can delete this thing I can create my own post from here so to do that click on add now in the demo website you can see this is the blog page there are many different styles for the blog pages well if you open a single blog this is how the single blog page looks like very nice so if you want you can create your blog like this one so to create a blog first you have to give it a title which is this this is a title and after that all the text images whatever you want so I'll just copy because I don't waste a lot of time over here very simple stuff we can you can paste in your content over here as you write inside you can have a featured image which is this image at the top all right maybe I'll select this image set featured image you can give it a category this category is obviously different from the listing category those categories word related to listing this is related to blog I'll just type in blog under category click on publish this is how a single blog is created if I go back to my blog page this is how the blog page looks like right now if I just open this this is how it will look like if you don't see that image at the top we'll fix that at the end don't worry about this now let's create the final page which is the contact page so again go back to your dashboard how our page is click on add new and let's give it a title of contact and from the right-hand side under page attributes page template select contact page publish this page now if you view this page it is already a contact page it is displaying your details now how to change these details I'll again explain you later on so basically I'm saying later on because at the end we will see the final theme settings and in that you will control all these things we have not yet change many things we have not yet changed the design of this single page this search phase design okay right now this is the search page design so we have to do few more things that we'll do at the end of the video now only two things are left basically only one thing is left to the menu so let's see how this menu is created because right now we don't have any menu at the top here in the demo website we have a menu for the inner pages and we have another menu for this okay as you can see for the home page and you can also create a menu for this thing for this categories so let's finalize this thing again go back to your dashboard to create a new menu from the left hand side hover or appearance and click on menus let's create a menu for the home page first of all so I'll just name it main menu you can name it homepage menu some something else click on create menu what all pages do you want to display over here I want to display the home page block page contact page and let's see maybe the dashboard page these pages and make sure to take mark this thing home page menu now click on save menu if I again come back to my website now as you can see these menus are displaying if I go to some other page single listing page or a search page here that menu will not be displayed for this you can create a new menu so click on create and menu or if you want to display this same menu for the inner pages as well you can just tick mark this thing in our pages menu so if you refresh this page now as you can see this menu is also displaying oyur so you can create different page different menu for inner pages and different menu for homepage or you can have the same menu for both the pages now if you want to create this menu okay let me show you this one very simple you can click on create a new menu and let me name it cat menu categories menu and here I want to display categories now this category that you see this is for blog I don't want this category so I can click on this screen option and I can enable this category so tick mark this so when you tick mark that now you have one more category option and now as you can see this is your listing carry really tick mark both click on add to menu and make sure to tick mark this thing category menu click on save menu now if I come back to my website and if I go to home page or any other page I will not see that menu because first we have to change the header style so once you change the header style you will see a menu like this over here okay so I'll show you how to do that alright so with this everything is done now we can see how the final theme setting is done so to do that from the left-hand side you'll see theme options just click on that because now we are going to go through all the things first of all the primary color this is the blue primary color that is the reason why everywhere you see as you can see this blue color everywhere I want to change this color I want to get this color let me show you okay I want this color so I'll click on this I want to set this color as my primary color I'll replace it with this click on Save Changes if I come back to my website and refresh it now all those blue colors will be changed with this color now as you can see this search link and everything now you'll see will be this color okay so I want to make here also as you can see the category link all these things are now changed to this color the link for this the hover color for this instead of blue now everything is this color so this has become our primary color obviously if you want you can set our secondary color as well and I would not recommend you to do some more changes with you we have already seen the user dashboard to enable everything typography if you want to change the typography for the font of one family from here you can do that not recommended now header if you want to display that category menu you can select this header style fourth one okay select this click on save go to your website and now you can see this category menu at the left hand side so that is the reason why it was not displaying similarly you can do some more changes over here if you want to make your a head of fixed right now when we scroll down the header disappears if I on this thing click on Save Changes if i refresh this page now if I scroll down header will be with me as you can see the header is still with me so that is what it does and you can do you can control these things you can control the page header background image so if you open any page this is the background image that you see and login pop-up style all these things can be controlled from here we have also seen banner we have changed the banner and everything we have seen these things map also we have seen blog for the blog paste let me show you the blog page this is the a blog page if you want to change this style for the blog view and instead of grid grid if you want to list to select this click on refresh and now as you can see this is list tile if you want list one let's see so you can control these things from here okay as you can see and from for the blog detail page this is full width if you want with a sidebar or anything you can control that thing as well now in the listing I think we have already seen this listing page yeah listing style if you want to change the listing style so go to listing detail right now if you open your listing page let's open any one let's see this one this is the listing style if you want to change this thing select anything else listings 3 is the one that we are using in the demo website if I select listing theory now as you can see this is the listing 3 all right this is how it looks like so if you like this one you can have this if you want to enable or disable anything you can do it like this we have already seen these things now listing archive views so click on this and this is the search page or the archive page so if I see this search page right now this is how it is looking I want to change this thing first of all I want to make it like this ok so I'll select this you can change the background image you can upload any background image for this and for the listing detail I don't want this I want this now if I click on save if I come over here refresh it now as you can see listing style is also changed and the list the page style is also changed and the listing style is also changed now here it is displaying this thing this coupon as you can see so we can change these things from here click on Save Changes if you want some other you can obviously select that the reviews is enabled make sure it is on reviews is on listing claim you can also make it on lead forms is also on auto archive not really important pricing plan not really important all these default settings are better now the payment we have seen payment to be I've seen let's see what is left contact page so you can go to contact page and this is these other details that is displaying on your contact page so if you want to change those details just change these details change your phone number email from here alright this will do the changes for you or I guess so with this this entire page is now completed this entire website is now completed I hope you guys enjoyed this website I hope you guys enjoyed this tutorial if you find this tutorial helpful if you want to watch more tutorials like this make sure to subscribe to the channel and also click on the bellick and so there you don't miss any future notifications if you find this video helpful give a thumbs up to this video share it with your friends on Facebook Twitter whatsapp whatever social media platform you use throughout the video if you have any doubts any comments any sessions for me you can leave them in the comment section below thanks a lot for watching this video guys see you in the next one
Info
Channel: Nayyar Shaikh
Views: 91,563
Rating: undefined out of 5
Keywords: wordpress, how to make a listing website, how to make a directory website, how to create a listing website, how to make a website like olx, listing website, how to make a listing website with wordpress, how to make a directory website with wordpress, listingpro, listingpro theme, listingpro wordpress, listify theme tutorial, classified website using wordpress, how to make classified website in wordpress, real estate website, listify review, elementor listing website, elementor
Id: o_w3oC34rio
Channel Id: undefined
Length: 123min 37sec (7417 seconds)
Published: Sun May 10 2020
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.