How To Create a WordPress Ecommerce Online Store Website - 2023
HTML-код
- Опубликовано: 1 июл 2024
- Learn how to create a WordPress online store step by step with no step skipped. Make a beautiful eCommerce website that can take credit card payments.
Discover in step-by-step detail how to start an online store in 2023. We'll cover everything from choosing the right hosting to installing WordPress and WooCommerce and choosing your design. We will also add products and learn how to accept payments and track your sales.
You will learn:
1. How to get your own website name.
2. How to build your online store with WordPress.
3. How to make any design you want for your site.
4. How to make it look amazing on any device (phones, tablets).
5. How to add, edit and manage products.
6. How to accept card payments with Stripe.
7. How to create coupon codes.
8. How to get more sales.
9. How to analyze sales.
…and much more!
You can download the files needed for this design here: www.tyler.com/earth-store.zip
Download the checklist to keep track of your progress: tyler.com/ecommerce-checklist...
Get HOSTING: www.hostgator.com/unlock
Want to add a blog to your online store? Learn how, here: • How To Make a WordPres...
Learn more tips and tricks for your new WordPress site:: • How To Make a WordPres...
Timestamps:
Setup
00:00:00 Introduction
00:03:22 Website Name & Hosting Explanation
00:05:33 Get Your Website Name & Hosting
00:12:44 Install WordPress
Organize
00:15:34 Login
00:15:56 Dashboard
00:16:40 Delete Plugins
00:17:47 Permalinks
00:18:58 Updates
00:19:12 Profile - Password
00:19:34 Delete Pages & Posts
00:20:54 Backup
00:22:38 Site Title & Tagline
Design
00:23:45 Install Theme
00:25:18 Install Starter Sites
00:29:26 Theme Style
00:32:38 Homepage Design
00:32:48 Edit Heading
00:33:13 Edit Text & Buttons
00:33:47 Background Image & Overlay
00:36:04 Style Heading
00:36:17 Style Text & Buttons
00:37:40 Rearrage Section
00:37:53 Delete Section
00:37:59 Rearrange Column
00:38:09 Delete Column
00:38:13 Undo Changes
00:38:26 Add a New Section (Product Categories)
00:40:29 Insert an Image
00:43:02 Duplicate Column
00:44:39 Section Spacing - Margin
00:45:00 Columns Gap
00:45:20 Background Color
00:46:11 Section Spacing - Padding
00:47:12 Insert a Heading
00:47:30 Products Shortcode
00:48:25 Background Gradient Color
00:48:47 Background Video
00:50:10 Copy & Paste Button Style
00:50:37 Revisions
00:51:29 Mobile Responsive Homepage
00:53:41 Update
00:54:05 About Page Design
00:54:41 Section Minimum Height
00:54:59 Background Slideshow
00:56:36 Motion Effects - Entrance Animation
00:57:30 Background Image Fixed Parallax
00:58:13 Blocks
01:00:04 Copy & Paste Style
01:02:47 Contact Page Design
01:03:44 Add a Map
01:05:21 Contact Form
01:11:09 Create a New Page
01:11:57 Save Section as a Template
01:12:20 Save Page as a Template
01:12:40 Insert Template to a Page
01:13:12 Copy Section and Page
01:14:14 Products on Sale Shortcode
01:15:29 Transparent Header
01:16:25 Edit Nav Menu
01:16:52 Add Page to Menu
01:17:28 Sub Menu
01:18:09 Delete Page From Menu
01:18:37 Create a Simple Text Logo
01:20:15 Create a Logo
01:23:40 Create a Favicon
01:25:33 Header Design
01:26:13 Menu Color (Transparent Header)
01:27:43 Menu Font Size
01:27:59 Menu Color (Solid Header)
01:28:14 Edit Cart
01:30:44 Insert a Search Widget
01:31:07 Header Height
01:31:27 Mobile Friendly Header
01:33:53 Edit Footer
01:36:18 Shop Page Design
01:41:27 Single Product Page
01:43:45 Product Images
01:44:42 Cart Page
01:45:02 Checkout Page
01:45:44 Store Notice
Manage
01:46:40 Add Categories
01:47:56 Add Simple Products
01:56:26 Add Variable Products
02:07:52 Virtual & Downloadable Products
02:10:05 Affiliate Products
02:13:00 Adding Product Categories to Menu
02:15:10 General
02:16:23 Products
02:17:12 Taxes
02:18:14 Shipping
02:19:50 Setup Payment Method (Stripe)
02:34:57 Manage Orders
02:36:02 Coupons
02:38:13 Marketing Reports
02:40:27 Final Design
If you have any questions or get stuck anywhere, just ask in a new comment below.
No question is a bad question, and we answer each and every one!
I hope this helps you create an online store you'll be super proud of!
#wordpress #onlinestore #ecommercewebsite #wooCommerce #wooCommercetheme
Great to see you again. I made my first website thanks to you !!!!
Thanks so much!
Thank you so much for all you do Tyler! I've created 2 WordPress websites for clients as a total beginner using your videos. God bless you!
You're very welcome! I'm thrilled to hear about your success in creating websites for your clients.
I'm trying to start a business and I don't have much money to spend on developers. I have no experience in web designing but your videos have been almost a miracle. Much thanks Tyler. Your work truly is very much appreciated
I'm so pleased to hear that the videos have been valuable for you in starting your business! It's fantastic that you've been able to make progress with limited resources.
I have used your videos to successfully build websites! You have the perfect speed in your teaching. LOVE the checklist for this one! Thank you!
Awesome, thank you!
You are the main guy who made me to to start my website design company and your videos are valuable
I am now friend to Enmanuel who runs create your site
Same buddy 😅
Same here
Awesome!! That is so cool, I am so happy for you. Glad it all worked out.
Valuable knowledge for everyone.Thanks Tyler helping us out in Life.
Wow! A whole complete business package. Thank you Tyler. I follow you for life. Appreciate
Thanks, glad it was helpful! 🙂
Such a huge work Tyler. No words can express how grateful I am. Currently making my first website for my little company following your step-by-step tutorial. Thank you!!
You're welcome! Glad it was helpful! Good luck with your website. :)
Hi Tyler, I wanted to thank you for a lot of efforts you have made for this tutorial. It is stunning and worth of times learning from it. Your generosity is highly appreciated. Take care and have a great life!
That's awesome to hear, so happy this video helped! Thank you for watching!
Tyler, your tutorial was absolutely awesome! Your clear explanations and step-by-step guidance made learning the topic a breeze. I appreciate the effort you put into creating such a valuable resource. Thank you for sharing your knowledge and expertise! You've taken me from having zero knowledge two years ago to feeling like a website expert today. Keep it up, and may God continue to increase your knowledge and abilities!
Your work goes beyond teaching or training; you are transforming lives and making a meaningful impact in the world.
That's awesome to hear, so happy this video helped! Thank you for watching!
Tyler, thank you so much!! I never thought that I could get through this and actually have a working website but it totally worked! your video is clear, easy to follow and it WORKS! thanks a million!
Glad I could help!
Hi Tyler, nice to watch you again. Great stuff. Thank you so much
Thanks so much! 🙂
Brilliant! I've made lots of WordPress sites by following you but I really needed the Ecommerce info as well. So helpful. Thanks a million
Great to hear!
You are so welcome! 🙂
TYLER!!!!! YOU ARE THE MAN...GOOD TO SEE YOU and yes I'M SHOUTING😂😂😂. Thank you for all you do, we appreciate your patience. #thebest #stepbystepwithnostepsskipped
haha THANK YOU!!! I APPRECIATE IT!!
Thank YOU so much dude! Amazing tutorial!
Glad you liked it!
I am a beginner in WordPress. I mainly practice on Localhost.
I can't tell you how much this video will help me. Glad to see you have included the project files.
So far I have built a portfolio site and a corporate site from scratch. I was going to start with an actual state site, but I'll keep that on hold.
All I'm doing this is to become a freelancer, training hard every day.
Thank you so much for this tutorial Tyler. Hope to see more regular content from you (I assume you lead a very busy life).
Take Care, buddy!
Thank you so much! I want to make more regular content but these tutorials take SO much time.
That is definitely crystal clear..
And we appreciate the quality work that it comes with each and every video you present to us.
God bless you ❤
Hi Tyler , you are the best on this, I have been seen your videos for last three two weeks and I was able to create my first website, I am getting there and thank you so much for your time and great effort to make these videos clear and easy to understand setting this up step by step. once again thank you and keep up the good work.
woohoo, thanks for thee message, so happy it is helping :)
Thanks Tyler! Great video
You are so welcome! 🙂
I created my website some years ago watching one of your tutoriales, with no experiencia at all i manage to make it wrigth, all thanks to you! I really appreciate your dedication to help the non-tech to get it wrigth. Thanks a Lot! Greetings from Patagonia Argentina 🇦🇷
Thank you so much, I am so happy it helps. From California :)
Amazing videos. Thank you so much!
Glad you like them!
Tyler I can't thank you enough!
You are so welcome! 🙂
You're not only generous with sharing your knowledge but you're also really good at teaching. Thank you so much for sharing with us
Thank you so much! I'm really glad you found it helpful.
Brilliant, the Theme is fantastic. Thanks so much!
You're very welcome!
Glad you like it!
Thank you so much Tyler- absolutely brilliant tutorial.
You're very welcome!
Glad you enjoyed it!
This is an awesome tutorial! Thank you so much!
You are so welcome! 🙂
Glad it helped!
I’ve used your website RUclips vids to make a few websites for brick and mortar businesses
I might give this a go for an internet business
Love your tutorials
Awesome thanks!
Once again Mr Moore have done an awesome tutorial! Perfact pacing and very good content. You are awesome, thanks! 👍
Thank you so much for your kind words! I'm here to help, and I'm glad you found the tutorial helpful.
Love your videos!!!!! I am following all your steps, you always find a easy and cheap way to help us !! Thanks a lot !
Glad you like them! 🙂
Thank you, Tyler! Great video, as usual! I will add a shopping option to my hostel, my guests will be able to send t-shirts and postcards to family and friends as a suvenir, directly from my hostel's web page. You are great!!!
You are so welcome! 🙂
Glad I could help!
fabulous enjoyed your recording
Glad you enjoyed it!
Tyler, you are such a great and thorough teacher! Thank you! I'm a beginner also, but after learning from two of your videos start to finish, I feel confident that I've created a great website! Blessings to you!
Awesome! Happy to hear that!
@@TylerMoore thanks , great tutorial and I almost finished my first website in 2 days , I have a question , regarding your timeline "00:47:30 Products Shortcode " when I have different image sizes for my products everything is messed up , is there an automated way to align those pictures with different sizes ?
Wow, thank you so much! It made everything so much easier!
Glad it helped!
So so helpful! I would've never been able to figure out how to setup an online shop without your help. Thank you!
You are so welcome!
Thank you this is incredibly detailed, Great content!
Glad it was helpful!
I wish I had come across your channel 5 years ago! You're the goat. Thanks!
Thank you so much for the kind words! I'm really glad you found my channel helpful!
Thank you for this GOLD NUGGET of information. I was able to create my ecommerce website!
Fantastic!
Finished the 2022 Video just to see that you uploaded the 2023 Version while I was at it haha - well, here we go again. Thanks Tyler!
Haha whoops....
I am 39 seconds in and I know I have to like this video. I just finished "how to create a website" with an actual finished website :) Thank you Tyler!!
That is awesome!
Excellent tutorial! I've learned such much...thank you!!
You are so welcome! 🙂
Glad it was helpful!
Thank you Tyler.
You are an angel for giving me this education.
You are so welcome! 🙂
Glad I could help!
Thank you very much, I was looking for a month how to do things without any experience and found you! You are the legend
Can’t wait to watch more videos
Glad I could help!
The best wordpress instructor in the world 🫡
Thank you!!
Thank you, Tyler, for doing the hard work so I don't have too. I didn't want to pay another $500 a year to the design team I hired to create my website. I have saved $100s just by watching this video alone. YOU ALSO TAUGHT ME A NEW SIDE HUSTLE!!!
You're welcome! Glad to hear you've saved money and found a new side hustle. Keep up the good work!
Thank you for another great video, I like the addition of the affliate links. God Bless
Glad it was helpful!
I can't thank you enough. Step by step all the way. This has got to be one of the best tutorials on youtube. I am one happy subscriber. You're the Muhammad Ali of website building. Love your motto...(step by step...no step skipped).👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
Awesome, thank you!
Thank you so much! I am a web designer and aesthetics is easy for me, but I have never created the actual website by myself. Thanks to you now I have one!
You are so welcome! 🙂
Glad I could help!
This video is a lifesaver. Thank you!
Glad it helped!
I remember watching your videos first around 2017 and immediately creating my very first Wordpress website all from just watching your tutorials.
You are one of the best tech teachers I know of.
Thanks a lot
You're very welcome, and thank you for being a part of this journey! I'm grateful to have been here to help you over the years.
I was going to write exactly the same - my first WP was in 2017 thanks to his tutorial. Now I need to refresh my memories and it's amazing that he continues doing so helpful updated videos every year. Amazing!
I went trough out videos and I can tell you''re the best so far. Teaching is your gift.
Thank you so much for the kind words! I'm thrilled to hear that you've found the videos helpful.
Great learning video
Thanks Tyler
Glad you liked it!
Very super excited information and super helpful video ever
Thank you so much 🙂
Tyler, Amazing. Thanks for your in-depth tutorial. I'll be recommending your channel to my business colleagues.
Thanks so much! 🙂
Glad it helped!
Your channel is the best!
Wow, thanks!
Thank you Tyler, it's very useful
You are so welcome! 🙂
Glad it helped!
Thank you SO much for sharing this knowledge. We truly appreciate it. 😊
You're very welcome, Tiffany! I'm glad you found the information helpful 😊
Wow very detailed, and informative… just in need this, thanks!
Glad it was helpful!
@@TylerMoore Do U have any POD tutorials for e-commerce videos with Wordpress?
I have view tons of wordpress videos .This is best.
Wow, thanks!
Awesome thanks from Tonga 🇹🇴
You are so welcome! 🙂
like thanks /very informative
Thanks!
Great video man!
Thanks BRO!!!!
I really appreciate how you take time to carefully explain, while showing how to set up everything. You're among the best Tyler, Keep it up bro. Thanks 👍
Thanks so much! 🙂
Glad I could help!
WOW, Thanks
You're welcome!
Thank you so much, I've created a website thanks to this video. God bless you
Wonderful!
Very good content!
Glad you think so!
This is yet another great one Tyler thank a lot! Just one thing I wanted to see, as someone who sells products in various conditions (New, used, refurbished, not working) I wanted to see how that could be implemented and perhaps tweaked around when adding products to store. Otherwise super educational video I learned a ton. Again, thanks for all your great work.
Thanks a bunch! You can create product variations for each condition or use attributes to specify.
im so glad i found this video, this is so helpful, before I was just doing anything, the site looked like absolute crap lol. I also love your template, its the best free one on that plugin
Lol, thank you! Gad it helped! 🙂
Great content. Thank you🙏
Thanks so much! 🙂
Glad it was helpful!
This was extremely helpful. I appreciate the efforts you have put in.
Glad to hear it!
Thank you so so much very imformative to someone who thought they would never be able to build my own website
You're very welcome!
Awesome video, thank you so much, I have just completed my website, I almost cant believe it lol! The video was very detailed and easy to follow along. I am now a subscriber looking forward to more videos.
That's awesome to hear, glad it was helpful! 🙂
Hi Tyler!
Thank you so much for your amazing tutorials. I've been a fan since your WordPress video 12 years ago-that video got me started in web design and development. All thanks to you.
Just a suggestion for your consideration, I was wondering if you could teach us how to maintain a website, especially focusing on security. It's super important, especially for those of us with online stores that handle payments. 😅 That would be very helpful to many of us.
Thanks again! You're the best! 🙏
Thanks for the suggestion! I'll definitely consider creating a tutorial on website security and maintenance, especially for online stores. Stay tuned for updates!
It's fantastic........... Thanks..........
You're welcome!
Thanks Tyler...
I am a three times Stroke victim who got cheated out of his Social Security Disability. As a means of supplementing my income I am trying to venture into internet marketing. I face many challenges in the process including brain fog and confusion. I have been subscribed to and following your channel and enjoy this video as well as the format and chapters to guide me along. That Cheat Sheet is the bomb that I needed to keep me on track and chart my progress. AGAIN...THANKS!!!
Woohooo Glad you liked it, the cheat sheet took longer than I expected... glad it helps :)
Tyler I love the way you explain everything step by step. I am from Pakistan. I love your contant It is very informative.
Thanks so much! 🙂
Glad it was helpful!
Hi Tyler, thank you so much for this tutorial. You make it so simple for a beginner like me. This video has helped me a lot in making my ecommerce website. I am from Australia and buyers here still look for the Paypal option when paying for there purchases so I managed to get PayPal option on there. Thank you again for sharing this video. God bless you for always.
That's awesome to hear, glad it was helpful! 🙂
Thank you so much for this video,... i was waiting for it☺
Most welcome! 🙂
Thank you so much
You're most welcome!
I don’t know what to say tbh, Thank you so much. You’re responsible for every $ I made on my online store❤
Wow, I'm so thrilled to have played a part in your online store's success.
Thanks.
Welcome!
Love n respect for you from india. You are my true teacher. I learn a lot of things from you.
Glad to hear that!
Best ever
Thanks!
Thank you
You're welcome
nice mashallah
Thanks!
Thanjs man your the best
You are so welcome! 🙂
I would address you as Sir Tyler. God bless you and your team for this great work 🙏. All I would say is thanks for impacting this knowledge in me cuz I used to see my peers who did web design as semi gods 😀. Am greatfull sir ✌️
Thank you so much for your kind words! I'm truly grateful to have been able to help you on your journey into web design. Happy website building! 🙂
Oh Wow Tyler, Dude!!! You have changed my life, I knew NOTHING about WP and building a online store I have done it through your 2021 tutorial and this new 2023 one, THANK YOU THANK YOU, simple, clear to understand and follow and VERY WELL MADE! Well worth the time investment.
That's awesome to hear, so happy this video helped! Thank you for watching!
Hi, Thank you for posting these tutorials, they have really saved me. I was building my website on Weebly until I realised it looked so bad on mobiles even though they were supposed to be responsive. I wasted so much time because I had been building it part time for 2 years along side my full time job as a teacher. After discovering your tutorials I took the plunge and went with Wordpress. I have followed your build a website tutorial and that is coming on great, I've learned so much. Then I followed parts of the Blog tutorial for that part of my website, again it's coming on well. Now I want to add an online store, in particular for digital products, so I was looking to import the shop page from your template Planet Earth Online Score but couldn't find it in starter templates. Please can you help me with how to find it. I have tried the search option but it only shows the original Planet Earth website template. Thanking you in advance. Best wishes, Christine.
I'm glad to hear that my tutorials have been helpful for you! Regarding the online store, you can manually install WooCommerce and then follow my tutorial to customize your shop page and set up your online store for digital products.
Your teaching is superb and top notch. I have really gained a lot. God bless you man.
Thanks a lot, glad it was helpful! 🙂
and to sell services with a calendar an determined restrictions? Thank you for your informative and complete videos Tyler!
For selling services with WooCommerce and calendar-based scheduling, you can use plugins like "WooCommerce Bookings" or "WooCommerce Appointments." These plugins allow you to set up appointment-based bookings with specific date and time restrictions, and integrate seamlessly with WooCommerce for payment processing. Thank you for your kind words!
Tyler I love your videos, I really need help on building a standard web for my real estate company.
Thanks!!
Hi Tyler, thank you so much for explaining how to create a website from scratch so clearly....I am so grateful and it has been super helpful. I have honestly learned so much and my Daughter has also subscribed and created her own website using your tutorial too. I would like to ask a question please... I have almost finished creating a website using your planet earth template for sewing and alterations. I also make some craft items on my sewing machine that I would like to sell and wondered if I would be able to add a shop page to my existing site? If so, how would I go about this please or would it would be better to start again and use the ecommerce earth starter template instead? Once again, thank you so much for the tutorials...they are the best!
You're very welcome, and it's fantastic to hear that you and your daughter have benefited from the tutorials!
To add a shop page to your existing site created with the Planet Earth template, you can indeed install WooCommerce. Then, you can follow this tutorial for WooCommerce customization to add a shop and start selling your craft items directly from your current website.
Thank you for posting an excellent video of how to make an ecommerce website! Please can you also add a short video on multivendor marketplace, thanks
Will consider it, thanks!
Excellent video! Thanks, Tyler, I learnt heaps and heaps! The only hiccups are that most programs are updated and getting stuck along the way and it is difficult to get everything perfect. Thanks, heaps!
Will be watching your new video to learn more! Thank you Tyler!
Thank you for your kind words. I'll soon be uploading a new eCommerce video that will be more up-to-date.
Yes, the 2024 version will be released soon! :)
Looking forward to it so I can fix some minor issues eg. Lost my cart page, and don't know how to put it back. Anyway thanks heaps! @@TylerMoore
Am not sure if you actually know how much your tutorials help people all over the world, like we say it my country (shukrani sanaa) Thanks alot
You're very welcome! I'm delighted to hear that my tutorials are making a positive impact.
Hi Tyker. I am from Malaysia and I am the fresh beginner in WordPress. Love your videos!!!!! I am following all your steps, you always find an easy to help us. I was able to create my first website. Thank you so much for your time and great effort to make these videos clear and easy to understand setting this up step by step. A big thank you and very much appreciated.
But currently, i have stuck with dropdown menu issues, i do hope you can help me on that: My dropdown menu on the Shop Section have 8 product sub category, but my product sub-category drop down doesn’t look like what in your demo. The 8 product sub-category overlapping to each other.
Once again thank you very much and keep up the good work.
That's awesome to hear! Please send an email to support@tyler.com.
Love your videos Tyler! Just wondering, once I have installed Astra and Starter Templates, should I be deleting the other themes on my website?
Thanks for the love! Once you've installed Astra and Starter Templates, it's generally a good practice to delete any other themes you're not using. This helps keep your website's backend clean and reduces the risk of potential security vulnerabilities.
Thank you Tyler, it's really a great value you shared here. Any suggestion on the best template suitable for building a WordPress food ordering website?
Here you go: ruclips.net/video/07wnccDRCZ0/видео.html
Thanks Tyler, wonderful tutorial! Do you have a suggestion about adding a booking system (so customers can book days/time doing an activity)? Thanks in advance.
You're so welcome!
This could help: ruclips.net/video/70JwyYSosX0/видео.html
Loved your videos can you make a video about supermarket and how to add itams and all
Sure, thanks!
Thank you Tyler, your content has inspired me to Venture into website development and the results have been positive so far.
Please which theme, template and plugins will be required for my courier website.
Thanks so much! For a courier website, consider using the Astra theme. Essential plugins include:
WooCommerce: If you plan to offer shipping services or related products online.
TablePress: If you want to display courier rates or service details in a tabular format.
I'm ready to design my website!!! Wait, I need content 😂. This video is definitely something I'll come back as I get started 😊
Happy to hear you're ready to design!
@@TylerMoore do you have a video on how to edit menus to manage what the User sees when they are logged in vs when they are NOT logged in? Or is this something that happens automatically? Thanks for your help!