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.
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:
Table rate shipping https://docs.woocommerce.com/document/table-rate-shipping/
Flat rate shipping https://docs.woocommerce.com/document/flat-rate-shipping/
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.
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.
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 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!!!
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.
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?
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.
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
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!
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.
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 :)
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
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
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?
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
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
*JazzPay or MobiPay
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.
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
+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
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!
Hello, thank you so much! I followed your tutorial exactly, except for some design and my own products.
However, I have been having the issue that when I refresh after adding a product to cart, submitting contact form, or submitting payment, that the action will be repeated as described in this popup message:
The page that you're looking for used information that you entered. Returning to that page might cause any action you took to be repeated. Do you want to continue?
Do you know what the problem is and how I can fix it? Thank you!!!
I have really learned a lot. I am not from computer generation but trying to catch-up as much as possible in order to start the online business. I really appreciate & thank you for your very detailed tutorial in a simple way possible.
You are going to want to charge more for WooCommerce based websites because there's a lot of additional work that goes into getting their products in their in setting everything up and then testing everything the make sure it works right and then you. have to teach the customer how to manage their store by going through the orders and all of that. I wouldn't touch a e-commerce website for under $5000.
As explained in the Elementor portion of this video, it would go into the section and there are options there to put a color image or video in the background of a section. That is where you will find it.
Whew! I just made it to the end, thanks so much, Adam. I know things change so quickly and these two things won't matter so much in what I'm going to be selling but I couldn't get the WooCommerce sidebar onto the Store page. Also, with my version of the Astra site there were no Coupons, no Coupon link under WooCommerce. Oh well, as I said I don't need them just now but might for another site I might build... is this a thing WooCommerce has updated? Thanks...I'll be referring back to this again and again I know.
There is an option inside of that customizer to enable the sidebar for WooCommerce. You can also refer to the Astra Theme's documentation for step-by-step instructions on a lot of that stuff. As far as the coupons that is a feature that should be there from WooCommerce I'm surprised that you're not seeing it.
Hi, After I comment it. I just figure out what is going on. On the newest version. The "site identity" is in with "layout". To find the site identity. click on Layout/header/site identity. Thank you for your reply. Appreciate.
The option was moved to a more optimal location in the customizer. You can refer to the Astra Theme's website for documentation on exactly how to find what you're looking for. Also there's shortcut links when you're in the backend of WordPress on the Astra Theme settings to take you to the exact spot in the customizer.
HI ADAM. THANK YOU FOR SHARING WONDERFUL VIDEO. PLANNING TO START FOOD BLOG. ONCE I CREATE WEBSITE THROUGH WORDPRESS (without posting any pages menus etc)WILL IT GO LIVE IMMEDIATELY OR DO I HAVE AN OPTION OF MAKING IT ALIVE ONCE I UPLOADED ALL PAGES POSTS ETC. PLEASE TELL ME
The one thing that is missing and that I need is a function (or widget) for customers to reset or clear their order on their check out page. In testing it, a compiled quite and order, which I wasn't able to modify.
Ok...by continuing on I found Checkout under the last tab: Advanced. A lot is changed around, either it’s there somewhere or the content is moved into different tabs, I just have to keep digging & clicking!
This is probably new but in the WooCommerce Settings I only see Payments after the Shipping tab.....not sure where to go now for the Checkout procedures in the video....there’s nothing about Checkouts on the Payments page. I’ve followed everything else to the letter in this great video. The only difference is that I’m building offline so don’t have the SSL certificate in until it goes to my host.
You're welcome! I would love to ask you some questions possibly about how to get started with making video tutorials and courses. What kinds of materials, equipment, strategies will I need? I think it would be awesome to scale my own small business because your lessons (and service products) have helped me established better and better each day! So if you can possibly help with some advice, I'm forever a fan of WPCrafter!
I can't tell you how much I appreciate this video and all of your time and effort providing such an amazing resource!! I was going crazy with elementor with the oceanwp theme trying to add woocommerce product pages and I came across this and all of your other videos. I've watched 100+ hours of online courses and you are by far the best and clearest instructor. Thank you for being so detailed oriented. I will support you however I can. Thank you again!
So I was looking to update my previous comment, but couldn't find it...however, that error I was having "page won't load due to to many re-directs, I contacted my hosting company and they sorted it out for me immediately... It had to do with the SSl certificate not matching with the data base and the domain had to be updated. So now I can continue with my building my wp site...https://www.AtFancyStore.com...comming soon...
Thanks for this video very informative and hands on. I am trying to link the buttons on the page to the menu item example the shop now to the womens tab on the menu bar but I don't see any link to that. I tried to create a page for women to get the permalink but it only links to a blank page not to the items on the women part. I need some help please.
Awesome! I liked the tutorial & I am following the same to create an website. How do we create Custom Back-End Dashboard for the user where he can monitor and update the stock info without taking him to the default WordPress dashboard.
I just downloaded and installed serverpress to design an ecommerce store. This is probably the fourth or fifth time I've watched this tutorial, and I'm glad you made this, it seems everytime I do watch this, I find something I either missed or had forgotten, (hey, I'm old, I forget sometimes) :) Thanks for the information, these tutorials are great!
This was great, thanks, I been tryin to find out about "how can i start ecommerce business" for a while now, and I think this has helped. You ever tried - Giyenry Konthan Approach - (just google it ) ? Ive heard some super things about it and my mate got excellent results with it.
I am just starting out so this video has been great for me. Early on you spoke about speeds of hosts. How do you check the speed of your host? How do you check the speed of other hosts if you don't use them but like to evaluate before use?
I have managed to do my About us page in Elementor and am quite pleased with it, I have updated but when I go back into Wordpress and view the page it is still showing the original and not mine, what am I doing wrong?
Cele mai bune oferte si promotii din catalogul Dedeman, valabile de pe 07.12.2017 pana pe 31.12.2017. Reduceri si promotii la: gresie si faianta, produse si unelte pentru gradina, acoperisuri, constructii, termice, scule de mana si electrice, … [Read more. ]
Catalog Hornbach 5 decembrie – 31 decembrie 2017.
Descoperiti cele mai bune promotii din catalogul de oferte Hornbach, valabile de pe 05.12.2017 pana pe 31.12.2017. Cele mai bune reduceri la: aparat antiinsecte cu LED, boiler electric, vopsea "Meister Polar Weiss", lazura pentru lemn, Pattfield … [Read more. ]
Catalog Praktiker 22 Noiembrie – 27 Decembrie 2017.
Nu ratati cele mai bune oferte si promotii alimentare din catalogul Praktiker, valabile de pe 22.11.2017 pana pe 27.12.2017. Cautati cele mai bune preturi la: suport umbrela, cutie frigorifica, cort Ontario, balansoar 3 locuri, bicicleta strada, … [Read more. ]
Economisiti cu cele mai recente promotii din catalogul de oferte Brico Depôt, valabile de pe 15.11.2017 pana pe 24.12.2017. Nu pierdeti cele mai bune preturi la: ventilatoare, aparate de aer conditionat, tevi si conectica cupru, radiatoare, boilere, … [Read more. ]
Catalog Hornbach 7 noiembrie – 4 decembrie 2017.
Descoperiti cele mai bune promotii din catalogul de oferte Hornbach, valabile de pe 07.11.2017 pana pe 04.12.2017. Cele mai bune reduceri la: aparat antiinsecte cu LED, boiler electric, vopsea "Meister Polar Weiss", lazura pentru lemn, Pattfield … [Read more. ]
Bricolajul a ajuns in Romania in urma cu aproximativ 10 ani, insa in Statele Unite si in statele occidentale acest concept este mai vechi, si isi are originile la inceputul anilor ’50. Bricolajul se refera la capacitatea oamenilor de a crea sau repara diverse obiecte fara a apela la ajutor specializat.
Primul catalog de bricolaj pentru renovarea locuintei a aparut in 1968. Acesta a nascut conceptul de bricolaj care sta la baza lanturilor de magazine din zilele noastre. De la covoare si perdele, pana la mobilier si prefabricate, bricolajul se refera la tot ce inseamna renovarea unei locuinte in aceasta acceptiune.
Pe orlo.ro gasesti toate cataloagele de bricolaj, de la cei mai importanti comercianti. Catalog Dedeman, Catalog Praktiker, Catalog Baumax, Catalog Bricostore, Catalog Ambient si altii.
In Romania retelele de magazine pentru bricolaj sau extins rapid, cel mai important comerciant din acest segment este Dedeman, care a pornit din orasul Bacau si a ajuns sa detina magazine in cele mai importante orase din tara.