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.
I had a theme installed but I want to change it. I imported the new theme, but even then I still see the landing page of the old theme when I open up the site preview. The menu options are the ones from the new theme, and when I click on the home item, I see the old theme page getting replaced with the new theme page, and then every page that shows up is from the new theme. However, if I cllose the preview and I preview the website from the dashboard, the old theme page shows up again. How do I fix this
Hi Adam, thanks for your videos!
I have a food tour company and would like to integrate a calendar that I can manage and link to a shopping cart, I'd like to control the dates and how many people can book and at a specific time, is there such a thing?
Thank you for the educational video, but just so you know, inmotion hosting is terrible hosting service, it is extremely difficult to reach out to them when you need to ( over an hour wait each time), they havent been able to help me for a week for an issue i was having. i wasted my money on this hosting company and will look for different one now.
Well done, Adam! Very comprehensive tutorial. You successfully transformed the complex into a "piece of cake." Every Wordpress, Elementor, and WooCommerce newbie should study this tutorial. Keep up the great work!
Great tutorial Adam! Much appreciated! I’m at the stage now were I want to update/delete the items listed for sale in my Astra store. My problem is when I hit edit the store page with Elemantor I get the error “The preview could not be loaded” click learn more for steps to quickly solve it.. I have tried repeatedly to resolve the issue following these steps to allow me to edit the store products in Elementor with no success? Can anyone help? I am currently editing each store item under the products section but this is a slow process. I guess it’s my only workaround unless anyone has a better solution? All help welcomed and really appreciated!! Thanks again for taking the time to put this thorough training together Adam, it has walked me through the process gently and has guided me to build my first online shop which is almost complete thanks to you. Subscribed 👍🏼
Hi i really need help. I have been following your course on creating a website. I am using elementor pro and oceanwp theme. on my shop page i get this message sorry, the content area was not found in your page. you must call 'the_content' function in the current template, in order for elementor to work in this page. This only shows up on the shop page that i have created. any help would be great. Thanks in advance
WOW - Such a great tutorial. Thank you. Off topic question. How do I use Elementor Pro and Pods to create Master/Detail scenarios? Example: Theater and Movies. Theater is the Master, Movies is the detail. I've been trying for days but can't understand how to do this. Thank you!
could you make an commerce store with BB please. Have been searching for one that is step by step like this and there isn't one that fulfills that. also how to connect the store to a supplier. I want to make a t-shirt store and have the fulfillment connected to it so fulfillment happens automatically. They just order from me and all the rest is taken care of in the background. THANKS!!!!!
Great tutorial. I have already developed one web site using Astra and Elementor. Ready to start another one for my photography. Because of changes to WP topo should a child theme be used as in one of you other videos?
Thank you so much for all your videos. I really appreciate your work. I have a landing page where I'm about to start selling just TWO educational courses, so I would like to ask you if you recommend installing: Contact Form 7 – PayPal & Stripe Add-on for the payment or is it better to install Woocomerce plugin and WooCommerce Stripe Payment Gateway? Thank you.
This is NOT NEW 2019! It was uploaded in February 2018! Please read my other comment (on Na7PXBJakRg) for more, Adam. It's far easier to lose a good reputation than build one and putting new dates on old technical videos is one way to do that. I'm just one meaningless person, but if I come back here before long and find the "NEW 2019" gone (also similar updates to titles of other videos), you'll have restored your reputation with me!
You helped me so much. Basically you did my school work which I tough I won't be able to finish. Few things weren't for me like ssl plugin or hosting because I did that page only with xampp and for myself. But I didn't skip those it was entertaining.
But I have a problem with a logo. If I want to change the logo It changes only in WooComerce pages and not in Astra page (Home|About Us). Used the same template as you, uploaded my logo and there is still basic logo. So I had to delete their and my logo as well and had to use title. If you understand and know how to fix that I'll be glad.
Anyways awesome awesome tutorial... You explained everything so easily that everyone can understand that. Thanx.
Edit: I figured it out I was in bad menu section my bad :D
Adam is a great teacher. I knew absolutely nothing about WordPress, and in fact, I was hostile to it, having used other programs, but I followed Adam's instructions minute by minute. Because of his tutorial, my website is as up-to-date and impressive as any in the industry. I owe it all to him. Thank you, Sir.
The Astra Theme has full documentation. I know they moved the setting location but they have full documentation so you can head over to their website and learn about any of the features and how to use it for the theme.
Hi, First off thank you so much for this great video it was a big help, I was wondering if you or anyone can help me with figuring out how to stop my shipping options from looking so narrow on the checkout page. All of the options are off to the right of the page in a narrow line and it looks awful. I'm trying to set up the website accordingly but I am very distracted by this issue. Also another area where I have gotten stuck is having the word shipping cost displayed it just adds shipping to the total amount without itemizing it in. @t Thank you in advance for any help that you're able to offer.
I have trouble importing the starter site. The plugins go through just fine when i click import for the starter site it acts like its going but just hangs up. I can leave it going four an hour and just never finishes importing. This happens whether i am on windows or chrome and it is on a fresh wordpress install. Any suggestions?
I've had this problem with the Flatsome theme before. When I tried to import a template with images it just hangs, but when I did import without images it worked. Maybe try what I suggested pal and let me know if that works?
What template or what plugin or platform would you suggest for selling digital products where link will lead to actual shop like Etsy or Design bundle? Since dedicated server is bit expensive for me at this point
I'm having trouble with my checkout page layout. It is so high up that some of the content is seen behind my main menu bar. I have tried editing with Elementor to put a spacer to push the content down but it doesn't let me. How can i fix it to look like yours at 4:21:52? Thanks for this video too, it was very helpful.
+WPCrafter.com WordPress For Non-Techiesthanks for the quick response, I did have a transparent header but now that I don't the product is cut off at the top. This only happens when I click on any item to view it on it's own page. It appears too high on and it's cut off by the header
This is a great video! However, I am seriously stuck at the 2 hour mark. I can't get my logo to insert. It shows up in the site identity column, but not on the page. I noticed someone else had this issue and I don't see a resolution and I can't find one by searching. HELP! I am going to continue with this video because it is so helpful. And you are fabulous to listen to.
I don't know why I'm watching this anymore.
Maybe I miss when I first watch your video. And it's suddenly give me a good career as a web designer.
I just want to say
Thank you for all of your hard work.
I appreciate it.
Hi. Thanks for this video, it's very helpful. Just a quick question, is there any other way to have the logo changed. In mobile devices, the logo I have chosen/applied appears perfectly, but in the desktop version it's either not changing or showing 2 copies of the logo appearing side by side.
Thank you so much for an excellent tutorial. I was already well into the process of building an ecommerce site before I started viewing your instructions. I am halfway thru your presentation. I had spent several weeks downloading several hundred products on a Wordpress/WooCommerce template that was not as good as the Astra template. I downloaded the Astra site and began modifying it per your tutorial. The problem is that I have numerous pages from the previous site combined with the Astra template. I don't want to lose the products that I had downloaded with the previous template. Would I have an easier time with Astra if I delete everything previously encoded (Astra and the previous template) except for the products and then reimport Astra and start over?
I think it would be just as easy to delete the pages of content or products that you don't want or need. You can use the search filters to try to search for us the specific ones you don't want and delete them in bulk.
There are multiple ways of doing it, just Google and I'm sure you'll find a solution. You can also check out my product CartFlows which allows you to create a sales funnel which it sounds like you are wanting.
Adam seeing how to change the color of the WooCommerce icon on main page when added to the header. With the Astra header that is Transparent the icon is like a light brown not white like all other links in header.
can you tell me how to add a "text me" button on my contact page, where my customers can send me an sms message straight to my phone. kind of the way the email me buttons work. does that even exist? lol
+WPCrafter.com WordPress For Non-Techies Thanks for responding so quickly. I didn't want to risk doing something crazy to my current website, so I created a subdomain and installed wordpress. As soon as it's live, I'll be able to follow along with this video. Thanks again!
I have a doubt. I have created a ecommerce website with woocommerce for my client. Now he wants a separate login to manage his ecommerce website. I mean he doesn't want to login to wp-admin. I need to provide him a interface from where he can add and manage products, manage orders etc. without login to wp-admin. Plz advice.
I have been following your content for some time and I would like to know more about gzip compression. I created a website following exactly your steps, but it was too slow (6.7s to load). Do you suggest any plugin or other things to adress this problem?
Hello i buy host and domain from inhostmotion after that i still not have any email or receipt from them i send them 2 emails with my bank transsaction what else i can do do fix this problem ?
Allright i talk to him live support they fix this problem🤗💎
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?
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.
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.
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
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.
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?
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.
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?
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...
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 ?
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.
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,.....
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!
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.