Download the first FREE Cart & Checkout Page Template Sets for Divi

Posted on December 7, 2021 by 19 Comments

Download the first FREE Cart & Checkout Page Template Sets for Divi
Blog / Divi Resources / Download the first FREE Cart & Checkout Page Template Sets for Divi

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.

divi layout

Check Out The FREE Cart &
Checkout Template Sets Below

Get it for free today!

checkout and cart page template

Set #1

checkout and cart page template

View The Live Layout Demo

Set #2

checkout and cart page template

View The Live Layout Demo

Set #3

checkout and cart page template

View The Live Layout Demo

Set #4

checkout and cart page template

View The Live Layout Demo

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.

checkout and cart page template

checkout and cart page template

Navigate to the Divi Theme Builder

To upload the templates, navigate to the Divi Theme Builder in the backend of your website.

checkout and cart page template

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.

checkout and cart page template

checkout and cart page template

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!

checkout and cart page template

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!

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Beauty Salon Layout Pack for Divi

Get a Free Beauty Salon Layout Pack for Divi

Posted on March 27, 2023 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Beauty Salon Layout Pack that’ll help you get your next Beauty Salon...

View Full Post


  1. Awesome, but can someone explain to me why these can’t be added to the layout library?

    • 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!

    • I have the same problem.

  2. 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!

  3. 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!

  4. 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 🙂

  5. 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.

  6. These are great but successfully deleted my header layout when uploaded so will have to build again. So whilst free, not so clever. Urrgh.

  7. 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?

  8. 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?

  9. 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

  10. 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

  11. 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.

  12. 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, please get in touch with our support via live chat so we can better assist you.

    • Hi Arveer – Did you manage to resolve this as I am having the same issue.
      Many thanks.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today