HomeХобби и стильRelated VideosMore From: WPCrafter.com WordPress For Non-Techies

How To Make An Online eCommerce Store Website With WordPress (NEW 2019)

2525 ratings | 134490 views
In this extended tutorial, you will learn how to make an eCommerce website. Some of the free tools used are WordPress, Elementor, WooCommerce, and the Astra Theme. More details are coming to this description, including a full table of contents. Some links: Hosting: https://OrderNewHosting.com Astra: https://www.wpcrafter.com/astra Elementor: https://www.wpcrafter.com/elementor Table of contents: 00:00:00 Website overview 00:03:56 Tutorial overview 00:08:41 Choose the right hosting (important) 00:19:00 Ecommerce hosts 00:25:00 Order domain and hosting account 00:35:30 Setup SSL certificate 00:39:15 Check PHP version 00:40:43 Create email account 00:45:50 WordPress fastpass tutorial 00:57:39 WordPress general settings 00:59:20 Set permalinks 01:00:12 User accounts 01:03:00 WordPress themes 01:05:34 WordPress plugins 01:07:22 WordPress customizer 01:08:38 WordPress menus 01:09:38 WordPress widgets 01:12:07 Install Astra theme 01:13:20 Install plugins 01:17:03 Configure SSL for WordPress 01:18:32 Choose site design 01:26:18 Choosing a color palette 01:32:22 Choosing a font pair 01:37:23 Get a logo 01:53:26 Exploring the theme options 02:12:06 Look at Astra Pro 02:21:01 Elementor Fastpass tutorial 02:29:45 Elementor backend settings 02:38:08 Elementor editor 03:14:28 Elementor pro 03:21:15 Edit page layouts with Elementor 03:27:58 WordPress ecommerce 03:37:36 WooCommerce settings 04:00:54 WooCommerce products 04:11:06 WooCommerce variable products 04:17:38 WooComemrce theme options 04:22:51 Style add to cart button 04:24:32 WooCommerce coupons 04:29:00 WooCommerce resources (links below) 04:30:00 Wrap up (links below) WooComemrce resource links: Taxes https://docs.woocommerce.com/document/setting-up-taxes-in-woocommerce/ Table rate shipping https://docs.woocommerce.com/document/table-rate-shipping/ Flat rate shipping https://docs.woocommerce.com/document/flat-rate-shipping/ Wrapup links: Backups: https://www.wpcrafter.com/backup-wordpress-website-offsite-automated/ Security: https://www.wpcrafter.com/ithemes-security-review-tutorial/ SEO (updated version coming soon): https://www.wpcrafter.com/use-yoast-seo-optimize-wordpress-website/ __________ More TOC links are on the way ~~~~~~~~~~~~~~~~~~~~~ All of my opinions in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is an affiliate program available, it's safe to assume that you are clicking on an affiliate link. Please check my website for any associated bonus I may be offering, for supporting me, or ask in the comments below. ~~~~~~~~~~~~~~~~~~~~~
Html code for embedding videos on your blog
Text Comments (910)
Noe Raul Rosas Pineda (14 hours ago)
Adam, thanks for giving us all this knowledge. Now, why WooCommerce plug in is not free for Word Press? Regards
SS J (1 day ago)
I am working on locaslhost and getting error with SSL olugin."Really Simple SSL failed to detect a valid SSL certificate. If you do have an SSL certificate, try to reload this page over https by clicking this button:". Do you know why?
Car Go (2 days ago)
When buying the Astra "Agency" theme; You must buy the "mini Agency or the Agency Bundle". That at least $169. If You buy the $59 package. You will not get any Agency theme.
I don't understand what you are asking here. Astra is free, the template from this video is free, Elementor is free.
Samuel Odukomaiya (7 days ago)
how can I integrate woocommerce with LIFTERLMS
With the LifterLMS WooCommerce extension.
dboutine (8 days ago)
Hi Adam, I am so excited to have come across your tutorial. Exactly what I was looking for, and I subscribed. Adam, something is bothering me though: The large black (English) banner across the page is a real distraction and it actually hides a lot of what you're showing throughout the tutorial. Is it removable? I couldn't see any X's on the corners the close it. Please help, I am very interested in watching the tutorial, but it seems almost impossible with that thing in the middle. Thanks.
Eastern Airlines (8 days ago)
Thank you, Adam.
myscrapworlddesigns (9 days ago)
Hello, can you show how to get the link to add to the button in a particular section. Thank you.
Search my channel for the video on on-page navigation links.
engineer imrana (10 days ago)
is this theme freely available ?
Yep
Shahzad Haider (11 days ago)
Another great tutorial.
Thank you
Sel817 (13 days ago)
Great. How to translate it is my question?
HumansAreWe (14 days ago)
Thank you for this video my friend. This was very helpful and informative. I appreciate the time and effort you put into your videos. I went ahead and subscribed to your channel as well. Thank you once again.
Thanks for subscribing. Lots of great things to come this year.
Michael Goodey (14 days ago)
Thanks Adam great tutorial as usual
Chong Boon Keang (17 days ago)
Hi, thank you for the wonderful video. I just started but I was hit with a problems when I try to change the logo. When I change the logo. The logo either come out 2 logo or the logo did not change at all and still show DNK. Can you help me please
Chong Boon Keang (17 days ago)
I think the themes for DNK has a bug. Because every time I insert the logo, It will duplicate itself into 2 logos at the same place. Or Sometimes, the new logo does not come out and the old logo DNK is still showing.
Mene Tekel (22 days ago)
2:21:16 What is Elementor 2:29:51 Working with Elementor
You know the breakdown with timestamps is already in the video description.
Brad Barrett (23 days ago)
This video has been excellent, though I'm trying to make a variable product that has a lot of options and hitting some issues. I want to have a product that is a discounted pack of my other products where the costumer can choose what makes up the pack. For the first one it is a 4 pack, the the costumer can pick 4 products from a line that has 7 products. Where I'm running into an issues is the number of variations it generates. Do I need to generate variations if the cost is the same regardless?
rippledude (24 days ago)
Very frustrating when I change the logo and save it it changes it back to the template logo how can I fix this? Thnx in advance!
Yo Lord Varys 😱
Ibrahim Ouedraogo (27 days ago)
very good tuto
daryl haycox (28 days ago)
Where did you get the theme from ? And is it FREE !!!
tehmina naaz (29 days ago)
Will it'll be working in india
DJP Tech (30 days ago)
sir who is best hosting provider
Tom Evans (1 month ago)
It's December 16, 2018 and the theme didn't install with the latest version of WordPress, version 5.0.1. I got an error message when I tried installing the "brandstore" theme so I tried downgrading the version to 4.9.8 but got a different error message so I created a site on localhost using version 4.9.8 and the theme installed ok from there. I then upgraded to 5.0.1 and uploaded the site to the cpanel. It looks to be working ok now.
renana kol (1 month ago)
Hi Adam, thanx so much for this video, this looks like the perfect design for my site but i have an existing site and when i tried to import the theme an error came that said [object object] Can you help me understand what i need to change in my old design in order to import the new theme?
Baby huge mouth (1 month ago)
Really ? Need to pay for logos ? WTF is wrong with you ? You didn't sleep last night :)) With that money, I buy in my country, a brand new used car. :) I think the age when people were spending money on anything, has gone, long time a go...
Adnan çalgın (1 month ago)
hey i was building an ecommerce website by following your video , everything was going well but the pictures on the main page are disappeared . I have searched for options of the images but couldnt find it . How can i get the images back or replace them wih another pictures ?
AndyDOHD1 (1 month ago)
The SSL certificate issue is something I am running into now - just reached that position on your tutorial... popcorn, Coke, feet up, lol (Only kidding). I have hosted client sites with the same company for a number of years but now it is £100+VAT (20%) to have an SSL installed per client domain. If I supply and install my own SSLs then they will charge £50+VAT to provide a dedicated IP address. Will be looking around for different hosting reseller account I think. My present clients are very small companies, not sure they would like the added expense for an SSL. Watching as one client supplies garden products onsite but not onlne... yet, but I am sure they would like an online range of stock display for their customers.
Anton G (1 month ago)
Hi, can Woocommerce handle thousands of affiliate links with images? I am debating between using either Woocommerce or Magento.
Diego Chi (1 month ago)
Thank you very much, I did my ecommerce based in your tutorial, I would like to know how to add a free search form in the menu ?
EXTRa Ordinary (1 month ago)
im not able to download plugins
Anabel C. (1 month ago)
Adam I want to thank you for this video, I think it is really complete and professional... I admit I had to go to sleep twice... but it was necessary to watch. ♥
Roberto Vargas (1 month ago)
Watch in 0.25 speed, because I'm high
Jim Brooks (1 month ago)
Can you PLEASE specify how to change the images? Especially the Background image???? It has been asked several times, and you just say that you covered it, but never say where...... I watched the video, and didn't see it either. I think that there were a lot of things that you covered that could have been left out, and a lot of things that you left out that you could have covered. That should have probably been one of the first things that you covered. Sometimes, things seem trivial to those that know how, but since you made a 4 hour video,.....
It's in there https://youtu.be/wgXjvXE-riQ?t=10581
Peter Hancock (1 month ago)
the price is 3 times what it is in this video now
The price of what? WordPress is free, Astra is free, WooCommerce is free, Elementor is free. I'm not following you here. Oh and this video is free.
Urban Chains (1 month ago)
I tried to import the site at 1:24:05 but it fails everytime.. what is wrong?
This is such great content, thank you so much! A friendly suggestion. Could you please break out your videos into sections per the learning objectives you said we will achieve? Its a lot of content and a little time consuming to search through everything you are teaching us. All the best!
Thank you Master Shifu 🙏
If you look at the video description there it’s all broken down with time stamps. Just click on the section you want and the video go there for you.
Xaver Miklos (1 month ago)
You have tough me more in 4 hours than my teacher in a weeks.
Raquib Chowdhury (1 month ago)
Excellent I learned a lot
2x speed for the win i learn alot
Bimmer Marco (2 months ago)
Thank you so much ! It was VERY helpfull.
Got Predicted (2 months ago)
Watched at 2 Boom. Understood A to Z. I knew all just watched to revise things.
Gotta Know Joe Hobbies (2 months ago)
Amazing im 2 hours in but need rest... Get video
Mitchel Glanzbergh (2 months ago)
I cannot get "Home" page to load using Elementor editing. The just keeps changing shades and never completely loads. Can you help me?
Redley Fraser (2 months ago)
For two hours you were still explaining about WordPress, try going straight to the point sometimes, nice video
Steve Dean (2 months ago)
I went to www.showthedemo1.com and it dose not work what is the link
Nikunj Lunkad (2 months ago)
How much should I charge if I'm building a website like this one for someone else?
Elisha Chantè (2 months ago)
Hello Adam I have just found your video and found what you have said about hostgator very important as on the 2nd November I went with their hosting services I purchased the baby package which states I get an SSL certificate for free but when I emailed to ask if it was to be on all of my websites or one moving forward I had no response.. I was actually watching a video similar to this which encouraged me to buy unfortunately but I guess that's how it goes sometimes.. You just have to take the loss.. But when my services are to be renewed can I take my Websites elsewhere without losing anything?? Many thanks E.
How To Make Money (2 months ago)
great video ,Where is your video on how to change the links to our own affiliate links Cheers & Thanks
Ameen Shaikh (2 months ago)
Is this video for absolute beginners also??
paul tak (2 months ago)
Shopify is what Wix is to building sites....aka crap
Yea its very ridged.
Jibran Zia (2 months ago)
Amazing tutorial series. Just one question, inMotion hosting has specific wordpress hosting service but in this tutorials you have opted for standard hosting instead, is it because the specific wordpress service is not suitable for wooCommerce?
I think the WordPress specific hosting would be a great choice.
Catalin Cata (2 months ago)
I dont have the site identity tab in the free version... is there another way to change the logo? => found the option to change it :D click on the pen in the left side of the logo. Thank you so much for the tutorial , it is aswome!!!
Tantei Master (2 months ago)
Hey how did you changed the pictures after importing the default website?
Its there, it moved. Check under Layout > Header. You can also check the knowledgebase on the Astra site.
Fahad Razi (2 months ago)
i did same as you did but paypal is not accepting payment, i think theirs some issue, please fix this issue for me
arielaj77 (2 months ago)
Hi Adam, I am trying to figure out how to remove two of the four footer widgets area. I am customizing the exact theme used in your tutorial, but I cannot figure out how. I would appreciate your help. Thanks much.
mahmoud kouzom (2 months ago)
normal speed is good fore me XD ( as beginning English level)
Ayandolos (2 months ago)
At 1:54:37 I did the same exact thing as you but there is no "site identity" I can click on, what's up with that? Edit: Never mind, I found it! Customize>Layout>Header>Site Identity
Ayandolos (2 months ago)
WPCrafter.com WordPress For Non-Techies Bluehost, money is tight so I never changed hosting, I skipped that part.
+Ayandolos Who are you using for hosting?
Ayandolos (2 months ago)
I have a question, at around 2:12:40 I clicked publish and the changes were made but when I logged out of wordpress to look at the changes it was like the same as it was before I did anything, do you know what happened?
Ayandolos (2 months ago)
WPCrafter.com WordPress For Non-Techies No problem, thanks for making this tutorial, it's very good.
Tantei Master (2 months ago)
How do I change the pictures tho? Like how do I set up my own pictures on the home page
Tantei Master (2 months ago)
+WPCrafter.com WordPress For Non-Techies For answering that quickly, you just got yourself a subscriber, but what time stamp it is? Thanks a lot
I cover that in the video. Changing images and text. Look at the time stamps in the video description.
Dane Strachan (2 months ago)
You have no idea how my life has just changed. Thanks so much.
Ideaman K (2 months ago)
I have been watching your very impressive full depth tutorial of Online store with Elementor & Astra. I have watched some of your other tutorials also. You are definitely the Best about WordPress related tutorials. God Bless!! I am working on making a promotional Products website - So there are minimum quantities. Like Want to buy personalized pens - Minimum quantity would 50 or 100 or 150 - Depends on the type of product and there could be a setup charge for imprint on the pen. Is there a plugin for WooCommerce and suggesting the client similar products. Look forward to hearing from you soon. I can buy the pro version if required using your links. Also is there a way to make a child theme for Astra & Elementor - so that the changes won't create a problem. Look forward to hearing your response. Ideaman
Feric Decenan (2 months ago)
1:17:54
Frans Botha (2 months ago)
The MASTER YOU ROCK , can you tell me I'm using oceanwp as theme with elementor - I want add only one shopping theme to a specific page on my website- called my shop page -
New funney tv (2 months ago)
Nice
michael boateng (2 months ago)
i have tried importing the astra theme and it takes forever to install. what might be the problem?
Gamie O (2 months ago)
Hi. Why install in https://, not https://www.
t d bradley (2 months ago)
Hi I just watched and followed your video but I have 1 problem and 2 questions. My problem is I need a Search Products Button in my header, I have tried to figure how to copy the link of the one in the footer but no luck. I will have to find another theme if I can't fix this problem Please help. I used the same site you did your demo with. my 2 questions are about two plug ins you told people to upload but I never heard anything about them in the demo other than upload and wait until late itheme amd updraft. Please Help TY
jhymielle Ucab (2 months ago)
I love all your videos, thank you for the tutorials sir.
Studio Edin (2 months ago)
I dont have the Checkout in woocommerce. at 3:50. I tried the flatsome theme, and other themes and I never had the checkout in the woocommerce settings. what do I do?
Brett Stamm (2 months ago)
The woocommerce plugin seems to have a problem with elementor. When I try and edit pages I get the error, "cannot load preview," but when I deactivate the plugin, it loads fine.
Aris Pipis (2 months ago)
Can we implement this using the Elementor Hello Theme? Also why do you recommend the Astra Theme instead of Storefront or OceanWP? Thanks :)
Yes that is the problem with the hello theme is that it doesn't have any styling for anything and it doesn't have any specific features for anything. It's a completely blank slate.
Aris Pipis (2 months ago)
Thanks for the feedback. i don't have personal opinion about storefront, although my current online store is built on it - it seems that is the most common choice. i am a big fun of elementor - i have redesign my blog using it with oceanwp which gave me a hard time in some configurations which were solved using the elementor's hello theme. However, the hello theme seems to lack in eCommerce, also Elementor is not there yet, for example your checkout or your card pages are really really ugly. Thanks for the tutorial - i will give it a try and will let you know!
Sure you can but it will be a lot more work. Storefront really is crap. Astra is a lot easier to use than all other themes I have tested.
Alex Bor (2 months ago)
Great tutorial, thank you a lot. It took about couple of weeks to assimilate this knowledge, but it really worth it. I had already finished basic courses for html, css, js+jquery, php, mysql & wordpress, but only now I see how quickly it's possible to export a whole prebuilt site, quickly customize it and get a valuable ready product. This process looks so quickly, I cannot wait when I start to make real freelance projects. Thank you again.
Tantei Master (2 months ago)
Hey, sorry could explain to me how to change the pictures after importing Astra default website?
Your welcome, thanks for watching.
Raju singh (2 months ago)
Thank you very much for this video Sir
Your welcome!
Carolyn Logan (3 months ago)
Hi Adam, love all your videos. We are blessed to have you. I am doing a site for a company and we are going to be purchasing Astra/EElementor/WooCommerce. On your link it gives a price, but it's confusing. Link: https://www.wpcrafter.com/astra-theme-discount-offer/ Is that price for Astra itself? We want the lifetime agency. So the price on the page is that for that? When we go to purchase the link takes us to Astra and it's back to regular price. Just confused. Is the price on your page for Astra or just for courses? Thank you, I know your a busy guy :)
Carolyn Logan (2 months ago)
Yes sorry, I figured that out after posting. It is so hard to decide on a theme etc. So many things to look at. Do you also support Storefront? I am planning on making our purchases through your links if you have the links so I can get the courses. I was sent an email on Storefront which I know nothing about. We do plan on using WooCommerce, so now they have just made it harder for me when we had planned on making the decision tonight during a screen share. Thanks for all your input. And btw, price is not an issue, we just want to get good products and customer support. A beautiful website that offers products that we can show off nicely. website with a blog... chat...suggested items...etc +WPCrafter.com WordPress For Non-Techies
I don't list the price on Astra on my site, I list the value of the courses I am giving to people when they buy Astra. See how it says $XXX Value?
Marium Goraya (3 months ago)
Exceptional! thank you, sir,
Your welcome, thanks for watching.
Bob Smid (3 months ago)
Thank you very much for uploading these videos! I was wondering could I add a shopping cart within my pet services shop on the Astra site? Thanks
Oh yes and it will pull in your existing styling.
Salt Decorat (3 months ago)
hi adam there is a problem in this video or theme there is a tab fault when i visit site there is no tab of edit page with elementer for store and accesories pages and when i go to other pages elementer working fine but when i go to dashboard pages store and edit with elementer then came a error that the preview can not displayed why this is happening
Salt Decorat (3 months ago)
and one more thing there is no sidebar on the store page and a sidebar available on accesso ries page
Aslam Pothukandiyil (3 months ago)
i want to make one e commerce sute?
Aslam Pothukandiyil (3 months ago)
can i hav ur watsap no.?
Chandan Pradhan (3 months ago)
It's responsive on mobile??
Kev's Capers (3 months ago)
Hi Just a frustrating query...when I try to import the Astra site I get the error .."This page doesn't seem to exist"....the link to here was faulty...however I can't seem to find what page/link they are referencing. Any advice as to where to look? Cheers
Aimee Arpke (3 months ago)
Love this tutorial! Just the info I needed!
Thanks for watching.
Affle Tech (3 months ago)
I am trying to do this but I' m facing some issue in product category I try to make a new category in product category option and after update new product details the product is not showing in the category can you help me to solve the issue
Victoria Adebayo (3 months ago)
Please a quick question, how can i go about using wordpress to create many websites and eCommerce sites?
Manchalay Ustad (3 months ago)
Hello My name is ShahRukh and i am from Pakistan. and i am building an e-commerce website for Pakistan and i need your help in checkout settings. So i want to know that we can add other checkout extensions like 2checkout. because in Pakistan we have *1link checkout *EasyPay *JazzPay or MobiPay *MNET *Cirrus So Please can you tell me that i can customize my checkout with woo commerce or can i add a separate plugin and link it with my woo commerce. Or if you can suggest me any other option for this. Your reply will b highly appreciated. Thank you in advance for all you help. and this vlog was really helpful for me and i am definitely going to recommend you vlogs to people in pakistan. Once again thank you.
MrTinTin online shopping (3 months ago)
good work appreciates it.
devist (3 months ago)
This is everything I needed. Thank you so much!
Dee Rose (3 months ago)
i'm struggling to add the products I've created to various pages. the products only appear on the store page. i'm using astra and elementor on wordpress. could you please show me how to add products to different pages and also how to customise the appearance of the products. thank you
Dee Rose (3 months ago)
+WPCrafter.com WordPress For Non-Techies where can I find the direct link
Dee Rose (3 months ago)
+WPCrafter.com WordPress For Non-Techies I'm happy for all the different products to appear on the store page... But for instance if I've created a page specifically for jeans and another for tops how can I add those separate products to those specific pages
Where were you wanting or expecting your products to appear? Every time you create a product you get a direct link to that product but you have to show a list of those products someplace.
Annemarie Obermayer (3 months ago)
When I look on Elementor website as well as Astra website it shows that both you have to pay for, is that correct?
If you watch the video you'll see that you don't have to pay for it and I explained how there are upgrade options if you needed it but I don't use any of that in this video.
Annemarie Obermayer (3 months ago)
Elementor does not work anymore it seems like. It shows just a blank page when I click 'Edit with Elementor'
Who are you using for your web hosting?
Tiago Nicho (3 months ago)
Huge Value , a Million thanks for sharing so much knowledge Adam.
Fadhl (3 months ago)
Seeing HostGator Ads by google on this video
raihan islam (3 months ago)
If I use this website is it ok?? Please help me
Eddie Oxedine (3 months ago)
I like slow.
Eddie Oxedine (3 months ago)
Where do the products come from?
Will Neves (3 months ago)
Would Astra be suitable for a Travel Agency website?
Dilantha Rajeewa (3 months ago)
Watched it all the way.. Learned a lot. How to change this Menu Titles ( MEN WOMEN ETC..) to something else.. I have a different menu and Sub-menu to add.
LAUDIS EX REVEURS (3 months ago)
This is the best piece of content marketing that I will ever see, thank you so much.... you are so clear and just amazing.... I will definitely make use of your affiliate links and If I am looking for something and you sell it I wil without a doubt buy it from you!
Matias Rouaux (3 months ago)
Thanks, excellent tutorial.
Alex Bor (3 months ago)
your pace of speaking is absolutely normal, don't forget, some of your listeners are not native English speakers at all, some of them will even slow down the speed.
Yes thank you for reminding me. There. have been many people who have told me that the way that I speak and the pace that I speak has helped them to perfect their English skills.
Sarah Rose (3 months ago)
Wow , what a tutorial ! I learned far more than what I excepted . I will go now through all your videos to become a professional =D
So happy to hear that Sarah!
Ashok Cherian (3 months ago)
This is so great. Highly appreciated. Thank you so much.
You're welcome, thank you for watching.
Harshit Pratap Singh (3 months ago)
Astra Starter Sites plugin is not showing any demo site , just a waste of time ...!
Harshit Pratap Singh (3 months ago)
but I updated my php to 7.O ...
Perhaps there's a problem with your hosting because there certainly isn't a problem with the plug-in.

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.