How to use Crocoblock’s WooCoomerce builder function with Elementor

How to use Woo Page builder to make custom layouts for your Elementor WooCommerce pages.

If you are like me, you are probably confused.

I’m here to help though, as I recently used this amazing tool to build a WooCommerce site, and hear this also: With the Free Elementor.

That’s right. If you purchase the Crocoblock suite, you don’t need Elementor pro.

Anyway, this is going to be short as the steps are pretty simple, once you know them. If you don’t know them  – pointing at me – then you are confused and left to stare at the screen. And it’s not that I didn’t look for tutorials. My brain didn’t want to cooperate. But know it does.

So these are the steps of using Crocoblock to have custom pages for your WooCommerce site.


  1. You need to make your templates on Crocoblock
  2. Then you need to go to WooCommerce settings / Jet WooBuilder and allow for custom designs
  3. Then you select from the drop-down menu the template/design you have created earlier with Crocoblock Woo Builder.
  4. Then on the actual page that is called Cart, or Checkout, and so on, you don’t need to do anything, just include the default WooCommerce shortcode. Then once you check the live page, you’ll see the template that you have created 🙂


The differences are not that great, but Crocoblock allows for more style customization.

I hope my super short tutorial helped.

Let me know in the comments if you have any questions.


Share on facebook
Share on twitter
Share on linkedin
Xanthi S

Xanthi S

Wordpress/Elementor enthusiast, Youtuber, social media fanatic and geek.

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts