How to Make an E-Commerce Website (2024) Divi & WooCommerce

[@WPressDoctor]

Even if you have never build a e-commerce website before, you are at the right place! Start here to get the free PDF checklist and all the images, color codes and CSS Snippets: wpressdoctor.com/e-commerce-divi/ If you get stuck or need any help, drop it down in the comments here, I always reply Let's build something awesome!

[@thegravelriders]

Dang Matt, this tutorial has been amazing and thorough but I'm on about day 5 because I keep stopping every 2 seconds to make my edits! 5 hours? Seems like 50, but your polished and relaxed delivery make it tolerable. Having a custom template for the product pages is sweet and I can't wait to go through and do my own final customizations. Great work sir.

[@WPressDoctor]

Hi there! Thanks for your kind words, I really appreciate that! Yeah don't underestimate the process, it will take you some time indeed to create your Divi eCommerce website 🤩 You have created a solid foundation, I'm glad I could be of help here! Have a great day and take care, greetings

[@Akhil-db7gn]

Thank you Matt. I've been watching your videos about all divi modules and now this one... I'm going to create a beautiful webshop thanks to you !!! You give all the informations needed and explain everything super clearly. Also thank you for the CSS tricks. I never thought I could use the css code, but now I do.

[@WPressDoctor]

Hi there! Thanks for the kind comment, I really appreciate you taking the time to write me these heart-warming words 😀 You can do it, just follow along. And if you get stuck, let me know, I can help you out 🙂

[@mohitashliya8750]

I am a developer, yet there was so much friction fro me to learn Wordpress divi, Matt you make it very easy for me to understand this whole thing. Thanks a lot. 👋🤝

[@WPressDoctor]

Hi Mohit! Thank you very much for your kind words! I'm so glad you can follow my tutorials and actually learn something 😃 I hope my other video’s will also add something to your knowledge and skillset! Getting the word out there with your 👍🏼 and subscribe, and possibly a share would be much appreciated. Good luck with your adventures. Have a great day and take care. Greetings

[@jamesmartin1659]

They say you can't teach an old dog new tricks. Well, you did! Thank you for this video. I will revisit it often

[@WPressDoctor]

Hi James! Thanks for the kind words, I really appreciate it. I’m glad you could learn from my video! Means a lot. Age is just a number, keep those brains active 😀👍🏻

[@wunderkastldesignfotokunst7811]

This is exactly what I was looking for :) Thanks for the great help, now I can realize my project! I'm very excited to see what else I'll find helpful on your channel :) Best regards, Herbert

[@WPressDoctor]

Hi Herbert! You are very welcome! I’m glad the video about Elementor and WooCommerce was useful and you can realize your project! I hope my other video’s will also add something to your knowledge and skillset! Getting the word out there with your 👍🏼 and subscribe, and possibly a share would be much appreciated. Good luck with your adventures. Have a great day and take care. Greetings

[@stefanh_pdm]

Best Divi | WooCommerce tutorial I ever have seen. Thank you so much for sharing your knowledge for free, it helps me so much build my own business. Greetings from Germany.

[@WPressDoctor]

Hi Stefan! That is really kind of you to say, thank you very much! You are very welcome, I'm just glad I could help you build a eCommerce website with Divi 😀. Have a great day and take care, greetings

[@LisaOSullivan-y7m]

Thank you so so much! Loved this tutorial as it answered lots of questions and helped me to solve an issue I was having. Much appreciated - Go raibh maith agat!

[@WPressDoctor]

Hi Lisa! Thank you for your kind words! I really appreciate that. I'm glad that this eCommerce DIvi tutorial was useful for you! Have a great day and take care 😀

[@simon.petrus.777]

Hi Matt, thanks a lot for this complete tutorial. You are very very generous when sharing knowledge!! I love when you teach us to build pages from scratch, and not using pre-built divi pages. I do really hope that you will make a course like this, but with Divi 5 after it is ready to release :)

[@WPressDoctor]

Hi Simon Petrus! You are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me! I'm glad I could help you out with building your new website. Yeah when Divi v5 is finally released I will make sure to create some awesome new websites with it. Also some e-commerce websites, so it will be a blast. Have a great day and good luck with your new Divi website! Have a great day and take care. Greetings

[@simon.petrus.777]

@@WPressDoctor thank you so much Matt for your kind reply. Have a great day too! 😊🙏

[@andersondomingues5654]

Top content, mooie gemaakt!

[@WPressDoctor]

Hi Anderson! Bedankt! Ik ben blij dat je het mooi vond. Veel succes met je Divi Ecommerce website!

[@carlospiconchavez4206]

Congratulation, excelent video

[@WPressDoctor]

HI Carlos! You are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me! I'm glad I could help you out creating your E-Commerce Divi WordPress website. Your 👍🏼 and subscribe would be very helpful if you haven't already done so. Have a great day and take care, greetings

[@jigibu1773]

Hi Matt, thank you. Great tutorial. Very helpful.

[@WPressDoctor]

Hi there! You are very welcome! I’m glad the video was useful. I hope my other video’s will also add something to your knowledge and skillset! Getting the word out there with your 👍🏼 and subscribe, and possibly a share would be much appreciated. Good luck with your adventures. Have a great day and take care. Greetings

[@skeptimedia1093]

Hello Matt, I would like to say a big thanks for creating such a nice tutorial. I know how much efforts, time and skills you have put to create such a long tutorial. Can you please jump in to start teaching the Divi 5. I think it's gonna be a huge in no time.

[@WPressDoctor]

Hi there! Thanks for your kind words about the Divi e-commerce tutorial! I sure will done that, because the Divi Public Alpha V2 has now been released and it works pretty good. I have already created a video about it just now! kzbin.info/www/bejne/rmiscphvZs9-fNE here it is 😀 Have a great day and take care, greetings

[@rageart1]

Keep up the good work!

[@WPressDoctor]

Hi there! Thanks for the kind words! Will do 😀👍🏻 Have a great day and take care!

[@jimaginata]

Hi Matt. Loving the tutorial. Just wondering if you would you suggest creating a child theme for the e-commerce website?

[@WPressDoctor]

Hi there! Thanks for the kind words! I really appreciate that. A child theme is useful if you want to make changes to the Divi theme functions.php. So if you are adding specific things that cannot be done otherwise. In this case i don't think its needed, but if you want to add in some PHP code in the Divi theme, than a child theme is the best way... otherwise, don't bother 🥳

[@jimaginata]

@@WPressDoctor Good to know! Thanks for taking the time to reply, Matt. Much appreciated! 🙏😊

[@WPressDoctor]

You are very welcome! Of course, why would't I reply to the people who are watching my teachings 😀 Its like a classroom filled with students, I am lecturing but I wont answer any questions... that's not the way the internet should work in my opinion 😀

[@muhammadrasel7226]

Hi!! Matt , Thank You, Very helpful tutorial

[@WPressDoctor]

Hi Muhammad! You are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me! I'm glad I could help you out with your Divi e-commerce website. Your 👍🏼 and subscribe would be very helpful if you haven't already done so. Have a great day and take care, greetings

[@aalmedia12]

Hello, I love your content and have learned so much from your tutorials! Have you thought about doing a tutorial on building a wordpress Page with Divi and connecting it to a Shopify Store? I see many important brands build like that, as most of ecommerce use shopify, and there is no tutorials like this on youtube, it will be the first one. Thanks for considering, and keep up the great work!

[@WPressDoctor]

Hi there! Thanks for the kind works. That is a good idea. 👍🏻 maybe I’ll do that someday!

[@aalmedia12]

@@WPressDoctor Excellent 😀

[@ThanhoHuu-bi8km]

I watched both videos of you building ecommerce sites using Divi and Elemantor Pro, can you recommend which version I should use?

[@WPressDoctor]

Hi there! Thanks for the question, its indeed a good question. I have made a video about that: kzbin.info/www/bejne/nJvLh5ygnc6Eqqs Let me know what you think!

[@dnmboer]

Hi Matt, super uitleg dit!! Alleen ik krijg de search functie niet werkend. Ik krijg steeds "Deze pagina is niet gevonden" heb ik iets gemist in de uitleg? Ga vooral door met deze heldere tutorials. Helemaal Top!

[@WPressDoctor]

Goedemiddag! Dank voor je reactie, ik ben blij dat je het kan waarderen 😁. Als het goed is moet de search widget gewoon doen wat het moet doen, zoeken en vinden. Je kunt hem wel customizen in de zin van of hij posts, pages en products moet doorzoeken of alleen 1 van die 3 bijvoorbeeld. Je kunt kijken of die instellingen goed staan 👍🏻

[@KHANSAHAB-fd3sj]

Excellent 👌🎉 🇵🇰😊

[@WPressDoctor]

Hi Khan Sahab! You are very welcome! Thank you for writing a comment. Really appreciate that! I'm glad I could help you out with your website. Please consider a 👍🏼 and subscribe or maybe a share for my video, that would help me a lot! Good luck with your adventures. Have a great day and take care. Greetings

[@RichArtLove]

Do you have a tut about the Advantage of using REM for Text instead of PX?

[@WPressDoctor]

Hi there! Thanks for the question. I don’t have a tutorial about this, but as you can see in the end phase when we are making it responsive, you see that we don’t have to change any text sizes because of REM 😀

[@igorcastilhos]

@@RichArtLove Hello, so I’m a Software Developer and the reason we use REM instead of PX is that PX is a fixed size in pixels, and REM instead will decrease or increase the font size based on the display screen size automatically. Like Desktop, Tablets or Mobile.

[@WPressDoctor]

Awesome! Thanks for clarifying 😃❤️

[@zoranizgarjan8992]

Hi Matt, I have watched your excellent video several times. I may have missed it, but I haven't seen anywhere that there is an option to set the visitor notification about cookies. All eCommerce websites pop up a notification about cookies and an option for the visitor to decide if they want to allow them, which ones they want to allow, or refuse all. Is it possible with Divi Theme?

[@WPressDoctor]

Hi there! Thanks for the excellent question. It’s a topic on its own, that’s why I have created a dedicated tutorial about it! You can find it here: kzbin.info/www/bejne/rpzPfXqtn9uXgNU Good luck and have a great day!

[@ينيسأونوغن]

Hello Matt, Thank for your great content. For this one i didn't get the link to download the files to follow up with the tutorial. any help ? thank you a lot.

[@WPressDoctor]

Hi there! No problem, my mistake! Just enter in your data again and it should work now 😎

[@ينيسأونوغن]

@@WPressDoctor Thank you i received them.

[@WPressDoctor]

Awesome! Good luck with building!

[@jasonkomlodi5053]

Hi Matt, when I added the custom css for the color swatches on the products, it list the color in words, not actual colors. Any idea what I missed?

[@WPressDoctor]

Hi Jason, thanks for the question. I would just follow my steps one by one...if you have done that, then the colors should appear 😀 Just take it slow 😉

[@tudulcinea01]

Hello, I did not receive the link to download the images, logos and pdf in my email.Could you please help me, buy divi and buy an annual hosting plan.

[@WPressDoctor]

Hi there! No problem, just send me a email [e-mail] and I’ll reply with the link! 😎

[@Sameh_Nada]

Thank you for this wonderful tutorial video. My site crashed completely and I cannot restore the backup copy from the computer. I will start again with you. What do you think? Do I prefer a regular WordPress installation or a multi-site WordPress installation, knowing that I have 2 e-commerce sites? I have shared hosting

[@WPressDoctor]

Hi سامح محمود! I would not advice you to use a multi-site wordpress installation if we are talking about 2 different e-commerce sites. Just create two different installations! Better to keep it all separate 😃

[@TradesDigital]

Hi Matt. Great tutorial, I'm finding it very useful. Q: How do I pre-populate the shopping cart? Most products on my site will require 2 items, some will require 5, some require only 1. Is there a way for me to pre-populate different quantities for different products, yet still allow the buyer to adjust the quantities if they need more? Thanks.

[@WPressDoctor]

Hi there! Thanks for the question. Yeah that is possible! You would need another plugin to do that. Something like this: woocommerce.com/nl/products/chained-products/ for example?

[@aboudougafaroubagnah7783]

How do you setup Wordpress for each client? Do they have to subscribe for anything besides the website hosting and domain?

[@WPressDoctor]

Hi there! Thanks for your question. How do I set it up? I just build it for them on my own server and when they have payed me I put it on their hosting. OR I let them pay me each month and I pay the hosting... 😀

[@wiltonyu4951]

Hi Matt, I really like your Apple website design via divi. If you have time to re-create the apple product page design via woocommerce and divi theme.

[@WPressDoctor]

Hi Wilton! Thank you for your question and being a subscriber for the last year! I really appreciate that. Make the Apple design again using Divi and WooCommerce? That would be possible indeed! I will add it to my todo list, would be fun 😀

[@wiltonyu4951]

Appreciate your positive response Matt. Thank you.

[@innerlight786]

Hey Deat Matt thankyou for this best amazing video for website creation! I need your help, kindly plz let me know after creat product page, when i click on “ View cart “ it will take me to home page instead of Cart. Kindly please tell me how can i proceed to cart page Thanks

[@WPressDoctor]

Hi there! Thanks for the question! That's pretty odd... have you added in products already? If yes, try to add a product to your cart (on the front-end) and see if then the cart works...

[@teamokaira3586]

Hi Matt I am really need your assistant,I would like to know that what could be wrong for a website not displaying at all after creating and publish

[@WPressDoctor]

Hi there! Thanks for the question. That depends what you mean exactly with “not displaying”? What do you see?

[@AMoktar]

amazing

[@WPressDoctor]

Hi! You are very welcome! Thank you for writing a comment and being a long time subscriber. Really appreciate that! I'm glad I could help you out with your website. Good luck with your adventures. Have a great day and take care. Greetings

[@seetheworld9]

Hi WP doctor. I added a "woo commerce add to cart button" module to my page. It works but the page refreshes and the customer is taken back to the top of the page. How do I solve it doctor? (i am selling food so customers will likely select multiple items)

[@WPressDoctor]

Hi there, thanks for the question! In this case you could load it in via AJAX, that would prevent from re-loading the entire page. You can find such a plugin here: nl.wordpress.org/plugins/woo-ajax-add-to-cart/ I have not tried this before, so let me know if that does the job!

[@MuhammedAshrafChombalan]

I have query regarding divi plan. If i bought one year plan and after few months, i decide to go for life membership, what should be my payment

[@WPressDoctor]

Hi there! Thanks for the question. Unfortunately they don’t change anything to the price of the lifetime deal in this case… sorry!

[@TanjimWahid]

I really appreciate your work & respect you as a teacher. But I have one question is creating a e-commerce website with Divi theme normal? Do clients on online really want to create e-commerce website using Divi? Is investing 2-3 day on creating this project worth it? Does this theme have such demand?

[@WPressDoctor]

HI Tanjim! Thank you for your question about Divi e-commerce! In my experience, clients don't really care if their website is build in Divi or in Elementor . As long as it works, easy to add in products (but that is done through WooCommerce) and as long as it does the job fast and good, clients will be happy 🤗 The upside of Divi is that it has a lifetime license which you may use for your clients 😀

[@TanjimWahid]

@WPressDoctor I see you as my teacher, If anything I can do for you or any work you can tell me sir I will do complete free I have confidence in WordPress, Html, css & SEO. I appreciate the way you teach and you teach free I will do for free as course fee

[@WPressDoctor]

That is very kind of you! Thanks for the offer! I’ll keep it in mind 😀👍🏻

[@foodtistry3329]

Hi, I am selling gelato online. Can we create a 'add to cart' button below a blurb? (This way customers don't have to go back and forth pages to order multiple items) or is there a plugin for that? Thank you :D

[@WPressDoctor]

Hi there! Thank you for your question. Yeah that is possible, you could just make a page with all products and “add to cart buttons”. You just have to add them all in manually and assign them to a specific product. It’s a bit of work (especially when you have a LOT of products) and maintaining it can be a bit of a hassle…

[@spacecowboyshay]

Hi when I try to add payment it says only woocommerce payment is available. How do I get around? From new zealand if that helps thanks :) can change my IP to the netherlands easily tho?

[@WPressDoctor]

Hi there! Thank you for your question. If you click through that or ignore it, you can also add in another payment method like PayPal or Stripe. You can also directly install another payment provider plugin, no problem there 😀

[@mohammedbenabdelkader4723]

We want a course on how to start a blog for WordPress

[@WPressDoctor]

Hi there! Thanks for the suggestion! That is a excellent idea. I will be creating that after the summer holidays 😀👍🏻 So stay tuned! Have a great day and take care!

[@mohammedbenabdelkader4723]

@@WPressDoctor Thank you, my friend. We are waiting for the course. Happy holiday

[@dieuwertje5805]

This video is so helpful, thank you! But… I do have a problem… when I am in the visible builder, the site looks great! But when I leave the visual builder the site turns blank. All the colors, fonts and icons disappear. I only see the words and some pictures 😅 only the product pages and the contact page is showing correctly. Do you what went wrong here?

[@WPressDoctor]

hey Dieuwertje! Dankjewel voor je vraag. Dat klinkt alsof er iets misgaat met de caching Je kunt bij je hosting partij even de cache legen of van je caching plugin (als je die draait). Laat me weten of dat het oplost!

[@priyamjain4487]

mobile optimization?

[@WPressDoctor]

Hi Priyam! Thanks for your question. In the last part of this video I'll do exactly that 🤩 Just continue this Divi ecommerce website tutorial 😀

[@Asifibi]

I am waiting a divi e-commerce video uploaded new ..look of your home page i like it

[@WPressDoctor]

Hi there! Great! Than go ahead and build it 😀😎

[@andrewjutub]

Global Header / Body / Footer are not editable on WordPress 6.6

[@WPressDoctor]

Hi there! Thanks for the comment. Are you sure? Works fine here with me! Did you update Divi and WP also?

[@kawaneajay]

not get your email for downloading images.

[@WPressDoctor]

Hi there! Sorry there was a error in the form, so you should be good now if you try it again 😎

[@kawaneajay]

@@WPressDoctor Yes! it's now working. Thanks. How can the "add to cart" button be added to the shop page on product images? and how to do fast checkout? Please guide me.

[@WPressDoctor]

Those are questions I cannot answer in a comment sorry, we would need to make another video about that 😎

[@kawaneajay]

@@WPressDoctor Wait for you another amazing video.

[@roshinisri7942]

Sir, in my wordpress it shows site health status is critical issue that is ( autoloaded options could affect performance ) and when I open my website didn't show theme it is just shows headings and sub headings why? What should I do sir, can you please solve it sir.

[@WPressDoctor]

Hi there! Thanks for the question. That’s a strange message. Did you use only Divi and the plugins provided in the video? Or did you have more plugins added?

[@JuniorYuuu]

Hello sir i have been trying to add my business on Google how much can I pay you to do that for me Sir

[@WPressDoctor]

Hi Junior, thanks for your question! Unfortunately I don't take any new clients on. Doesnt it work for you to add your business to Google?

[@simply.healthy]

You are using REM, EM and PIXELS. Why not stay on one as, I for one, find it confusing. Otherwise great video.

[@WPressDoctor]

Hi there! Thank you for your question about the How to make a e-commerce website (2024) in Divi with WooCommerce. I understand it can be a little confusing. All those different units actually has a different purpose. The choice of unit depends on the specific needs of the element/page/section. Rem is useful for creating scalable layouts, em is useful for creating responsive layouts, and px is useful for fixed-size elements. Have a great day and take care! Greetings

[@emmabastidas7646]

Hi matt! can you, allow become subtitles in this video with other lenguage, Spanish will be nice thank you, i love everything you share here.

[@WPressDoctor]

Hi there! Thanks for the question! As we speak I am literally going through the English Subtitles to make it available in all languages 😃 It takes always 2/3 days to do that, because AI only gets you so far. Especially with all these technical terms like REM, VW, padding, Margin etc etc 😁. So yeah I’m working on it! Tomorrow end of the day it should be finished 🤩

[@emmabastidas7646]

@@WPressDoctor Thank youuuu What video you can recommend me I losed all my information of woocommerce integration with wordpress thank you.

[@WPressDoctor]

Then this video is indeed excellent 😄

[@emmabastidas7646]

@@WPressDoctor you are the best. thank you matt 💥

[@every1awebsite77]

Watched your video and built a ecommerce site using but now, having major issues. getting these errors in woo commerce...Cart: Page does not contain the [woocommerce_cart] shortcode or the woocommerce/cart block. and also this error... Checkout: Page does not contain the [woocommerce_checkout] shortcode or the woocommerce/checkout block.

[@WPressDoctor]

Hi there, thanks for the question. Did you follow every single step in the video? Cause then you have added the WooCommerce modules to those pages right? So then it should be good… 🤷‍♂️

[@Sridurga2013]

i did not received any email please forward related content to my e-mail id

[@WPressDoctor]

Hi there! Thanks for the question. Yeah there is something wrong with my forms. Don’t know what, I’m on holiday so I’ll check later when it’s raining 😎. You can send me a email at [e-mail] and I will send the link!