How To Create A Killer Ecommerce Website In 2023 | Complete Webshop Tutorial
Вставка
- Опубліковано 20 тра 2024
- Watch the 2023 version of this tutorial ✅ • How To Create An Onlin...
In this eCommerce website tutorial, I show you step by step how to create an automated and highly converting webshop using WordPress, WooCommerce, and the Astra theme.
Get a domainname and webhosting:
webhosting20.com
Get the Astra Theme:
ferdykorp.com/astra
Example website:
consoledelivery.com
With the Astra theme, the old WooCommerce pages will be transformed into beautifully designed pages that are optimized for conversion.
After installing WooCommerce, I show you how to create 6 different kinds of products. We will redesign the product page and archive page using the Astra theme.
We will optimize the Cart Page, Checkout Page, and My Account page.
We will talk about coupon codes, shipping, payment methods, taxes, and email design.
When our eCommerce website is up and running, we will focus more on the rest of our WordPress website. We will create a header from scratch and make it optimized for all devices. We will also create a footer and talk about the homepage and things you can do using Astra Pro.
When you follow all the steps in this tutorial, you are able to sell things on autopilot throughout the whole world. The only thing you need to take care of is sending the right products to the right people.
Timestamps
00:00 Intro
06:15 What Is Domain Name And Webhosting
13:49 Install WordPress (For Free)
16:33 Clean Up Your WordPress Website
20:27 Your Site Title (Very Important)
22:15 Get The Astra Theme
26:13 Install WooCommerce
Create 6 Different Products In WooCommerce
33:40 Create A Simple Product
48:24 Optimise The Product Page
56:56 Create A Variable Product
15:23 Create A Digital Product
01:17:06 Create A Downloadable Product
01:20:13 Create An Affiliate Product
01:22:26 Create A Grouped Product
01:23:44 Import Products Into Your Website
01:24:35 Upsells And Cross Sells
01:26:57 Optimize The Catalog Page
01:43:52 Optimize The Cart Page
01:47:15 Optimize The Checkout And My Account Page
01:56:35 Implement Credit Card and Klarna as Payment Method
02:01:31 Implement Paypal as Payment Method
02:03:37 Coupon Codes
02:09:20 Shipping
02:17:18 Modern Cart
02:23:08 Taxes
02:37:58 Automate Taxes
02:39:07 WooCommerce Settings
02:42:36 Optimise The Emails You Send To Customers
02:54:33 How To Process Incoming Orders
Your WordPress Website
02:56:23 Create A Header From Scratch
02:58:04 Create A Menu
03:14:42 Add Smart Search To Your Header (Free Plugin)
03:21:24 Optimise Your Website For All Devices
03:31:15 Create A Footer
03:44:32 The Homepage Of Your Website
03:56:07 Astra Pro Features
03:58:46 Thank You
Follow Up tutorials
SEO Tutorial:
• Complete RankMath Tuto...
Build an Email list:
• How To Create an Email...
Elementor Tutorial:
• Elementor Tutorial For... - Навчання та стиль
Hello Ferdy,
At this point am compelled to break my silence. I follow some successful web designer UA-camrs among others. Yet the fact still remains that you prove to be no. 1.
With your video am already building my website I only have the blog & case study pages pending. Will send you my web address when am done to see how much you have impacted a beginner.
Can’t thank you enough.
What we need now is tutorials on how to get clients 🥰👌
Hi bro
Are you a youtuber
is your website up nopw bro?
Yes! Agreed. Ferdy has an outstanding teaching ability! His courses keep transforming my life.
Hi, did you complete your website. I imported the template but it came with a few pages and when you click on an item it take you to the template cart and checkout so I have 2 carts & 2 checkout. Did you rectify this at all. Any tips welcome. Thank you
commenting just for the algorithm because you asked nicely.
Can we all just give Ferdy a huge round of applause for this excellent tutorial. ❤
Awesome tutorial as usual, Ferdy! I have turned on a very few notifications ring of youtube Channels that I subscribed. You are one of them. Keep your excellent job, Bro. Thank you so much 💓
Hi Ferdy,
Words absolutely can not describe how valuable your content is! I've always wanted to start a shop online, but never knew how to start. Two weeks ago i deceided to put serious effort in it and I've watched some random UA-cam video's. That's untill I came arcross your video's. Since then I spend a lot of my free time watching your video's, and boy, do you overdeliver! As we say in dutch: 'ik begon als een leek', but with your step-to-step tutorials it all becomes so clear and confidence grows by the minute. You absolutely nail it and are genuinly fun to watch. Your video's are very long - which is great - but never boring. That's awesome. Ferdy, enorm bedankt!
Thanks for this ferdy! Was waiting for this tutorial for weeks! Youre awesome!
I love this video. I am the director of a small website design agency in South Africa and have build over 95 websites in the last 3 years but never have I seen woocommerce with astra being used like this and those are the platforms we use. I watch all your videos and have really learned a lot. Have a blessed weekend.
Currently watching...
Thanks again Ferdy!
Hello Ferdy, I started a ecom websites design (for female entrepreneurs) side hustle. I've been applying your teachings. Thanks a lot for your time and generosity. I'm currently working on my second project. I will share the final website when it's complete. I just subscribed to your channel. Many thanks.
Hey Ferdy, not sure why YT pushed this video to me at this moment in time but I felt the need to comment. Some of your past video’s actually helped me built a (side) business that’s grossing thousands monthly. Thanks for that and keep on the good work!
Ik heb zowel NL als ENG bekeken en beide doe je echt top! 😁
Hello Ferdy, is one of the most popular mentors in this current world for WordPress and eCommerce website makers!!
This tutorial holds great potential for anyone interested in building a remarkable eCommerce website.
Fabulous tutorial Ferdy, as always lots of information, tips & tricks.
i learned lot of things from this tutorial i really appreciate your struggle you deserve millions of subscribers
If some one deserve to say " teacher" Ferdy will be the one who comes our mind quickly . Thank U so much teacher 😌
Hello Ferdy,
thanks for your tutorial. I went step by step to the goal. Your work is incredibly important for beginners. Thank you Roman
Ferdy, I'm a new Web designer i want you to know that you're a good teacher making ecommerce website. Thank you so much
Hello Ferdy, Your videos helped me not only to become good at building websites, but also it helped me to build a Wordpress Web Agency in Belgium... 😉 Your videos are priceless and I encourage anyone who trully wants to dive into the world of Website development to watch his videos...
Thank You Sir! Learned a lot from your entire video!
Ferdy, thank you for this is a dream come true for me. You have just made it so easy for me.
thank you! i am an avid fan now, your tutorial is amazing!
Thank you for helpful video Ferdy!
Great Video. Thank you Ferdy
never stop your funny stuff u do, make good content like at 57 min into it
Excellent tutorial
Thank's a Ton for this Brother Ferdy , 2 Thumsb Up
Thank You Dear. I enjoyed and learned so much from your video. Excellent work.
An excellent tutorial
i just watched your video for around 4 mins and all I would say is WOW I am impress if whatever you are saying is going to be the same. I will like your video for now and at the end if you deliver on your words, I will 100% be your forever subscriber. ;)
Ferdy, I love your explanations and you are just plain awesome at these. You do a really great job. I have a question for you. I've been using Divi as a builder because it is pretty great and easier for me to use than Elementor but I see so far that you haven't used anything besides the Astra theme. Is this just a competitor to Divi and Elementor so it can be used by itself? Do I keep trying to learn Divi or switch to Astra? Some say that the Divi Builder is good but their theme portion has been lacking and to use Astra for the theme side. Can you help me out?
Yes this is genuine hack and works as promised in my case. Thank you very much.
Thank you so much for this very informative tutorial Ferdy, thumbs up for you!
You are very welcome
Thanks for the super duper specific turorial
Great to see you again Ferdy ⁉️
Been a fan of your tutorials for awhile and appreciate you making this video which 4 hours (Wow!) I’ve been working on a website using Kadence which I like for over a month, so hopefully I can follow your steps using my current theme without any issues. Thanks again Ferdy!
@Muhammad Osama I'm sure but give it a try.
Great job Sir
Thank you, Ferdy, this was just what I was looking for after moving away from Elementor. It took me awhile to find this, I would push the Astra Pro angle more in your Title and description so hopefully it would be easier to find for others.
Thank you 😊
Super bedankt... thank you very much. Danke... merci beaucoup... teşekkürler... şükran...
well done 5 start
Ferdy, this is awesome... You've been a source of blessings to many on UA-cam... I got to know your channel during the COVID-19 era where I learned how to become Udemy Instructor, till today, Udemy is still paying me in Dollars as an instructor. God bless you more. This is another making money video. Great Job...
Impressive ❤
Thank you so much for this e-commerce website
thx man it rill good
Lovely tutorial. Thank you very much. I want to create an art print website. Which would you advice? Shopify or Wordpress?
Thanks. Nice video.
Thanks you!
Thank you great video
thank you so much we apprichiate your efforts allah bless you🙏
What an insane tutorial you just took us on a ride man...............Hugggggge thanks
It's cool that this guy is making this quality and this long videos. Thanks
You are welcome Karel 😊
Help ful.......................................................................
Hi, the number One is on this channel !
Hello, I cant Download the modern Cart Plugin because the Page still doesnt exist
Hi Ferdy. Happy holidays!
I am eagerly waiting for your review of the breakdance page builder. Is it coming anytime soon? It's being hyped a lot, one cannot ignore it.
This is really awesome tutorial. Thanks a lot for marking this type of video.Hope you will make wordpress, e-commerce, business, blog related website. Thanks
Hi Ferdy,
Thank you so much for this tutorial, the template was a massive help along with setting the shop up. I am a beginner and have managed to almost finish my website, having put this off for almost three years. Just need to do the blog page and maybe add that fly in cart, is it on the Astra home page, I had a look but there are two carts. I have one little question, my above header and main header appear on the shop page for tablet and mobile but not on the Desktop view, the visibility is turned on for all three. I have no idea how to fix it, could you help me please. Wishing you lots of success with your ventures :)
Hi Ferdy Thank you very much for your time and generosity. I learn lot thing with your tuto. Can you please make a tutorials for restau.
Nice video
Thank you very much for this video, I learned a lot from this video. But I have a question for Astra Pro. When you take the Pro version, how many sites can you create?
Hiya thanks for the for help
Hey Ferdy, what's the main difference between Astra and Divi? Seems like they're similar priced. Any advice on using one or the other as a newbie?
omg .. u r amazing
you are amaisain
Hi Ferdy, great vids! Really helpful and informative.
I have one question, somehow when I select "limit to 1 purchase" the quantity selector doesn't disappear for me. Something to do the Astra theme I think when looking at Element inspector. If you have any advice that would be greatly appreciated!
Groeten uit Nederland!
With the variable products, is it possible to show them as individual items?
For example if someone uses the site search and types in green playstation 5 cover, they are only shown results that are relevant?
(In this instance, they should see the green disk version and the green digital edition only?)
Hello Ferdy!
Thank you very much for your videos. This one also helped me a lot with many details of my shop.
As a small thank you, I clicked on your link for the Astra theme, but I had some problems with the payment process. I hope you still received the commission for my purchase. If not - please let me know. I bought the Essential Bundle. Would be a shame if that didn't work out.
Thanks again for your great work!
Hi Ferdy,
thank you for your effort and great explanations,
please I need to know how you created the menus in the primary menu: cart - checkout - account - shop ?? thank you in advance bro.
This guy is the best 👍
Thank you 😊
Thanks, this is very helpful! I need some help configuring woo commerce and shipping options. Is there a chance of creating a tutorial with more detail about it?many thanks!!!
nice video
What is the best product list plugin for the sidebar. I use the Blocksy theme...
Hi Ferdy
An excellent tutorial and of immeasurable value. I'm a beginner and very happy with you teaching methods. I'm following the tutorial step by step but have not been able to find the Console Shop folder/images in the downloaded images. Am I doing something wrong?
I love your courses (this is the second one). I see that nobody reacted to this. I also have the same problem. I only see the clothes. It doesn't matter much, but it would be nice to see console shop folder/images for the details. As at a certain point it is all about the details. What am I doing wrong?
amazing tutotial Ferdy, love you bro. one thing I need to ask. what is the best affiliation portal to deal with. i tried amazon and ebay but the results are not even satisfactory. and amazon and ebay delete my affiliation account if there is no sales. what to do then.
Goedendag. Bij het inladen van het template krijg een foutmelding "invalid" file. Dat geldt ook voor de andere templates die ik van je website heb gedownload. Ik heb ook geprobeerd de zipfile uit te pakken en daarna opnieuw in te pakken. Op de nieuwe pack geeft hij dan dezelfde fout.
Thank you Ferdy for yet another great detailed tutorial. since this is a woocommerce tutorial, would it be possible for you to make a tutorial on how to add a mobile payment method , here in Denmark almost all woocommerce site use mobile payment method and it's very popular, but I can't seem to find any tutorial on the subject on youtube ?! thank you in advance.
Commenting 💯💯💯 for algorithm
Whaha! Thank you 😊😊
Hello Fredy, Following carefully i realised you installed the Astra Pro plugin from your desktop, where did you download the plugin?
Is better to make category pages or its better to make normal pages as categories? Thanks for the aswer, good video
This excellent tutorial helped me create our online store. BUT, I have a question: for the gallery, I want to add a video. One of the things we sell is drinkware with images printed on them. I want to show a video where they are rotating so that you can see all the image on the item. I have uploaded the videos to my Media, but I cannot get them to show in the Product Gallery. Is there a way/plugin to do this? Thank you for an excellent video, and I hope there is an answer for this question.
Hi Ferdy. Thanks for the tutorial. Watched through once and now a second time while following along. Just to draw your attention to the images files for download, the tutorial files for the console shop are not in the download. Can you check this out. Thanks.
Sir I really like your videos. Sir can I use The Astra free plugin version to build this website as like you build though you used the pro version. I want to build as like as you build. Should go for it to start?
Great step by step.
Only thing that I cannot get to work is the Modern Cart thingy; re-direct doesn't seem to be correct ;).
Bedankt!
me neither did you solve it??
Thanks, Ferdy for the amazing tutorial. I have a question, please, I am following you for a long and can design an amazing WordPress website. so my question is astra pro Vs Shopify. can we achieve Shopify results with astra pro in woo commerce? most of my friends suggest Shopify for e-commerce but need your expert opinion. please
The price of the Astra pro is 48$, do I need to buy a theme builder also? or Does the Astra Pro includes a theme builder like Elementor pro or divi?
good
I am from Pakistan I like your video
You are amazing and fantastic. I followed your tutorial very carefully. Then all of the sudden my cart stopped working like it was. All of the print freaked out and I've spent days trying to fix it and might have made it worse. I decided to start over completely, even deleting pages and such, but my sections that I have worked on several days ago keep popping up. Now, It's all a hot mess. I have honestly spent hours and days on this. I've tried more tutorials, but some of your tutorials change during the tutorial. What have I done and please tell me how I can fix it. I have even looked deeply into the plugins to make sure they are conflicting to no avail. I'm just a small business in Austin, Texas trying to get to the meat of loading more products and can't until it's fixed. Any suggestions? Thank you so much for all of your knowledge.
This tutorial is great just one thing.
In my work didn't show the option for single product thumbails customization and I can't put them on the left side of the main img.
hello Ferdy, thanks for this great video, but i met one issue that emails are not sent out to my gmail account, i tried to find a way but all needs new plugins for SMPT and i don't want use extra plugins, i want use the woocommerce emails, do u have any advice how to fix this issue? thanks and appreciated
which theme is better for e-commerce, astra, generate press or kadence
Hi Ferdy,
Thanks for your videos. I have a problem with my store created following your videos. The + and - near add to chart are disappeared, same things on the chart page, but i don’t understand why! Can you help me please?
You have great tutorials! I need help though. I have a recording studio website, where I sell my mixing and mastering services. So, the client uploads their music on checkout, which is fine, but once I mix or master their song or podcast, I need to place their mastered product in the User Account Download endpoint. This is like a hybrid virtual product, where the product is a service, but also requires a download to give the user because that's what they paid for. How do I get that product to that user's account downloads? I've seen the allowed upload directories, but it requires me to create another downloadable product, and I just want to make it so that the Download endpoint can be managed so that the user can go to their account after their mix is done and download it for further review. Any ideas would be extremely helpful, as I am tearing my hair out trying to figure this out. I'm sure it's simple, but I can't seem to wrap my brain around it!
Ferdy is the best
Thank you 😊
is there any option of stripe for people of chile?
thank you sooo much
You are welcome Suman! Goodluck creating your eCommerce website!
Your tutorial is great, easy to understand. But I could not find the sample data to import to the website. Could you provide the link? TIA
Hi Ferdy, I didn't realize your template came with a few pages. How do I not have 2 different carts and checkouts as your template came with complete home page linked to cart and checkout thank you
Hola Ferdy, I am working with the blocksy theme How do I merge the store with the site it's not pulling into my shop page?
Hello,
from where do we download the modern Kart? The link from the video it is not working. Thank you !