1. envato-tuts+
  2. Home
  3. Web Design
  4. eCommerce
  5. WooCommerce

Introduction to WooCommerce Blocks

Adi PurdilaLessons: 4Length: 20 minutes
eCommerce WooCommerce
Next Lesson

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Welcome to the Course

Hello, and welcome to a new Envato Tuts+ course. I’m Adi Purdila, and in this short course you’ll learn how to get started with WooCommerce blocks. Blocks are a relatively new feature of WooCommerce, and they work seamlessly with the Gutenberg editor introduced in WordPress 5.

In a nutshell, WooCommerce blocks allow you to easily display your products in posts and pages. At the time of this recording there are 21 blocks available, and we’ll have a look at all of them.

First, we’ll take a look at how you can access these blocks and see what each and every one of them is for. Then, we’ll create a custom shop page, and in the final lesson we’ll create some custom cart and checkout pages.

So, if you’re eager to get started, let’s not waste any more time and get right into it. I’ll see you in the next lesson, where you’ll learn how to access and use these blocks.

1.Introduction
1 lesson, 01:04

1.1
Welcome to the Course
01:04

2.Introduction to WooCommerce Blocks
3 lessons, 18:43

2.1
Getting Started With the New WooCommerce Blocks
07:32

2.2
Creating a Custom Shop Page
04:33

2.3
Creating a New Cart and Checkout Page
06:38

1.1 Welcome to the Course

Hello everyone and welcome to an overload tuts plus course I'm Adi Purdila. And in this short course you'll learn how to work with the new WooCommerce blocks. This is a new feature introduced in WooCommerce 3.6. And it actually works seamlessly with the new Gutenberg editor in a WordPress. In a nutshell WooCommerce blocks allow you to easily add your products in posts and pages. And at the time of this recording, there are 21 blocks available, and we'll go through all of them. First, we'll take a look at how you can access these blocks and see what each and every one of them is for. Then we'll create a custom shop page. And in the final lesson, we'll create some custom Cart and checkout pages. So, if you're eager to get started, let's not waste any time and get right into it. In the next lesson, you'll learn how to access and use these blocks. I'll see you there

Back to the top
Adi Purdila
Adi Purdila
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.