Hi guys in today’s video we will see how to create an e-commerce website imagine you’ve got a small shop or big store and want to take your business to the next level by selling your products online you can do this by making your own e-commerce website where people can
Easily check out and buy your product by watching this video you’ll learn how to set up a website like this and you’ll find out how to add your product and make a cool product page customer can then add your product into their card make a payment and voila they
Bought your product and the best part you can make your website look exactly how you want it with simple drag and drop editor plus your website will work on any device so without further Ado let’s dive in and create an e-commerce website okay to create any new website
Whether it’s blog or e-commerce website there are two required things web hosting and domain name if you do not know about web hosting and domain name well web hosting is a place where all your website file will be stored like you have a computer you store your media
File it’s just like that and domain name is going to be your website name or your business name to get a web hosting on domain name there are several hosting companies out there who can provide you a web hosting and domain name but unfortunately handful of them are the
Best so in this video we’ll get best and affordable web hosting for your e-commerce website to get your hosting and domain name go to the first link in the video description or you can type in this URL and it’ll take you to this website hostinger doin address might be
Different depending on the country from where you’re accessing this website I’m from India so that’s why it says dotin anyways the time I’m recording this video you will get 80% off on hosting when you buy it you’ll get free domain name to get a hosting you have to click
On the claim deal button and it will show you three types of packages premium business and Cloud setup now choose the plan that you like for your e-commerce website in order to buy it click on add to cart in the next page scroll down and choose the billing cycle High the months
You select more the discount you will get so I’m going to select the 48 month now scroll down you have to create an account you can use Google account or Facebook account I’m going to click on Google type your email and password and then click on login once you log in
Scroll down select your payment method to pay this amount I’m going to select UPI and click on submit scure payment in the next page you have to type in your UPI payment details to complete your order since I already have the business hosting plan for 4 years I’m not going
To buy this again in your case once you complete your payment in the next page it’ll ask you to claim your free domain name in that search box type your business name that you have in your mind if you do not know how to find a perfect
Domain name for your business you can check out my other video you’ll find that video link in the video description anyways in the next page you have to type the business name and click on search and see if that domain name is available and then go ahead claim your
Free domain name for one year once you claim your free domain name you will see a page like this this is my existing business web Hosting account now let me show you guys what to do next after purchasing a web hosting and domain name from hosting up now you have to click on
The manage button alongside business web hosting or any hosting package you have and this is the hostinger dashboard where we are going to install a WordPress if you do not know what is WordPress WordPress is a script or a versatile solution to build a website without knowing a single line of code so
We’re going to install a WordPress application on our web hosting to do it scroll down in the left hand side you will see website expand that and click on auto installer in the next page you have to select woocommerce now type your website name then type your administrator username and password and
Keep this information saved whatever you like or remember this information because this is going to be your WordPress dashboard login information now expand the advance option and select your domain name in your case you will see only one domain since I have hosted multiple domains I have to select the
Right domain by clicking on this drop- down list so I’m going to select my domain name and then click on install with that WordPress will be installed in a few moments so I’m going to Speed the video up and I’ll come back once it done a few moments later okay so WordPress
Has been installed successfully now click on the admin panel button to access your WordPress dashboard now it will automatically take you to WordPress dashboard okay so this is the back end of WordPress where you can control or manage your e-commerce website now let’s click on the dashboard in the left hand
Side you will see all the tools to control your website and this is the back end of your website if you want to see the front end how will you Mouse over here right click on the visit site and click on the open link in a new tab
So this is the front end of your website and it is a 2024 theme which is not suitable for e-commerce website and you can see there is nothing here no content here it doesn’t look like a e-commerce website so don’t worry we’ll build a website from start to finish step by
Step let’s go back to the dashboard now we’re going to clean up our hosting storage just by removing unwanted plugins and theme let’s start by deleting unwanted plugins so for that go to plugins and click on installed plugins and here select hostinger and hostinger AI assistant and go to drop
Down menu and select deactivate and click on apply now again select both of them and go to drop- down menu and select delete and click on apply and then click okay and it will delete them similarly we’re going to remove unwanted themes how you M over appearance and
Click on themes now let’s remove inactive theme one by one let’s open 2022 theme then click delete and click okay let’s delete the next one click delete click okay now let’s go to the dashboard and let’s see the essential settings of WordPress which is very important so how you Mouse over settings
Click on General in the general settings you can see we have the s title which is already there next you can type the tagline if you want to allow others to create an account on your website check this box anyone can register on your website next you can change the time
Zone of your site I’m from India I’m going to set my time zone rest of the things are good here I’m going to scroll down click on Save changes next go to peral links and here make sure you select the post name which is very important for SE purposes under the
Perma link structure now scroll down and click on Save changes now go to privacy and here make sure you select your original privacy policy page this is a default or dummy privacy policy page if you do not know how to create a privacy policy page you can check out the description box and
Create your own privacy policy page once you create your own privacy policy page come back to this page under the settings privacy select your original created privacy policy page and then click on use this page button to set your real privacy policy for your e-commerce website now it’s time to
Install a theme how you most appearance click on themes now click on add new now come over here and search for Astra now install and activate this theme once you activate your theme let’s visit your site open link in a new tab and you can see this is the default look
Of your e-commerce website still there is nothing here no content here but don’t worry I’ll show you how to import a dummy content or demo content importing a dummy site or dummy content will be easier for beginners to build their e-commerce website in order to import a dummy content we need to
Install a special plugin so hover your mouse over plugins and then click on add new plugin now come over here and search for Astra now install and activate this plugin starter templates Elementor WordPress and B Builder template by brainstorm Force so click on install now and then click on activate in the next
Page it will ask you to select the page builder go ahead select elor now go to e-commerce and click on online shop and from here you can select any template that you like some of them are free and some of them are paid select the one that you like I’m going to
Select this one now click on Skip and continue and continue once again now all you have to do you have to click on this button submit and build my website so this process may take some time so I’m going to Speed the video up and I’ll
Come back once it’s done a few moments later okay so we have successfully built our website now you can view your website just by clicking on view your website button so as you can see this is the e-commerce template that we have imported to build our e-commerce website
We imported this template because it will make our job much easier to build our e-commerce website now close this tab and let’s go ahead exit to the dashboard by clicking on this button and then click on leave page back to the dashboard now I’m going to hide my
Dashboard elements just by clicking on the screen option and then I’m going to uncheck all of them because I prefer clean dashboard all right so now we are finished with our website setup it’s time to show you guys how to add add a products on your website so that you can
Sell them online before I show you how to add a product on your e-commerce website let’s see the dummy products how you Mouse over products and then click on all products okay so these are the dummy products that you need to remove after building your website you can remove
Them just by clicking on this button checkbox it will select all of them go to bulk option and select move to trash and click apply it will remove all those products at once but right now I’m not going to remove them I’m going to keep
It as it is just SA for this video tutorial now let me show you how you can add your own product on your website to add a product on your site first of all let me close this one and now click on add new button okay so this is the place
Where you can add a product on your website or you can say a list a product on your website first on the top section you will see the title of the product or you can say the name of the product below you can see the description area
And then are other things that we look at one by one first let’s add a title car and kitchen cleaning kit for your product description if you do not know how to write a product description you can use AI tool like chat GPT chat GPT can help you to write a product
Description and good thing about this it’s absolutely free so go to chat GPT and create an account which is absolutely free Link in the video description and ask chat GPT please write a product description for this product and it will give you a splendid product description for your product
Page now copy the product description and paste over here next set a product image now come to the right side and click over here set product image now drag and drop the product image so this is the image just drag and drop over here and now click on set product image
Now scroll down a bit and click on ADD product Gallery images upload four to five images of the product from different angle currently I have only one image but in your case you can upload four to five images of the product from different angle and then click on add to gallery image button
Next scroll down here you can see you can categorize your product if you do not see the proper category you can create a new one just by clicking on add new category and type the category name and then click on add new category button below once you add a category scroll down and
Add product tag add at least three to four tags now scroll up and now let me show you guys how you can add images inside your product description now click anywhere on your product description and press enter come to the next line and click on ADD media and
Upload as many images as you want of your product and again I’m going to drag and drop this image just SE for the video tutorial but in your case you can upload as many images as you want and now click on insert into product and now
You can see image size is too small click on edit button and make it full size image go to top down menu and click on full size and click on update and there you go now align the image center now I’m going to modify the description
Of this product so this may take some time so I’m going to Speed the video up and I’ll come back once I make some changes but don’t worry if you want to learn how to create a perfect SEO friendly product page I’ve already created a video for you guys you can
Check out that video in the video description and create your own topn s friendly product page a few moments later all right guys so as you can see I’ve created this top notch SEO friendly product description if you’re interested learning how I did this link in the video description check out that video
Tutorial and create your own Su friendly product page anyways guys it’s time to set the price of this product keep scrolling down until you see the product data here you can see make sure select simple product and then you can see we have the regular price and we have the
Sale price type the regular price and if you want to add a sale price you can do that as well just by typing the sale price and now it’s time to publish the product in order to publish this product on your e-commerce website scroll up and click on publish button and your product
Will be published once you publish the product you can view your product just by clicking on view product button okay so this is our product page and you can see this is the title this is the regular price and sale price and free shipping label in the left hand side you
Can see we have the product image main image and Below you can see are the gallery images of the product and this is the product description the combination of text and images this is the long product description guys if you keep scrolling down you can see this is
The amazing product page that we have created now pretend as a customer let’s try to buy this product let’s open a new private window and open your website by typing the domain name and press enter and now go to store scroll down and select the product that we have
Added now click on add to card and then click on view card now click on proceed to check out so this is the checkout page in the left hand side your customer has to fill in the billing details and contact information and scroll down you
Can see there is a no payment option so let me show you how you can add a payment option so that your customer can pay this amount via any desirable payment option okay let’s go back to the dashboard and hover your mouse of woocommerce click on settings okay
Before we set up the payment option or payment Getaway on our e-commerce website we set up basic settings of vcommerce like we look look at the Jour Tab and we will look at the shipping option how to add a free shipping something like that however if you want detailed tutorial on vcommerce plugin
I’ve already created that video for you guys you can check out that video link in the video description anyways let’s go to the general option or general tab of woocommerce under woocommerce settings the first option we have here the store address fill in the store address of yours like your City Country
State ZIP code something like that let me quickly fill in the details now scroll down you can you can see we have the next option selling location sell to all countries or ship to all countries you can select from here it’s all up to you where you like to sell your products
Select the right option for your e-commerce website if you want to sell your products only in India or maybe any specific country select sell to specific countries and from there you can search the country and select it you can select as many countries as you want okay so
This is all about your personal preferences in the shipping location make sure you select the right shipping location where you’re selling your products do not select any other shipping location where you do not sell the products next we have the enable Taxas if you want to charge text State
Then you can turn it on otherwise you can leave it as it is next we have the coupons code you can provide your customer a coupon code for a best disc SC it can increase the conversion rate of your website scroll down you can see we have the currency option here you can
Change the currency of your e-commerce website once you make any changes don’t forget to click on Save changes at the very bottom now before we had payment option let’s go to the shipping Tab and let me show you how you can add or create a free shipping zone so first of
All you have to click on ADD shipping Zone and here you have to type the Zone name I’m going to call it free shipping next click on ADD shipping method select free shipping from drop- down menu and click on ADD shipping method or select the country where you like to provide a
Free shipping so make sure select the right reason where you’re selling your products click on addit button and here you can add a requirement for free shipping if you want otherwise you can close it it’s time to go to payments tab let me show you how you can add a
Payment method and here you can see you have different types of payment gateaway that we can enable but in this video I cannot show you all of them how to enable them however I can show you how to add Paypal payment Getaway on your e-commerce website so you can see
There’s a no Paypal payment option available over here in order to bring a Paypal payment getaway inside your woocommerce plug-in we need to install a separate plug-in of PayPal to install that plugin how you Mouse over plugins and then click on add new plugin and
Open this in a new tab Now search for PayPal plugin just by typing the PayPal and here you can see the plug-in click on install now and then click on activate once you install and activate the plug-in close this tab and come back to vcommerce payment option where we
Left off now refresh the tab and as you can see we got the Paypal payment gway by payment plugins let’s turn it on and click on Save changes let’s close this tab now click on manage button alongside PayPal Gateway by payments plugin and here you can see we have different types
Of tabs so the first thing you should make sure that this plug-in is activated inside your PayPal settings once you confirm that now go to AP settings and here you can see we need some credentials in order to activate this payment gway and you can see under the
Environment we have two options sandbox and production sandbox is a test mode and production is a live mode to receive real payment from real customer in this video we’ll set up production environment let’s select the production and then click on click to connect button alongside connect to PayPal and
It will open a popup window and here if you do not have a PayPal account you have to create a new one first let’s click on accept and here you have to type your email and select your country I’m going to leave it as it is Click next so you
Can see it seems that you already have account it take me to the login page I’m going to log in with my email and password which is already filled in so I’m going to click on a login button on my PayPal account I have extra security
So I have to add the two Factor authentication code over here so let me quickly type in the code and click on continue now click on agree and connect all right guys so you can see status has connected that means our Paypal payment getaway is now working
Properly you can see all the details has been filled automatically now let’s go back to that same checkout page where we left off okay so this is the same page where we left off you can see all the detail has been filled because I already did it now refresh the page and let’s
See if the Paypal payment option is available now scroll down and you can see the Paypal payment option is available let’s click on PayPal button and let’s see if this working popup window will open and you can see your customer can pay this amount via PayPal
Or they can use the pay with credit card or debit card button amazing right and from here they can create an account or they can type in the card details and they can and complete their payment if you’re interested learning how to add different types of payment getaway like
UPI razor pay CC Avenue let me know in the comment section and I’ll create a separate video for you guys now it’s time to move on and let me show you guys how to customize your website with whatever style you like so for that go to the dashboard click on the visit site
Open link in a new tab and here you can see this page is a build with Elementor page builder now in order to customize this web page or this template whatever style you like all you have to do you have to click on this button edit with
Elementor and this is the drag and drop editor or page builder in the center you will see all the elements that has been added to create this web page in the left hand side you will see all the tools or elements to create a new web
Page or customize this web page and this floating window is a navigator window that allow you to go through each section or column or elements quickly and easily here you can see in the first section we have the column head heading and heading and button if you click on
The heading or button whatever you want to click on just click on that it’ll take you to that particular section let’s click on column and you can see we have the heading this one and we have this heading right here and we have this button right here when you select any
Element from this web page you will see the editing section in the left hand side if you select the button you can see we have the button link size and text and so on all the properties that you can change will be available in the left hand side when you select it from
This page if you want to change this text simply highlight the text and start typing your own text in the similar way you can change the button text select the button and here you can change the button text or you can add a link to this button now if
You want to change the background image simply select the section one and go to style Tab and here you can see the choose image button click on that and here you can select any image from existing Media or you can upload your own file just by clicking on upload file
And drag and drop your file over here that way you can change the image so let’s close this out so now let me show you how you can add different types of element into this web page to make this web page to whatever style you like now
Click on this 9 do Cube and you can see these are the elements that you can add let’s drag and drop this button and here select the button in the left hand side you can change anything you like you can duplicate the button you can copy paste
Or you can delete button just by right clicking on that particular element in the similar way you can delete edit and add more items into this web page and create your own unique Des for your e-commerce website once you make any changes don’t forget to click on update
Button it will keep your changes saved so spend some time on this elementer page builder and create your own web page with your own creativity for your eCommerce website if you want to learn in details about website customization I’ve already created a video for you guys you can check out that video link
In the video description so with that we are done with this tutorial however there are other things you have to do after making your website like you have to submit your website on Google search console so that Google find out you’re also selling products online so that’s
The end of this video guys I hope you enjoy the video so that’s the end of this video guys I hope you learn something from today’s video episode don’t forget to hit the like button and subscribe to his channel for more videos just like this one thank you so much for
Watching this video till then I’ll see you next time Feelingless terrifi to see
#Creating #eCommerce #Website #ONLINE #STORE
For More Interesting Article Visit : https://mycyberbase.com/
