Building an eCommerce website can come with a ton of challenges, from having everything working the way you want it to, to having it look the way you envisioned as well. With Divi, we try our best to make your eCommerce website building process straightforward, and with the new Divi WooCommerce Update, that’s easier than ever. We’ve added eight new modules that allow you to take your eCommerce to the next level. This update was accompanied by some amazing cart and checkout designs, which we are now sharing for FREE! Scroll down further this post to get your hands on these amazing freebies, crafted by our design team.
Set #1
Set #2
Set #3
Set #4
Download The Cart & Checkout Template Sets for FREE
To lay your hands on the free cart & checkout template sets, you will first need to download them using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.
How to Download & Install the Cart & Checkout Templates
Unzip the Downloaded Zipped Folder
Once you’ve downloaded the freebies, go ahead and unzip the folder. You’ll find four folders, one for each cart and checkout template set. Inside a specific set folder, there’s an individual file for the cart and checkout templates and a combined file that imports both at once.
Navigate to the Divi Theme Builder
To upload the templates, navigate to the Divi Theme Builder in the backend of your website.
Import Template Set of Your Choice
Click the icon in the top right corner, toggle the import tab and upload the JSON file of your choice.
Save Theme Builder Changes & View the Outcome!
Once your templates have been imported, make sure you save all Divi Theme Builder settings before previewing the outcome on your website! That’s it!
Check Out the Newest WooCommerce Update for Divi!
We hope you’ll enjoy these free cart & checkout template sets. These freebies are part of the newest WooCommerce update for Divi, we added eight new modules and allow you to customize the entire buying experience! Check out all the other cool stuff Divi does by navigating to our Divi product page. We regularly release new freebies, so make sure to keep an eye on the blog. And don’t forget to share your thoughts in the comments section!
It’s just a shame the templates don’t show taxes like VAT (UK) and GST (Australia). Love the templates and love the idea but frankly useless without showing taxes which by law they need to display as subtotal, tax, total in several countries. Is there any way to fix this?
What is the cost for this? Does this mean we need to connect to WOO and sign up to enable using their cart. What about other companies, does it have to be WOO.
Hi! Yes, WooCommerce is required as the modules used for this templates are Woo modules of Divi.
Nice work Donjete Vuniqi!!
what about add a custom field on checkout billing form? is that possible? or i have to install one more plug-in?
I have loaded the theme on but it shows a whole lot of code on the page instead of the theme, what can i do
Hi Arveer – Did you manage to resolve this as I am having the same issue.
Many thanks.
Hi Arveer, please get in touch with our support via live chat so we can better assist you.
Hello Donjete
First, thank you for such a great article, and second, keep on offering such great things to your subscribers. I was looking for an e-commerce plugin other than the Woocomerce plugin. I got the plugin which I am looking for a quiet time after reading the article. One small question is that does Plugin also help me in selling services that I want to sell on my website.
Thanks for these nice layout packs! Unfortunately the checkout page of Set #2 doesn’t works right. The import works without problems but when I review the page, it’s all buggy and it shows the product list over and over again. Same as with “Your order” showing on the whole page. The matching cart layout works fine and without any problems.
Is there a way to fix that?
Kind regards
I tried set 2 and set 4, but my customers are not able to make purchases. I did some testing and even though i have all the fields filled out, it’s saying the fields are empty…. They look pretty, but they aren’t working to allow for customers to purchase
Question: I get all the free demos from Elegant themes, like this one. Is there a place I can see them all at once? Is this one here supposed to be on the Divi Layout Packs?
Hi, Thanks for the templates. However when I use the default woocommerce checkout page everything works, but when I use any of the 4 templates I get a “We were unable to process your order, please try again.” notice and when I try again I get a whole list of errors about billing details incorrect. Any ideas?
These are great but successfully deleted my header layout when uploaded so will have to build again. So whilst free, not so clever. Urrgh.
These are great but until the shipping bit is fixed they are of no use if your store uses shipping.
I hope that you guys fix the problem soon as I’d like to customise my cart and checkout pages too.
I hope the “my account” page and “thank you” page get the Divi treatment too. These 2 pages are always neglected for some reason.
same here 🙂
I am amazed by all of the wonderful Themes and Templates that your site has to offer. It seems as if each one, elegant and intriguing, inspires one to do great things with their own website. I can picture all the places that I could go with this. Dreamers dream, builders build. Yet, to inspire, that leads to success.
Great to hear that, Jonathan!
Hi, first of all thank you so much for this layout pack. Unfortunately, when i follow the steps, it doesnt load the json file. A red cross pops up and it fails. Can someone help me with that? Thanks!
Hi Allan! Are you uploading these to the Divi Theme Builder (not the Divi library)? Also, make sure Divi has been updated. That should help!
Awesome, but can someone explain to me why these can’t be added to the layout library?
I have the same problem.
Hi Will! These are made to be uploaded to your Divi Theme Builder as mentioned in the post. Afterward, you can always save a layout to your library once you enter the body of the template. Hope that helps!