How to Make Classified Ads Listing Website like CraigsList OLX & JustDial with WordPress & Lisfinity

hello friends i'm nate she can train this really i'll teach you how to create a classified advertisement listing and business listing website like craigslist and just style.com using wordpress now first of all this is the website that we'll be creating in this video if you see this is the first section and then after that we have few more sections like second section is your category section third section is this section then we have few more sections now let's start from top at top if you see this is your hero section and here at top you have your header at the left hand side you have your logo at the right hand side we have few links first of all we have our pricing page link so if you go to that page you will see different pricing packages that we have created i'll talk about these packages later on in this video and i'll show you how you can make money with these packages then we have the how it works page and news page now the great thing about this website is that here everything happens on the front end so if somebody wants to submit an ad or somebody wants to post an ad or just post a listing they can simply click on this button submit ad button now they will be redirected to the packages page they have to select some package we have already selected this premium package as you can see there are few packages that are allowed over here so normally you can do one thing you can create a free package or a trial package wherein you can allow one ad to be posted so if somebody selects this package they can post one ad and you can see all the different things that ad will be displayed on your website for seven days they can post four different images they cannot post any videos any documents on that particular ad then after that if you want you can create few more packages obviously with higher packages you will give more features like more ads allowed more days no more number of days that ad will be displayed on your website more resources all these options can be given now again i'm saying this thing i'll talk about all these things in complete detail later on in this video so because i've selected this package premium package i can simply click on this submit package button and now i can follow this process at the title description then you'll be redirected to next step detail then at the pricing address no media then you can make the payment and you can submit this listing and you can also see one thing that your users your customers will see this front-end dashboard they don't have to go to the back end to see this thing they have their own front-end dashboard from here they can go to the main dashboard they can see how many ads they have posted and because we have auction and bidding option as well you can see how many biddings or how many auction products you have and how many biddings you have received on those products then if somebody wants to message you they can you know send that message and you can see those messages over here then when you scroll down we have this nice analytics over here you can see how many impressions your ad has reached you can see all those things how many conversion or what is the percentage of conversion you can see all those things then at the left-hand side if you click on listings here you can see all the different listings that you have posted if you want to make some changes in those listings you can click on this pencil button and you can do some changes or if you want to do one thing you if you want to promote your listing so there might be thousands of different listings on this website but if you want to bump up this listing if you want to promote this listing maybe on the search page maybe on the home page you can purchase some promotion so you can click on promotions and yes you can see when your users see this thing they if they want to now promote their listing on single ad page or single listing page or on home page or on promo ads or any other page they can purchase these plans so we have this plan as well to make you some more money now there are many more features available over here but about all these features we'll talk later on in this video now again let's come back to our home page now when you come back to your home page we have few more options so if you see this thing this is your dashboard page if you click on this thing you will be redirected to your dashboard page then we have two more icons we have the compare icon when we have the uh this bell icon wherein you can see all the different notifications now if you add different products in the compare list you can compare different products i'll talk about that thing later on again now the next section is this categories section so we have created different categories so here cars real estate boards bikes so you can create any number of categories if you want and for all these different categories you can have different options let me explain you so if you scroll down you can see we have a car we have a pet we have a real estate if i open this car page in a new tab and if i open this real estate ad in a new tab let's see let's compare them both so if you see this car page here you have few options for example you have the title and all if somebody wants they can bookmark this page if somebody wants they can add this thing to their favorite list so they can simply click on this icon and that will be added as you can see now in this page we have this photo we have some gallery then we have the calculator if somebody wants to add this product to the compare they can do that thing now here we have the technical data related to a car for example this is the basic thing location it will be present in all different listings then technical data we have condition of the car uh maker of the car we have mileage no model body type gears doors all these options whereas if you see this option the page looks very similar but if you see these details are totally different condition is same then we have property type story lot size floor room size package spacing all these options are different so you can have different options you can create completely different options for different categories and for different products i'll show you and i'll explain you how this thing works you can also see this thing over here at the right hand side because i have added this list because somebody has paid me some extra money to display their listing or to display their ad on some other pages as you can see here at the left hand side it says it is an ad which means that this is a promoted listing so you can accept some extra payment and you can promote their product then at the right hand side we have this thing so if somebody wants to contact this person they can click on this thing if they want to send them some message they can click on or send message for me it is saying read messages because this is my product then you can see the location all these things can be added now if it is a real estate product you can add this financing calculator over here as well so we have this option as well now again let's come back to our home page now here if you scroll down in the next section we are just displaying how this entire thing works so you can just register for free you can submit an ad get exposure and you can grow your business then you can display this our partners section you can display different icons over here testimonials and also latest news so we'll also see how to create different blog posts and these blog posts will help you to generate some extra organic traffic through google search results then at the bottom obviously you have your footer now let's see the search page so if somebody wants to search for something when they type in anything because this is using the ajax search it will automatically get all the results all this suggestion so if i just type in a it will give me some suggestions if i type in this thing if i delete this thing if i want to see only real estate i can open real estate if i want to see only pets or cars i can click on this thing or if i just click on search you'll be now redirected to your search page so this is your search page as you can see now you can filter a few things for example first of all if you want to also see map you can see maps of where these listings are added so if i click on this location as you can see two listings are added over here you can also hide this map you can sort by new as sort by pricing sort by nearby you can you know have different sorting options and you can also filter few things for example right now it is displaying all categories maybe i want to see only real estate so i'll click on real estate now if you scroll down here it will say that you have two products here as you can see under search now under real estate also maybe i have a particular budget so you can type in minimum price maximum price and you can type in your state name so you can add many different filteration option and after that once you click on search you will see product based on your filter option now there are many more features and many different pages available in this website but i don't want to waste a lot of time over here i just wanted to give you a quick glimpse of the website that you are going to create in this video so now i hope you guys have a better idea about the website that you will be creating in this video if you like this demo website if you want to create this website make sure to watch the complete tutorial and before you proceed further also make sure to subscribe to the channel and click on the bell icon so that you don't miss any future notifications and if you like this video give a thumbs up to this video 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 always leave them in the comments section below now let's start creating this website right now to create any kind of website with it's a classified ad listing website an e-commerce website a simple blog or a business website any kind of website we need two basic things a domain name and a hosting account a domain name is simply the name or the url of your website for example blogboot.com youtube.com google.com.com all these things are different domain names so we also have to purchase a domain name on the internet so that whenever someone wants to visit your website they can simply type in this domain name in the browser url bar and they can land on your website now the second and the most important thing is your website's hosting now hosting is basically a computer or a server wherein your entire website is saved so if you see this entire website from top to bottom including all the different listings all the different pages database this entire website basically is saved in a server and that server is running 24 7 so that whenever someone wants to visit your website from any particular country at any given time they can always come to your website because your website is always live now hosting is the most important thing about your website because everything related to your website is directly or indirectly depending on your hosting so your website speed your website's performance the user experience on your website and even your website's ranking in google search results is totally dependent on your hosting so if you selected a good and reliable hosting your website speed and performance will be amazing you'll get better ranking in google search results and with that you'll also get better security and obviously in contrast to that if you select a cheap crappy hosting everything will be opposite of that your website speed and performance will not be that great it will load very slow it will take a lot of time to load the complete website with that also your security will not be that great and you won't get better ranking in google search results so this is very important now there are literally thousands of different hosting products available in the market but unfortunately only handful of them are really good enough to consider but you don't have to worry about that you can simply open a new tab and type in blogger.com a2 now 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 this is the hosting that will be using a2 hosting one of the best hostings available in the market now here you can see you can start and create your own website your first website for as low as three dollars per month there are four different plans whichever plan if you want you can select that thing for most of you guys i would recommend you to start with the drive plan because if you see in this startup plan you can just create one website whereas in drive plan you can create unlimited websites so what does this unlimited websites mean so today you are creating this listing website tomorrow if you want to create some other website maybe an e-commerce website or a blog website any kind of website again you don't have to purchase a new plan so with the drive plan you can create hundreds of different websites and you don't have to purchase a new hosting you can host all those websites in this drive plan so this is very important and with this you're also getting unlimited ssd space free and easy website migration free automatic backups and money back guarantee you can see some more features if you hover over this thing key features we get free ssl certificate free website builder many different features are available under growth feature if you see you can read more about these options so as i said earlier for most of you guys i would recommend you to start with the drive plan now for drive plan you can get it for as low as 5.99 per month if you go with the three year plan if you select if you want you can just select the one-year plan as well so select whatever option you want and you click on get drive now once you do that you will be redirected to this page and here as you can see we have few options the very first option is use my own domain so if you have already registered your domain name on some other website maybe on godaddy namecheap or some other website and if you want to use that domain with a2 hosting you can enter that domain over here for example suppose if i have already registered this domain name layer sheet.com so i can type in naya shake and over here i can type in com so negasic.com so if i've already registered this domain name maybe on godaddy and if i want to use this domain name with a2 hosting i can select this option and click on use this domain and in the next step i'll show you how you can link that domain without hosting so we are using some external domain in the next step we'll see how we can link that external domain name with it hosting and for most of you guys you might need to register new domain name if you're doing this for the first time so if you want to do that you can select this third option register a new domain name and type in that domain name that you want to register suppose if i want to type in or if i want to register nayshik.com.team.org hundreds of different domain name extensions are available you can search for that as well so whatever domain you want to register you can type in that thing and whatever extension you want domain name extension you can type in that thing over here or you can select that thing from here and after that you can click on check availability now once you click on check availability it will check whether this domain name is available or not and you will automatically be redirected to this page so most of you guys should select this option to register a new domain name now once you do that thing you can click on use this domain or if you're doing this for the first time as i explained you earlier just click on check availability it will check whether this domain name is available or not and if it is available you will automatically be redirected to next step and here you can just click on this continue button which is over here at the right hand side click on this continue button now we'll come to this page review and check out again just click on checkout now this is your final checkout page just enter your basic details like your first name last name your email address phone number then after that your address your country name just enter all these basic details and after that also choose a password for your account so just select some password over here now remember whatever email address and password you enter over here this will become your login credentials so whatever email address you enter over here and whatever password you choose over here make sure you remember that email and password so that you can log into your a2 hosting account later on so once you enter all these details you can just come over here at the bottom you can make payment through credit debit card or you can make payment through paypal skrill bank wire transfer so a lot of options are given to you now most of you would be selecting credit or debit card so just select this option and enter your card details now just remember one thing only these types of cards are accepted over here visa mastercard american express discover and few more types now the reason i'm saying this thing is because many people in india if you're watching this video from india by the way most of the people in india have a rupee card now rupees is a domestic card which is not accepted anywhere outside india so if you have a rupee card you can go visit your bank and you can upgrade your card to visa or a mastercard so enter your details and after that click on tick mark this thing and click on complete order now once you complete your payment after that you have to come to this website or this page my.a2hosting.com and here you have to click on secure client login now enter the email address and password which you have entered in your previous step and click on login now once you log into your website you will see this page and here you first of all you can see this thing you can click on this account details once you click on account details you'll get all the details related to your web hosting account now for those of you whose domain names are no registered on some other website and if you want to use that domain name with a2 hosting let me show you what you can do first of all go to that website wherein you have registered your domain name for example i can go to godaddy.com so go go to godaddy.com and log into your account now once you log into your account you can see all the different domain names that you have registered now beside every single domain name you will see this dns button click on dns now steps are same for every single domain name registrar so whether you're using name cheap godaddy or any other option you'll see the same options now here you will see your name servers click on change and change your name servers now delete these name servers from here come to your website and here as you can see instead of two we have four name servers so copy of name server number one enter it number one enter it under line one copy your name server number two enter under line two now click on add new name server because we have few more copy your name server number three and after that your name server number four just like this and click on save now once you click on save it can take up to 24 hours to link your domain name with your hosting by that time we can do few more things we can actually come back and over here you will see this green button cpanel login click on that button now you will be automatically redirected to your cpanel account now this is how your cpanel will look like because you can see this is how it will look like now the very first thing that you have to check is whether your domain name has ssl installed on it or not so you'll see your primary domain name over here the right hand side now here as you can see besides your primary domain name it should say dv certificate or something like that and you should have this lock pad over here now here this means that ssl is installed on your domain name if not you can do one thing you can click on this search bar and search for ssl you will see this option ssl slash tls status click on this thing click on this thing now basically this is an automatic process so you don't have to do anything over here but for some reason if you see that your domain name or your domain name does not have ssl installed you can click on this run auto auto ssl so okay so if your domain name does not have that thing so it will take some time and after that your domain name will have ssl installed on it now once that is done we can do one thing we can install wordpress on our domain name so for that again click on the search bar and search for softaculous app installer okay this is the one as you can see click on subtaculous app installer now there are many options given over here i would recommend you to do one thing from the left hand side you can search for wordpress okay so here as you can see there are many different options wordpress wordpress a2 optimized wordpress elementor all these options i would recommend you to just select the regular wordpress okay click on wordpress this regular one okay you should see this screen and now click on this install now button now here the very first thing that you need to do is you need to choose your domain name so maybe i want to install wordpress on this domain name listfinity2.net.com and after that under choose protocol make sure https is selected now there are two options http and https make sure you select this http s1 s for secure then after that make sure your in directory is empty so under this box under in directory box nothing should be typed in if you see anything typed in just delete it make sure your in directory box is empty now scroll down now here the left hand side you'll see your site settings so under your site settings you can give your website some name so i'll just name it lisfinity then after that you can add some description so i'll just add classified ads listing obviously you can type in something else now at the right hand side you will see admin account so here you have to choose some username and password for your wordpress dashboard i would recommend you to not use this thing enter your own username and password so something like this also enter your own password make sure your you have a strong password then after that also make sure to delete this email and type in your own personal email address like this now once you do all these things just go ahead at the bottom and click on this install button now wordpress has started installing on your domain name and this is a very small process hardly takes around 10 to 12 seconds so as you can see it is already completed now once wordpress is installed on your domain name you will get two links first link is just your website link or your website thing so if you just click on that thing you will see this is how your website is looking right now second link is your dashboard link so if you click on this dashboard you will be automatically redirected to your dashboard page now this page this dashboard page is the most important page of your website because you will be controlling your entire website from this page so whether you want to change your website's appearance whether you want to add some new features whether you want to manage payments manage commissions everything will be done from this page so this is a very important page and whenever you want to come to this page you can simply type in your website name after that put a forward slash wp hyphen admin you will land on this page now whenever we install wordpress on a new domain name there are few basic settings that we have to do and a few basic things that we have to understand first of all this is your dashboard you will see a few widgets over here these are not really useful so we can do one thing we can click on this screen options and we can untick all these widgets from here just to make sure that our dashboard is nice neat and clean now here after that you will see the left hand side we have a few more options first dashboard we have seen that second option is a post option now this post option will be used to create different blog posts so as you can see one dummy blog post is already created for you later on in this video we'll see how to create a blog post then after that you have to media option under media option you'll see all the different media files that you've used on your website so for example all the different images all the different icons that they have used you can see all of them in one place under this media library then we have the pages option which obviously will be used to create different pages we have the comments option whenever you have any comments on any blog post or any other single page single listing single ad you can manage you can see all those comments over here and you can manage them from here so if you want to delete them approve them and approve them if you want to reply to any comment you can do everything from this page now the next option is very important your appearance option now under appearance you will see three themes are already installed for you and one of them is already activated which is this 2021 theme now theme is basically the design and appearance of your website for example if you see your website is looking like this right now and this is because of this theme 2021 theme so this design and appearance of your website is because of this theme if we just go ahead and activate some other theme maybe let's activate this 2019 theme again come back to this page and refresh it now as you can see your website looks completely different so this is basically what a theme does a theme changes the style and appearance of your website now you should always have only one theme installed and activated so rest all these extra themes click on this and delete these themes so click on this thing delete this theme as well now we won't be using this 2019 theme in the next step i'll show you we'll be using some other theme to make your to make our website look much better next step is your plugins so if you see plugins here we have two plugins installed and installed for us i would recommend you to delete these plugins these are not really useful for us now what is the plugin now plugin is basically kind of a software or an add-on that will add some extra features and functionalities to your wordpress website so theme is the design and plugins plugins are the features and functionalities of your website if you don't understand these things don't worry later on in this video when we install a theme when we activate and integrate different plugins you will understand everything in much better way now at the left hand side click on settings and do your general setting your basic setting if you have not already change your website name and description you can do it from here then after that make sure you have your own email address now in a membership make sure to tick mark this thing anyone can register so that people can come to your website and they can register on your website then after that under time zone you can change this thing based on your country so i'll select kolkata time zone now click on save changes now under settings click on permalinks by default day and name will be selected for you select this post name and click on save changes again come back to your dashboard now with this we have completed all the basic settings related to our website right now let's do one thing let's install all the required themes and plugins because right now if you see your website is looking like this so it is looking really bad let's convert this website into something amazing and beautiful like this one so for that we'll need a new theme and we also need few plugins to add all these required classified listing features on our website now for that we'll have to open a new tab and type in block to dot com slash list finity now again 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 this is the theme that we need to use lisfinity classified ad listing wordpress theme now you have to purchase this theme the price is 59 but you don't have to worry about the price because this is a one-time payment you just pay you know 59 and you can use this theme on your website for lifetime and you'll also get future updates so in future whenever this theme is updated and whenever you know there are new features and functionalities added to this feature you will keep on getting those switches for free so you don't have to pay for these updates as well with that you also get six months of support so if you have any problem with this theme you can always come over here go to comments post a comment or go to support raise a new ticket and you can they these guys will help you so this is the theme that we need to purchase just click on add to cart and make sure you purchase this theme once you purchase it you'll have to hover over this you'll see a username over here top right corner however that and click on downloads now here you will see all the different themes and plugins that you have purchased this is the one as you can see lisfinity classified ad you have to click on this download button and select the second option installable wordpress file only a new file will start downloading now we have to upload this file on our website so come back to your dashboard click on appearance click on add new now let's select this file and upload it click on upload theme choose file this is the file that we have downloaded so select this file click on open and now click on this install now button now once it is installed you have to now activate it so click on this activate link and once you activate this thing you will automatically see this pop-up or you will automatically see this setup you have to click on start to start this setup this will automatically create all the different pages that are required for your website now click on next and here it will ask you whether you want to install a child theme click on install so that we can install a child theme on our website now in this step we have to install all the required plugins so as you can see click on install it will automatically you know install all these required plugins now once all the required plugins are installed in the next step this will ask you to import dummy content so if you want to import this entire content that you see on my screen so if you just select any one of these options for example if you select all categories it will install it will just create this entire website for you so if you want to do that thing you can do it i would recommend you to skip it for now so that you can see everything step by step how it works or if you want you can import it and keep watching the video both the options are given i'll skip this option because i don't want any dummy content on my website now once you skip this thing this thing is now completed this setup is now completed you can again come back to your dashboard and now if you go back to your website and refresh it it will be changed this style of your website will be changed as you can see now the very first thing that we'll have to do is you'll have to first of all let's get rid of all these things we need to activate this theme so click on this button activate lisfinity and here you have to enter your license code which you will get with you if you click on uh this option if you click on the theme go to support and if you scroll down here is your license code just copy it like this come over here paste in this thing and click on activate now it will say that this is valid regular license whatever so basically your license code is now activated you can now come back to your dashboard all right so our theme is now activated now we have to do one thing now you have to create all the different categories that you want on your website if you're creating this classified listing only for cars listing you can create a car category or if you're creating this for multiple listings like i have created over here for real estate also for boat also for bikes also for cars also so you can create multiple categories let me show you how these categories are created then after that we can add different features and different layouts to each individual categories first let's create this category so for that come back to your dashboard now at the left hand side as you can see we have few options over here first we need to click on fields manager this is the most important one now you'll see one common option will be created now this is for all this is for cars also for real estate also so this is a common option for example if i open this car also or and also if i open this real estate both the options will have few common options or few few common features if i scroll down as you can see this location over here is common so whether you're selling a car whether you're selling real estate location is common thing okay so this is common so we'll have to create this location thing under common right now there is nothing under common it's just a group created but it is an empty group so to add things under common you have to click on this pencil button edit fields and over here you can add these taxonomies so click on add taxonomy under singular name let's first add state so i'm adding a state and city so first under singular name we'll type in state and under plural we'll type in states under slug will type in state but all small letters all lower cases and under field type make sure to select location because obviously this is related to location now go ahead at the bottom and click on add taxonomy now one taxonomy will be added as you can see now let's add another one click on add taxonomy this time let's add city under plural will type in cities under slug city and again field type it will be location now under parent field we have to select state because this thing comes under state okay city comes under state so under parent we have to select state and now click on add taxonomy now once you do this thing now you can go ahead and start adding different states and cities for example you can click on add term let me add a state in india so it is maharashtra i'll add this thing under slug as well make sure everything is lower case now go ahead at the bottom and click on save similarly you can you know create more states click on add a term and you can add one more state maybe let's add delhi which is a union territory so i'll add deleo under slug as well click on save similarly let's add one more maybe let's add gujarat all right and click on save so you can similarly go ahead and add more states now let's add cities so if i click on add term under cities i can add a city called mumbai under slug i'll type in the same thing now what i'll do is under parent i'll select maharastra because this city is under maharashtra so this it is in maharashtra state so under parent will select this thing and click on save similarly when once you click on new term once you click on add term and add more cities you have to select the state under parent okay so you can just go ahead and add more fields under this thing now let's again come back to all categories or just click on field manager and let's add a new category now this was common this will be for all whether you're creating or whether somebody is listing a car or a real estate or a pet or a bike whatever it is this option will be common for all now let's add a new category so click on add category let's start with car first let's add a car so under singular name it will be car under plural it will be cars slug will be car now for this we can also add background image and icon so if you see over here on our home page we have displayed this thing these are different categories cars real estate so when you're creating a category you should always give it some background image so that once we display those categories on our home page it will look something like this so let's add some background image click on this now again there is another link given in the video description if you click on that link you will be redirected to my website blog dude now for every single tutorial i create a similar kind of blog post so once you click on that link you will be redirected to a similar blog post at top you'll have this video and at bottom if you go you'll see this button download free images click on this download button you'll download a zip file now let me show you what happens after that now you have to unzip that file once you have unzipped that file you can right click on this thing and click on extract files that file will be unzipped or extracted now once you extract that file or unzip that file you'll get a new folder media folder and in that you have all the different images that i've used to create this website so you can import these images on your website let me just select everything except for these two all right now i can just upload all these images on my website around 50 different images are given to you right so as you can see all these images are uploaded now i want to select this image this car image for this so i'll select this thing and click on background image now let's select an icon as well so if you see we have different icons displaying for different things for different categories so for car we have this icon so click on choose icon i've given you this icon as well let's search for that here it is as you can see this white one select this white one and click on choose icon and now click on save now i have given you these images and these icons but what what if you want to use some other image in some other icon so you can go to this website unsplash.com there is one more website pixels.com now on these websites you can download free images so for example if you're searching for car if you don't want to use this image you can search for car now as you can see you have hundreds of different high quality images for free you can use these images on your website for free without any copyright or anything and if you want to edit these images for example let me actually download one of these maybe let's let's download this one okay so we'll select this and we'll click on download i want to download this small size so i'll select this small option don't click on download free click on this you know arrow and select this small option now let's let me show you how we can edit this image so we have seen how to download free images okay without any copyright high quality free images now if you want to make some changes on these images you can go to this website photo.comtor.com and here click on edit an image or edit a photo and upload this image over here once you upload this photo now you can do some changes on this for example i want to i want to change the size of this thing i want to crop this thing so i'll go to crop now here you can do one thing you can use the free form or if you want you can use one of these ratios i would recommend you to just select this one this option 9 by 16 ratio and increase the size like this okay now you can crop it like this whichever section you want and select apply now as you can see you have your image go ahead and download it okay you can use you can download the jpeg version or you know png version you can select high quality medium quality and you can download this file and use it on your website this is how easy it is to download images and to edit your images okay now you can use this image on your website now let's again come back to your website again for these icons as well we have seen images for these icons you can go to a website called icons8.com and here you will have hundreds of different icons for free for example if you want icon for bike search for buy can click on search here as you can see hundreds of different icons available maybe if you want to use this icon and if you want to change the color to white because here we are using this white color thing so you can click on this thing click on recolor and change the color to white okay as you can see we have this thing now click on download you can select to the size that you want and click on download again download for free and you have downloaded your icon for free as well so this is how easy it is okay you can use you can download free icons you can also download free high quality images and you can use them on your website now we have created this category but this is still empty as you can see nothing to show so we need to add few things under this category let's see how that is done now first of all let me add a single or let me just open a single car listing so that we can understand these things how it works now if you see this car we have different fields over here for example condition is a field make is a field body type is a field gears is a field now headlight type is a field so we need to add different fields for different categories because we are working on this cars category we have to add these fields let me show you how we can add or how these fields are added now to add a new field you click on this button this orange pencil button edit fields now let's create a first taxonomy for car category so click on add taxonomy here as you can see the very first thing is this condition okay so condition of the car so under you know singular and plural i'll type in the same thing probably under slug will type in this thing then after that field type let it be select for this in fact most of the times we are using this select fill type we'll be using the select field type okay this is the most common one just leave everything as it is and click on add taxonomy now once you add this taxonomy you have to add terms under that so click on add terms so what could be the condition so condition could be new so a new car or a old car or a used car so i'll type in new you know new option to add another option we'll type in used now again click on save so this is how one taxonomy or one field is created let's create another one make okay so who is the maker of this car all right so select this option and click on add taxonomy again now click on add term and add all the different makers that you can think of maybe bmw mercedes all those different options okay all the different car makers click on save based on your country you could have different car makers maybe let's add tesla over here you can add suzuki you can add honda all the different options okay so different makers basically then after that we have to add different models so click on add taxonomy again now under singular it will be model then we'll add models all right now this will be under this we have to select a parent of make because maker will have this model so for example if somebody selects maker tesla then we'll display all the different tesla models if somebody selects maybe maruti then we'll se you know we'll display them all the different models of maruti so make sure under parent for model you select make okay now click on add taxonomy again now as you can see this is under makes okay model is under mix you can see this thing visually as well now for example if i click on add term i'll type in model y probably okay so this is first let me add the slug as well model y all right now under parent will select tesla because this model y is of tesla not of bmw so we'll select tesla model y click on save similarly if you want to add one more click on uh add term now let's add x5 okay now this is of bmw so we'll select parent bmw so whenever somebody selects bmw make will give them all these options now click on save okay so this is how it is added now as you can see you can see this thing under this also model y make is tesla x5 make its bmw similarly you can add more for example click on add taxonomy we have few more options like mileage model body type all these options are given to you so maybe let's add body type okay here's body types plural body types then then under slug everything will be lower all right now click on add to taxonomy and we have to add different terms under this so maybe sedan uh suv okay all those options can be added over here so click on save to add another term click on just add that term over here and click on save all right so this is all select this is all all under select type we can have few more options like we can have numbers we can have few more options so if i click on add taxonomy let's add engine cc under plural also i'll add the same thing under slug also same thing just make sure everything is lower case all right now over here instead of field type select we'll select number so field type is number in this case click on add taxonomy now we can add different numbers over here let's bring it over here like this click on add term maybe 1200 1500 okay so just type in this number you can keep typing in different numbers like this all right so this field type was number i was just trying to show you that we can have different field types now there's one more now in these options in number in select field type we have a single option so you have to select a single option under condition you can select either new or either used so you cannot select both of them whereas if you have few more options for example if you create interior features interior features could be many like here as you can see we have selected 30 40 different interior features so under select you cannot have this thing when you want to select multiple options we have to add or we are we have to select a different field type let's see how we can create that fill type click on add taxonomy let's add interior features okay i'll add this thing interior features slug all right let's add plural everywhere now this time instead of field type select let's choose check box so that we can have multiple options now if i click on add taxonomy you will see this thing over here let's go to this option interior feature now click on add term and let's create or let's just add few terms from here click on save let's add one more okay click on save okay just like this you can keep on adding different options save now you can just keep on adding different options now once we try to create or once we try to post a new job posting for car you will see how these things play out for now we can stop it over here for these features we have seen how to create these features now similarly you can go ahead and create as many fields as many features as you want okay i've created few for you just to show you just to explain you how this works now if you want to create one more option you can again come back to categories now if you want to create another category maybe steps are all same you can now click on add category at real estate now in the real estate you can add different fields like condition room size how many bedrooms how many bathroom you know all those options so if steps are all same right so till now what we have done is we have created different fields but you know those fields are created all at one place now what we want to do is we want to add different groups and we want to you know assign different fields to different groups for example we have added this location group and we have added these two fields we have assigned these two fields to location similarly we have added a group technical data and we have added all these fields we have assigned all these fields to this particular group so let me show you how that is done that thing will be done under search builder so click on search builder let's first select this option a single page group field now under common as you can see we have state and city under car if you select we have these options but we have not created any no any different groups so let's create different groups click on add group first is location you can see that thing over here as well first is location so let's create a new group second one is technical data let's create one more group then we have features or maybe just add interior features all right so this is how we can create different groups and now we can assign these taxonomies to different groups so for for state and city we want to assign this to location for condition technical data make also technical data model also technical data body also same thing engine cc also the same thing and for interior features we want to assign this interior features group so this is how we can do it this thing is automatically saved similarly if you go to home page you can enable these things and you can see how this thing works for example if i go to home page let me show you how this thing works now on home page in this search bar here as you can see it says what so what you're basically what you're typing for what you're looking for and under placeholder it says type your search term so instead of this if you want to type in something else for example what you're looking for okay maybe i want to type this thing okay i'm just showing you that this is how it works type your search term type your search object okay just just trying to change few things show you how this thing works okay so if you want to do some changes you can do it from here and click on save and whatever you want to search so i want to search for titles and also for description so whatever the search term it will be it will search for titles and description so it will search whether for example if i just type in bmw so it will see whether this bmw thing is in the title or if not in title maybe in the description so okay it will search for title and description again click on save now click on search page now on the search page if you see let me show you the search page what this thing works or how this thing works if you go to this search page now under category under all categories you can see we have price state and city if you select car we have make model body type if you select something else for example real estate we have these options so you have to select over here under search builder for search page what all options you want so under common we can we can have these three options okay uh location and price under car tick mark everything taxonomy and fields maybe i want to add all options under car all filtration options okay body type engine also price okay now click on save similarly for detail page also you can add these options now if you come back to your website refresh it i cannot show you that thing right now because we have not created these pages in a search page home page at all once we create those pages you can see everything in detail now what i want to do is before you proceed further i want to import few fields so i've created this car fields uh there is a file that you can use even you can use if you want to import these things uh once you import that file on your website it will create different groups for you and it will also create all the taxonomies for you so if you want to import that thing click on import export uh import fields in fact do one thing open the file that you have downloaded okay from my website you know for all the media files in that you will also see okay if you see this thing if you open the media folder in that you will see this files folder and here you will see you know as you can see field builder open this option fields builder import file now copy everything just press ctrl a to select everything then press ctrl c to copy everything come back over here and click on import export paste everything under import fields okay now once it is pasted go ahead and click on import fields click on ok ok now as you can see it says completed you can cut this thing refresh this page and now as you can see it has created cars relisted everything for you you can see it has created all these fields for you if i just okay show you this thing these all fields are created for you because of that import file if you click on search builder here also now you can go ahead and do some changes if you go to single group okay as you can see under car we have so many different options now for these options i have not selected any group now for this also if you want to import i have given you this import file as well i've shown you how to how this thing works now if you want to import settings for this you can click on import and this time open this file search builder import file copy everything again come over here paste it paste in this thing now click on import fields okay again once it is imported you can refresh it okay so this import file is not working don't worry by the time you're watching this video i'll give you the right file but this is not really important as well we have seen how this entire process works now we have to create different pages like we have not created the register page so that people can come to our website they can register they can create a new account and they can start posting different ads similarly we have to create a search page you have to create this dashboard page front-end dashboard that i've shown you if you click on this thing then after that we also have to create this submit ad page so that people can come to your website and they can submit ad from the front end so let's create these important pages for that again come back to your dashboard now to create a new page click on pages from the left hand side now you will see few pages will be created for you especially these pages if you see card page checkout page my account and shop page these four pages are created for you because of this plug-in book or ms plugin we'll see more about this plugin later on in this video for now just click on add new and let's create a first page let's give it a title of login let's start with the login page so just give it this title and after that you can publish it and with this your login page is created again come back to pages click on add new let's create a register page okay publish it again come back let's create our password reset page let's add that as title and again publish this page as well come back again let's create a very important search page so click on add new give it a title of search again publish this thing come back next we we already have the my account page if you see this thing this is your icon page we'll use this page as a dashboard page i'll show you how that is done first let's create all the pages after that we'll see how to you know set these pages now let's again click on add new next page is our author page give this title and publish it again come back to your dashboard then we have safety tips i'll show you how this page will be useful and where it will be useful first give it a title of safety tips again publish it and come back now it's time to set all these pages that we have created for that you'll see this option at top list lisfinity options i think you'll have this thing over here as well okay no okay so click on this list finity options from top and under this option we have to click on pages setup and under that you will see default pages now you have to set all those pages so we have created the register page select this page we have created the login page password reset page then after that we also have author page under my account as you can see under user account my account is already selected then we have all author select this author page we have safety tips okay and let's see search page under main search select the search page and click on save changes so these pages are now 100 set if you go back to your website let's refresh it again now if i just you know enter this title website name slash search because this was the title of our page search page now as you can see i redirected to this search page although it is empty for now but as you can see this entire thing is working this is a search page and this thing is now working again come back now if you see this thing if i open this website let's open this page let's open the register page in a new private window okay so let me open the register page in a new private window now as you can see the register page of your website of your demo website looks something like this we also have this image so you if you want you can set this image as some background image if you see your website right now let me show you that thing let me open this thing as well in a new private window register page okay so this is how it is looking we don't have that image at the right hand side so if you want to set this image at the right hand side you can do one thing come back to your dashboard click on pages and you have to do this thing under login page and register page for both the pages so open the login page you will see at bottom you will see this background image click on set image and select an image so we are selecting this click on use image and after that you can decrease the decrease the overlay instead of 0.6 let's make it 0.2 okay now update this page again come back to your dashboard do the same thing with register page which is so here edit this page again you know upload some background image and change the overlay to 0.2 and update this page again if you come back to this page and refresh it and now as you can see have this image and this is this is a very light overlay of 0.2 so this is how it works right now let's do one thing let's try to sign up as a customer let's see what happens after that or whether we are able to sign up on this website or not and once we sign up what happens after that let's see this whole process so i want to sign up i i'll be i'll enter my username as john doe some email address then after that some password now let's click on sign up now here you can see it says you have been successfully registered account verification email has been sent to your address so your email address now let's open this email address all right so as you can see we have received this email you just need to click on this link and now your account will be verified let's try to login again go to login page uh later on in this video we'll see how to add these pages on a menu bar okay right now we are having to you know type in the link every time but later on in this video when we create our menu we'll add all these links in the menu so that people can just click on that link and they can re they can be redirected to this page now let's log into our account now as you can see it says you have successfully logged in now once you log in or once any one of your customer logs in they will automatically be redirected to this page which is the dashboard page and now if you see at top this is your my account page and because we have set this page as our dashboard page this is how it is working now if you want you can go to listings and you can add a new listing so click on add new listing but this process or this feature will not work because we have not yet created any packages for that so first we'll have to create few packages so that people who want to submit a new listing they can select those packages and after that they can you know submit a listing like you can see over here in this demo website if somebody wants to submit a new listing they can click on submit ad and now they will be redirected to this page here they have to select some package i have already selected this premium package in this example so they'll have to select some package and after that they can submit a listing so we want same thing on our website so for that we again have to come back to a dashboard now with the left hand side you'll see this products option click on that and now you have to click on create product to create your own first product now over here if you see we have created four different packages trial package which is your free package then basic recommended and premium let's first create a trial package or your free package okay so we'll give it a title of trial package then after that you have to scroll down and under product data instead of simple product we have to select payment package product and now we have to give some price so because this is a free package as you can see the pricing is zero so i'll type in zero dollars over here right now as you can see over here is us dollar instead of this if you want to have some other currency we'll see how to how that is done in the next step then when you scroll down you can see few options related to this package information now whether it is sold once or no so for trial package it is sold once you cannot have trial package every single time okay so you can have trial package only once now how many products can be submitted or how many ads basically can be submitted we'll type in one here as you can see you can add or you can submit only one ad which will be visible for seven days and your product duration seven days now if you go to price per category you can have different pricing uh as per different categories so for if you want to post a car you have to pay different amount if you want to post maybe a real estate you'll have to pay some other amount then we have package feature display so you can click on add entry and you can add all these details for example here as you can see one ad allowed so we can type in this thing and it also has a footnote as you can see and the footnote says can be purchased only once per user you know because we have set this thing you know sold once we have made it yes so under footnote we'll type in this thing let's add another entry this time it will be seven days per submission add another entry for free images can be uploaded we'll see this thing in the next step for free images thing then after that we have no you cannot upload any video on your listing and with that you cannot also upload any documents on your listing now if you go to your next step here we can add those things so under package promotion uh you can select we are not pro we are not selecting any promotions for now you can click on add entry and additional images we have added four additional images can be submitted so you can type in that thing and after that you can just go ahead and publish this thing and with this you have created your first package let's create one more so click on products from the left hand side here as you can see trial package now click on add new to add a new package let's add this recommended package so we'll give it a title of recommended scroll down same thing under product data you have to select payment package product pricing over here is 20 so i'll type in 20 and we can scroll down this is not sold once it can be renewed so we are not selecting yes now how many products can be submitted here it says four ads can be submitted i'll increase this number to 10 ads maybe okay and for how many days this ads these ads will be displayed on this website maybe for 90 days okay so you can select this thing now let's come to this option package pricing uh package features display first of all i want to change this style to style 2 package style select style 2 because these all are style 1 and style 2 has this little bit different stylus you can see over here so this is style two now all the package features so click on add feature instead of four ads i'll type in 20 ads we have made i guess okay 10 ads 90 days so 10 ads click on add entry okay instead of 20 days i'll type in 90 days per submission then after that we have eight free images then we have one free video and we also have one free document okay or you can increase or decrease this number maybe we can allow you know two free documents okay and you have to add these options over here under package promotion so under additional images we can type in eight uh then after that we can have additional video we can type in one additional document we can select maybe two documents if you want you can also do one thing you can give some promotion with this package so if you purchase this package your ads will display on the home page and also on single ad page so if you want you can give these promotions as well with these packages and you can add this these things under this feature option okay click on add entry let's type in add will be displayed or add displayed on home page and one more ad displayed on single ad page okay our single listing page you can type in all these things and after that you can just go ahead and publish this thing as well and with this we have created our second package if you come back to this option again and if you refresh it if you come back to this you know private window and refresh it you can see two packages two packages are created and all these options that we have added are shown over here now if you want you can purchase this package but you cannot do it right now the reason is because we have not yet integrated any payment gateways so we have to integrate some payment gateway so that we can accept online payments so for that we can come back and now we have to do woocommerce settings so hover over woocommerce and click on settings now on the address line one you can type in your address so i'll just type in mumbai okay under city name you can add your city name your country name let's add with that you also have to select your state name so i'll select state maharashtra india then you have to enter your postal code now where do you want to sell so we want to sell to all locations or if you want to sell to any specific country you can select sell to specific country and you can type in that country name maybe india so this website will work only for indians if somebody from some other country comes they try to purchase a new package it will not work so if you want you can select this option i'll just keep it at sell to all countries then after that you can change your currency right now it is us dollar if you want to make it indian rupee you can search for indian rupee and you can select this currency as well now click on save changes now you can leave these two things products and shipping not important just come to payments now under payments uh you can see stripe connect is given for you let's open this one so you don't need to actually use this one actually let me come back and first let's just make sure we have saved all the settings now you can open plugins in a new tab and over here you can install different payment gateways so click on add new so for example if you want to enable paypal payment gateway on your website you can search for paypal then after that you can select whatever payment gateway so for example here we have woocommerce paypal checkout payment gateway you can install this plugin this is by woocommerce okay make sure you install the plugin by woocommerce now similarly if you want to accept online credit debit card payments you can search for this plugin stripe the regular stripe plugin not this stripe connect now select this option woocommerce payment gateway install this plugin as well now stripe is mostly used in european countries and usa and australia these kind of countries so you can use these payment gateways if you come from these countries or if you want you can just go to google and search for which all countries strike payment gateway is available for similarly if you're from india i would recommend you to go with razer pay you can search for razor payment gateway and you can install this first plugin razer pay for woocommerce install this one again make sure this is by team razor pay now similarly if you're from some other country maybe from pakistan or from some other country and none of these payment gateways are applied or none of these payment gateways are accepted in your country then i would recommend you to do some simple google search and i'm sure there will be some payment gateway for your country as well once you find that thing you can search for a plugin for that payment gateway and you can do the settings related to that now let's do one thing let's click on plugins from the left hand side we have installed these three plugins now we need to activate them now select these three so tick mark this one these two as well now under bulk action select activate and click on apply these three plugins will be activated basically these three payment gateways will be activated for you now you can come back to this page and refresh it again and now as you can see we have so many different options uh you can enable razer pay paypal stripe these three payment gateways so enable them click on save changes let's do them one by one so first of all let's start with uh paypal okay so select paypal checkout now to accept online payments to accept online paypal payments on your website you will have to enter the live api username api password and api signature of paypal so for that you have to go to paypal.com login to your account it can be a regular paypal account business account any account will do just log into your paypal account now once you log into your account you have to do some changes in the url bar after paypal.com type in this thing paypal.com business manage slash credentials slash api access and you can see a uh you can see the a in access is capital so whatever you see on your screen just type in that thing and press enter now you will be redirected to this page here you have to scroll down and select this option nvp slash soap api integration in bracket it says classic select this option click on manage api credentials and here you have your api username password and signature just click on show it will display your username copy it from here come back to this page and paste in your username similarly click on show it will show your password copy it paste it under password similarly copy your signature and paste it under signature i'll obviously have to hide these things right so as you can see i've copied and pasted all three things now you can just go ahead at the bottom and click on save changes and now you can start accepting paypal payments on your website again come back to payments let's do stripe payment gateway let's set up that payment gateway now so select strike payment gateways this one and first of all you have to change this thing make sure you disable this thing make sure you disable enable test mode we want live mode and make sure here it says live publishable key okay now to enable stripe we need the live publishable key and live secret key and for that you have to go to dashboard.stripe.com log into your dashboard account log into your stripe account obviously first of all make sure you have a stripe account if you don't have it you can just create it within few minutes very easy to do now here you will see this option developers option if you follow my mouse cursor developers click on that and now here the left hand side you will see api keys select that option here you will get your live publishable key and secret key click on your publishable key it will be copied paste it under publishable keys similarly click on your secret key again come back to your website and paste it under secret key now go ahead at the bottom and click on save changes so this is also now completed and finally we have razer pay for indian payment gateway so you can come back to payments here you have razor pay click on this option and over here for this you need the key id and key secret so again now you have to open dashboard.razorpay.com so just like stripe you have to go to dashboard.razorpay.com login to your account now once you log into your razer pay account you once you log into your razer play account you have to see at the left hand side at the bottom left you will see the settings option click on that click on api keys now here you have your key id and you'll also get your key secret basically if you're doing this for the first time you will see a file you have to download that file let me show you how that file will look like so that file will look like this it will be an excel file you have to open this thing it will have your you know key id and also your key secret this is just a dummy one don't try to copy and paste in this thing so you have to copy your key id like this and paste it under key id obviously similarly copy your key secret and obviously paste it under key secret and after that click on save changes and with this you have set up all the three payment gateways as i said earlier if you're from some other country and these payment gateways are not accepted in your country you can do some google search and you can find out payment gateway that is accepted in your country and you can find a plugin for that and all the plugins have a very similar way you just have to create an account with their website with the payment gateway website and they will give you two keys like you know key id key secrets something like that once you paste in that thing in your website you can accept payments on your website now click on accounts and privacy now here tick mark this thing allow customers to log into an existing account during checkout allow customers to create an account during checkout allow customers to create an account on the my account page and untick these two things okay we don't want to tick mark these two things basically we don't want you know username and password to be automatically generated for our customers so that's why untick these two things now go at the bottom and click on save changes and finally you have to go to advanced and over here make sure under cart catch page is selected in the checkout page your checkout is selected and under my account your my account page is selected after that go ahead at the bottom and click on save changes with this all the settings are done right now let's do one thing let's try to submit a new ad let's try to submit a new classified ad and let's see whether this entire process is working or not so again we have to come back to this page or this type that we have created this new incognito window private window let me refresh this thing so we have seen till here that if you click on that submit job page will be redirected to packages and now you have to select a package let's select this recommended package or before that let me do just one more thing under payments let me enable cash on delivery just for myself just for this tutorial purposes so that i don't have to make payment to myself okay so i'll save this page again come back click on buy package now your customer will have to fill in this simple form so let me just fill in this form okay select the country house number okay all these basic things state then after that pin code then your phone number right your email address all these things now they can make payment through cash on delivery through credit debit card through razer pay paypal and if they want to make payment through their card they can do this thing as well as i said earlier for this demo purposes i'll just select cash on delivery so that i don't have to make payment to myself now i'll click on place order and once you have placed your order you'll see this page you will get all your order details like your order number email address all these things can be seen now let's come back to our page let's come back to the dashboard main dashboard admin admin dashboard let's see what happens after that after that you'll see that thing under orders here as you can see i've received a new order just now and if you open this order is you can see all the details related to this order now you just have to change the status of this order to complete it and update this page now again let's come back to this page this private window page and let's again come back to our my account page or basically your dashboard page so i'll come back to my account page now again let's try to add a new listing so if i click on new listing now as you can see i have this recommended package now i can click on submit listing and i can submit a new listing let me do one thing let me open a demo listing so that we can copy paste all the data so i'll go to this website this demo website that we have created lisfinity.blog tool and i'll open this car we'll copy all the data from this car listing to this page so this is the title of this listing okay so i'll paste it under title then after that you also have the description which will be at bottom this is your description let's paste in the description over here and after that you have to take mark this thing click on next now you have to choose whether you're submitting a car real estate now as you can see if i select real estate next option is choose property type choose property information choose floor if i select car option changes okay choose maker choose body type all those things maybe i'll select bmw maybe x3 okay suv whatever it is okay electric or hybrid hydrogen petrol you can select all these options engine cc you can select this thing all this option can be entered you can increase or decrease the how many doors are you know you can select this option what all interior features are available you can tick mark those options from here okay then after that you can also select what all security features are available okay headlight features okay all these options can be selected by you i'm just selecting few options so that our listing looks good all right all right so so many different options are created over here as you can see maybe this is a black color you know you can select some options and many different options so we'll have to pick mark all these things okay so maybe we have selected these many options now we can click on next now we have to select a price so whatever this customer wants so this is my car i want to sell it i i want to sell it at a fixed price maybe i want to auction it you can also auction this product if you want okay buy now price and start pricing and auction this product as well if you want to rent it then you can have you can give the price for per month per week per day per hour okay if you want to uh give price on call you can select this option so price will not be displayed people when they call you can you know tell them the price so maybe i want to give it a fixed price maybe the price is 25 dollars for 25 000 and i can negotiate a little bit so maybe i'm giving it at 22 okay then after that you can click on next you can select your address you can enter all your address it will display that exact location you can also change the pin you can you know bring this pin or bring this marker to the exact location you can just enter your state name your country name or you can just enter your latitude and longitude code then you can click on next you can upload your media files additional documents promo videos all those things so let's upload few images from here we'll have to upload them media file let's upload maybe these two images click on open now click on choose images additional document let me upload some document i'll select this doc file click on open choose file maybe some videos so let me get some youtube video from my channel you can simply right click on any video and click on copy link address video link will be copied you can paste it over here it will show you this video okay so this is the video we can insert this video now i can finally submit this listing and now here as you can see it says your ad has been submitted successfully now you will be redirected to listings page and this is how your listing is looking and if you remember two promotions are already running on your website or on your listing because if you remember under recommended package we have added these two promotions home page this listing will display on home page and on single listing page so these two promotions are already running so you can see this entire process is working absolutely fine and with this all the basic things related to this website is completed we have seen how to create different categories how to create different fields for those categories how to create packages promotions and if somebody wants you know if somebody wants to submit a listing we have seen the entire process how this thing works now let's go back to designing let's start designing our website because right now if you see your website it is looking very simple very blank if i go to my website so as you can see this is how it is looking so let's see how we can start designing the page like how we can create our home page and other pages and how we can you know create our menu create our header footer all those things now before that i think i should show you one more thing if you want to add some promotion options differently separately maybe so suppose if this person had selected a package wherein these promotions were not included and if this person wants to purchase some additional promotion like i've submitted listing and now i want to promote this listing on the search page so you can purchase those promotions so if i click on promotions these two are already added we want to do one thing we want to create some separate promotions so that this person can purchase these promotions as well so to do that thing you have to come back to products you have to add a new product click on add new now let's give a title of search page ad so whoever purchases this promotion plan there there the listing will be displayed on the search page okay so the listing will display at the top of every search result now instead of this product data earlier we had selected payment package product this time you have to select promotion product maybe i want to charge ten dollars for this so i'll type in 10 then we'll scroll down and we'll change the product type so you have product you have a add-on you have premium profile and then after that you also have product type over here so promotion product type i want to select keyword search now this promotion will be active for maybe 15 days or maybe seven days for seven days this ad will display at top in the search result then after that promotion duration minimum value promotion duration maximum value you can select this thing so maybe a maximum a person can select for maximum five weeks so seven days is the duration seven days and after that they can renew this thing five times okay so that is how it works now you can also add an image for this i've given you these images if you see you we have uploaded these images let me show you so here as you can see this is promotion for single ad this is the promotion in category this is keyword promotion that the one that we want to use then this is promotion color so color of this ad will be different so i'm selecting this one click on set featured image so that people know when they are purchasing this product what this promotion means now once you do this thing you can now publish this thing now if somebody wants to purchase this promotion if i come back to this page and refresh it now here you can see these two promotions are already running on my ad on my listing because i have purchased that pricing plan now this one as you can see the one that we've just created if i want to purchase this thing i can increase or decrease this number if i want to purchase this thing i can just click on purchase and i after that this promotion will also be activated on my website so this is how it works now let's come back to our pages let's create our home page and let's start designing that page so to create a new page we have to click on this add new button now in the title let's type in home and after that let's publish this page now just like we created other pages like login register page first we have to create this page and then we have to set this page as our home page this page is not yet set because if you see this checkout page is set so that is the reason why besides this it says checkout page this card page is set that is the reason why it says cart page home page is not set let's set this page so to do that thing you have to hover over settings and click on reading now under this thing you will see your home page displays we have to select the second option a static page we want to display a static page for our home page select the page that you've just created which is this home click on save changes let's again come back to pages click on pages now you will see besides home page it says front page so this page is now set as your official home page now you can go ahead and edit this page now click on edit with elementor now you'll see a page like this now the very first section if you see this section if you see the demo website this section this is created from some other place let me show you where so if you go to your dashboard if you click on list list finity options from top now here at the left hand side you will see hero setup under this you have to set up these things so this is the section for home page hero section for this section now first of all if you see we have selected banner type image which is good but we don't have anything in the background like we want this image in the background so you can upload this image click on upload file and let's select that image okay so this is the image at top as you can see select this image click on select this image is selected now you can increase or decrease the overlay uh by default it is 0.7 i think it is very high you can change this thing to 0.2 or 0.5 something like that so the bigger the number the more darker it will be if you select 0.3 it will become a little bit lighter you can see that change over here as well then we have the title and subtitles so as you can see it says more than 63 ads in five categories list or find anything literally if you want to change this thing you can just change this text over here all right and rest everything looks good you can just go ahead and click on save changes now if you again come back to this page and refresh it you can see you have this image in the background now if you again come back over here we have one more thing under hero setup you have featured categories and we have this thing banner featured categories now whatever categories you want to feature over here at bottom like these you can select those categories okay so real estate car whatever category you want you can select that and click on let me select all these categories and make sure you have uploaded these icons for that i think we have uploaded only for cars let's see click on this refresh button again okay so as you can see it is not working because we have to make sure that under fields builder when you when you're creating your categories for example here we have this cars make sure to edit group and make sure you have background image and icon so let me select a background image for this cars this one and let's select an icon for this we had selected this if you remember but the re but later on what i did is i imported that file because of that everything was you know reloaded so i'll select this car icon click on save similarly you can select some other icon you can select real estate click on edit group upload some image background image for real estate maybe let's see okay let me just select this image click on background image some icon for this okay i'll select this icon click on choose icon click on save similarly you can go ahead and do the same thing now again if i refresh this page okay so as you can see because we have changed icon for these two it is working similarly you can go ahead and add icons and background images to other categories as well now let's start working on the second category which is your most popular category okay in second section basically first of all we have this title at top so for this we'll add a new section add a new row single row so click on this uh this red button we have to select how many columns you want we want a single column so select the first one now we have this title at top so for this we'll have to add the title element now if you see if you follow my mouse cursor you will see this nine dots icon click on that you will come back to these elements and these are different elements we have to use these elements so if you search for title over here you can see some options come up so we have to use this one lisfinity title drag and drop it over here okay you can see a preview as well your heading right now is categories okay so we'll enter this under heading then your subheading is most popular okay so this is a sub heading and after that you can also enable links okay so under links basically when somebody clicks on this thing as you can see at the right hand side we have the link browse categories okay so what i'll do is instead of all links i'll type in browse categories and you can also set a link so i want to link this thing with this search page okay like this then after that you can go ahead and do some changes in the advance so under advance we have to add some spacing at top so here as you can see we have some space at top and also at bottom of this thing so we'll first of all make sure to dealing this thing because if you type in anything for example if i type in padding top 100 it will also make left right bottom hundred so make sure to first make it d link now i want to add padding only at top of 80 pixels for bottom i'll show you what we can do we can add a new section so click on this plus button again we just want a single row and a single column and in that we want to display this thing so for that you have to search for carousel okay category carousel here as you can see lisfinity category carousel drag and drop it over here now whatever categories you want if you want to display only specific categories you can search for that by default it will display all categories now you cannot see other categories because we have not uploaded this background image for those that is the reason why you're not able to see that because those don't have any background image we have some settings as well if you go to style we have some settings related to this like you can change the column gap you can change the column vertical gap all these things can be changed from here so let's change this vertical gap to zero so that we don't have any space at top and bottom we'll add our own custom space now select this row if you see if you follow my mouse cursor it says edit section click on the six dots icon edit section and now let's change the width to full width okay like this and we can now add some spacing at top and bottom so this bottom one and a top of this this one okay so go to advanced dealing this thing top padding will be 30 and 60 at bottom right like this now go ahead and update this page if you minimize this thing this is how it is looking all right now let's create a second section so click on this plus button again single row single column for this also we have this title so we can search for that title again search for title listfinity title drag and drop it over here here the title says promo adds the heading then we have this subheading which says promotions again you can add you can enable links this time it says check all ads okay i'll type in the same thing again i'll link this thing with this search page all right now let's add this bottom padding okay as you can see this space at bottom let's add these things over to advance padding bottom you can type in 40 pixels so that we have some space at bottom now below this thing we have to add these tabs okay so again come back to this option and search for listing ads okay you will see this option lisfinity ads drag and drop it over here now you have to add different tabs so click on add item to add a new tab latest listing so whatever your title is you can change the title so for example here it says promo ads so if instead of latest listing if you want to type in promo ads you can type in that thing now what type of listing do you want to display if you want to display maybe only cars you can select cars and maybe let me change the title to cars okay and because promotion is supplied on this one here as you can see it says add because if you remember we have we are using the promotion to display this uh display this listing on the home page so that is the reason why so you can do some more changes so here you can add how many number of listings do you want to show so here in this case we are displaying three listings so three if you want to increase or decrease this number if you don't want to display promoted listing you can make it no if you don't want to display sold listing you can make it know as well so all these options are given to you now similarly you can do one thing you can minimize it and you can add another another tab so if you click on this plus button new tab will be added here as you can see cars and latest things so maybe this time i want to display real estate in this tab so i'll select this thing listing type i'll select real estate okay so similarly you can create as many listing tabs if as you want and finally let's do one thing let's change the background color so if you see the background color here is different and also we have some space at top and bottom okay so let's do that click on this plus button uh this six dots icon click on this edit section go to style first we have the background color let's make it f6 f6 f6 okay this will give you this gray color then let's add some padding at top and bottom maybe at top we want 80 at bottom 120 okay so as you can see update this thing then after that we have our next section so for that again plus button add a new section new row new column and again we have title at top so we can go ahead search for title let's finish a title and we have seen this thing multiple times you can follow the same process change the heading sub heading enable links and you can also add some spacing at top and bottom so let me add this spacing part at top we want to add 80 and at bottom we want to add 40 then after that we want to display this thing how it works thing so if you search for how it works you will see this thing lisfinity how it works drag and drop it over here now you have to just click on add item you can upload the uh the first title over here says register free and this is your subtitle you can copy this subtitle under description you can also upload an image for this for example we have this image over here so if you search for that i have given you these images as well so this is the first image i'll click on this image then we have this title subtitle you can change the color click on add item second option says submit add okay so i'll change the title and this is the description similarly for this you can have some other image let's select maybe this one click on insert media okay similarly you can go ahead and add three and four now click on update and for this we have to do a few things we have to add if you see this thing in the background we have this uh world map in the background if you see this thing properly let's add that thing in the background so click on edit section go to style add this image in the background i've given you this image as well here you will see here as you can see this is the one hiwbg okay how it works background select this click on insert media all right and we want to repeat the x axis so repeat x okay select this option and now we can add some spacing at top and bottom so go to advanced padding at top and bottom at top we want 20 and at bottom we want 150 or 140 okay now click on update then after that we have our next section so for that again click on this plus button add a single row column first we have the title so search for lisfinity title you can add your own title subtitle you can add a link and after that we can add some spacing at top and bottom maybe in this case i'll add 20 pixels at bottom okay this much come back over here now below this thing we have to add partners so if you search for partners you'll see this lisfinity partners okay and now we can you know add different partner links so i've given you a few demo or dummy images if you want you can use them just select this thing you can also link them with some website if you want you can also name them so let's name it anderson let's add another one click on add all right let's select this one click on insert media similarly let's add one more so you can add many different logos if you want you can use these dummy logos as well now partners to display it says triple nine we don't wanna display these many partners just 12 or maybe six or five whatever the number is okay you can select that number then again select this row change the background color because if you see this is the background color for this one go to style background color f6 f6 f6 then go to advanced some padding at top and bottom so 40 at top and 60 at bottom update this page all right and finally we have two more sections testimonials and latest news first let's see this testimonial section add a new row and column again similarly just go and search for title you can add your own links and all and after that we have this testimonial thing so again come back and search for blissfinity testimonials okay this is the one drag and drop it over here now under testimonials whatever your comment is that will display over here so if you go back to your dashboard if you see your comments here it is now these comments whatever you receive over here whatever you approve these comments will display under testimonials okay so you will see that when we see our homepage now click on edit section go to a good style change the background color to f6 f6 f6 add some padding at top and bottom so maybe 60 at top and 80 at bottom click on update if you just see your homepage right now let's see how it looks so as you can see this is your top section then we have these sections all right so everything is looking fine for now let's add two more sections okay in fact one more just last one our latest news section so click on this plus button again just search for title first drag and drop it over here enter your own title let's add some padding at bottom maybe just 20 pixels and below this thing we want to display our latest news so for that we'll come back over here search for post lisfinity post drag and drop it over here right now it won't display any post because we have not yet created any this hello world is the dummy blog post that is created for you so if you come back to your dashboard click on post here as you can see this is the dummy one which is created for you let's delete it and create our own blog post click on add new let's see how a blog post is created very simple let me actually do one thing open this blog post so that we can copy paste the data now first of all you have to add the title this will be your title i'll copy it paste it to here then whatever your content is so in content you can see we have used heading we have used regular text you can also use you know different things like you can use many let me show you actually let me just copy this much first of all paste it over here you will be entering content at bottom so i'll paste it over here now if you see what is happening over here is this is just a simple text and this thing is bold okay so if you want to make anything bolder you can just select this thing and press ctrl b or you can click on this b just like microsoft word if you want to make anything list let me show you let me add multiple lines over here just so that we can make it a list okay if you now if you want to convert this thing into a list select like this and instead of this click on this thing and select list now as you can see this is converted into a list like this right similarly just like elementor if you want to add something in this thing for example you can click on plus button you can add column if you search for column here as you can see we can add different columns how many columns you want maybe two columns now in these columns maybe i want to add left hand side i want to add an image so i can search for image so just like elementor here as you can see this is working let's upload a media file in this one left one maybe this one and then at the right hand side maybe we want to display just text simple paragraph so let me copy this much come over here paste in this thing okay so this is how easy it is to do this thing you can go ahead and do it like this now click on post from the right hand side we can give give it some category so here as you can see the category is this post is under listing directory category and this is your featured image so come back to this page under categories let's add a new category maybe i'll i'll add a category of news this comes under my news category and will add some featured image so let's search for this image this is the one click on set featured image and finally just publish it and you have created your first blog post if you come back to this page refresh it make sure to first update this page let's go at the bottom you can see your blog post is displayed now finally click on this edit section let's do the row settings go to style change the background color to this f6 if you want to add some other background color obviously you can go for that as well then after that let's add some padding of 40 both at top and bottom and now update this page and with this we have completed our home page now whenever you complete or whenever you create any page using elementor you should always see how that page is looking on a mobile phone so just to make sure that your website is 100 mobile and tablet friendly so if you want to see that thing you can click on this icon at bottom left responsive mode and you can select this mobile icon now if you see let's see from top the top section looks good if you scroll down this is also looking good mobile friendly now if you see this section and this is not looking good because here as you can see this is getting divided into three columns so click on this plus button or click on this pencil icon or just click on this element this is the element that we are using go to style select layout and break add into how many columns so for mobile we want one just make it one and now as you can see this is fixed okay uh similarly scroll down this is looking good this is also looking good even this one this block thing so click on this blog post number of post to show three which is good go to style and break post into columns for mobile we want only one column okay so this is how it is looking much better right now it is mobile friendly and with this we have completed the homepage let's come back to a dashboard let's create few more pages now we have created most of the pages already only three pages are left the pricing page how it works and block page okay so these three pages so let's start with the pricing page click on pages these are all very simple all three are very simple just click on add new let's give it a title of pricing publish this page now click on edit with elementor click on this plus button add a new row single column single row and in this we want to add the pricing element this one lisfinity price packages just drag and drop it over here this is how it will look like now number of packages to show uh we we have set this thing to four but because we have only created only two only two are displayed over here now click on update and with this you have created your pricing page as i said earlier very easy come back again let's create our how it works page okay so if you see this page okay this is how it will look like simple page come over here again click on add new we have this how it works section on the home page but we have created another page for this as well so how it works publish this page edit with elementor again now we have just divided this into two different sections at the left hand side we have the image at the right hand side we have few you know few a few texts over here then at the bottom we have this call to action so click on this plus button and this time we have to divide this into two columns so select this two left side we have to upload the image so select for image select this thing drag and drop it over here upload this image this is also given to you select this image and click on insert media here you have your image make sure this is full width now at the right hand side first we have this title so for this we'll use we'll use the regular heading search for heading element drag and drop it over here paste in whatever your text is whatever your title is then after that you can also change the color so go to style change this color to 2b 2b 2b you'll get this black color then after that we have this text we'll copy it come back over here search for text editor which is over here drag and drop this text editor paste in whatever your text is and you can also change this color as well go to style change this color to 80808 okay this one uh if you want you can also change the size so maybe let's make it 16 pixels you can also increase some line height maybe 20 pixels or maybe 24 pixels okay so it will increase the space between these lines and below this thing we want to add you know some padding at bottom so we'll select this thing go to advanced and at bottom will add 50 pixels padding now just copy and paste the same thing multiple times and change your title and subtitle so instead of register free if you want to type in maybe submit add type in submit ad instead of this type in this text so now everything becomes easy all right so you can follow the same process and after that click on update you have created this thing as well then we have the blog page so again come back to dashboard click on pages add new add a new page uh name it blog we don't have to do anything just publish it and set this page so again come back to your dashboard just like we said the home page under settings reading you will see post page under this select this block page and click on save changes with this we have created all the different all the required pages now let's create a menu we don't have any menu on our website right now you can see at top we don't have anything so let's create a menu so for that hover over appearance and click on menus let's give it a title of main menu you can name it anything you can name it primary menu main menu home menu whatever name you want to give it just give it any name and click on save menu now what all links you want to display we want to display home page blog page how it works and maybe pricing page these pages if you want to rearrange them you can do that maybe also search page let's search for that here it is let's bring this search page over here blog at bottom and finally make sure to tick mark these two things main menu and mobile menu click on save menu if you come back to this page and refresh it here as you can see you have your menu now with this menu it will display these things as well submit listing your dashboard page all the icons will also start working all right and finally we have the footer as well if you see at the bottom we have this footer so let's see how we can fix this footer for this under appearance you have to click on widgets and this is the one now you will see this footer sidebar one two three four so under footer one first of all we want this thing we want this image and after that we want this text so for that we'll come back to this page search for text option which will be at bottom here as you can see text widget select this select column one click on add widget now go at top here as you can see now at top we want to first add that logo so here it is we'll select this logo click on insert into post and below this thing we want to add some space and after that let's add this text or whatever text you want all right let me add one space click on save then after that we have we have this thing pages options so we can add different pages so we can come over here we can search for affinity pages if you scroll down let's search for that here is the affinity pages select this under column two under title we'll type in locations and you can type in you can select few pages you want to display all right click on save similarly for let's drag and drop this thing under footer three as well terms and privacy let's select few pages under this thing as well click on save then finally footer column 4 right let's display few pages over here as well all right now click on save so this is your footer if you come back over here refresh this page you have your footer as well now the very last thing that we need to do is we need to fix our theme options so if you click on theme options we have seen everything just make sure you save everything we have seen everything only few settings related to this theme is left so let's start from top let's start from theme setup now right now it is ltr left to right if you want to make it right to left so if you're creating a website for arabic language or urdhi language or any language that is right to left you can change this thing to rtl all right now logo just upload your logo under main logo we have okay this logo so just upload this logo and this is the one let's select this click on select okay dashboard logo if you see dashboard page we have the admin logo if you go to the dashboard page we have the admin logo i think i've given you that one as well okay this is the one select this and click on select you can see that thing applied over here okay now click on save again field builder make sure this is enabled so that we can create different fields and let's see theme functionality no restriction details search if you want to make this the details search on and on promotion on or off you can select this thing if you want to make premium profiles for example this premium user if you don't want this option you can just make it off if you don't want a bidding on your website you can make this thing off as well click on save slugs let it be as it is all right now we have dashboard mostly times you don't have to do anything i'm just saying that we don't want to miss any option all right header setup so in the header whether you want to display the compare button whether you want to display the avatar submit listing button okay these things if you come back to your home page submit listing page avatar compare you know these things whether you want to display them or not and if you want to make your header you know sticky fixed headers so that when you scroll down header stays with you you can make it yes as well now footer setup we don't okay you can enter your email address and phone number in your footer if you want and click on save then copyright text by default it says made with love by babies you can change this thing okay you can type in made by nayashik or whatever you want and now click on save changes again page setup we have seen i guess we don't want any title breadcrumb printed piece so everything is fine default pages we have seen everything hero setup we have seen it register page so by default when some make sure to first of all make sure to allow registration now default type is seller and if you see this thing user verification uh we are allowing user verification user verification we have made it on so that people when they sign up on your website they will get that email on the email address they will have to click on that link and only after that their account will be verified now for some reason if you don't if you have some problem like your users are not getting email from your website you can do some smtp settings you can see that on my youtube channel as well so if you go to youtube and search for neya sheikh smtp you will search you'll find that video now watch these two videos first of all in fact you can just watch this video first of all you have to create a business email so instead of regular email like niger gmail.com you can create new year at blogtoot.com that will be a business email so for that you can watch this video and you can link that domain or you can link that business email with gmail then after that watch this videos first one once you link your email address with gmail after that you have to do this smtp settings so make sure to watch these two videos if you have problem people complaining that we are not receiving any emails or if you want you can just make this entire process off it all depends on you okay then we have location and map setup we have listing setup let's see now if you want to display the finance calculator we want to display this finance calculator on real estate listings okay then listing submission okay so submit listings uh people can submit listing they can edit listing as well and let's see listing duration by default is 30 you can change this thing you can increase or decrease these numbers as well a free listing image limit listing image limit you can you know listing document limit you can control all these things if you want all right listing feed this is the style that we're using for listing feed if you see your home page let's see at top okay so this is the style that we're using if you want to use some other style you can use that thing as well and listing taxonomies all right now listing uh so what all taxonomies do you want to display on this search page so if you go if you search for this thing if you just search this page go to the search page and so this is how it is displaying the price then the title and the location if you want to display a few more things for example for cars we also want to display a make and model on this thing so you can display this thing click on save changes let's refresh this page maybe it's not working so you can you can just set these things by the way if you want then we have listing compare we have made it on now what all taxonomies will be compared so under car you can compare the maker you can compare the model you can select all those things that you want to compare if you want you can select all you know everything from this list a listing page listing likes whether people can like this listing they can all right let's see or whether you want to display email and email and website link on the listing page if you open the listing page whether whether you want to display the email and you know all these things related to this person person who has posted this listing so whether you want to display that person's mobile number email or not you can set that thing then we have messaging setup email setup all right so rest everything looks good and with this we have completed this entire website okay so with this we have completed this tutorial i hope you guys find this tutorial helpful if you find it helpful if you want to watch more tutorials like this make sure to subscribe and click on the bell icon so that you get notified whenever new video is uploaded now if you like this video give a thumbs up to this video 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 stations for me you can always leave them in the comments section below and finally thank you so much for watching this video see you in the next one

Channel: Nayyar Shaikh

Views: 75,564

Keywords: make a website, classified website, create a website, nayyar shaikh, lisfinity, lisfinity tutorial, how to make classified website in wordpress, how to make classified ads website, how to create a website like olx, how to make a classified website using wordpress, how to make a classified website, classified website in wordpress, wordpress tutorial, create a wordpress website, how to make a website like craigslist, listing website, wordpress, wordpress classified website

Id: Rt3ysfV2-TQ

Length: 112min 0sec (6720 seconds)

Published: Mon Oct 04 2021