WordPress 5.0: What the new Block Editor means for WooCommerce

Written by Claudiu Lodromanean on November 30, 2018 Blog.

UPDATE: WordPress 5.0 will be released on Thursday, December 6. Remember: it is important that you update to the latest version of WooCommerce before updating to WordPress 5.0
We recommend viewing our documentation on how to updatemaking a backup, updating extensions, and finally updating WooCommerce via WP Admin.

WordPress 5.0 will introduce the new block editor to WordPress. Through a complete revamping and modernization of the WordPress content-editing experience, content will be created as a series of blocks in a brand new interface.

For WooCommerce store owners and developers, it’s the start of an exciting process that will make large parts of the admin interface easier-to-use, and more dynamic – including customization and management of posts and products.

The transition to block-based editing will take place incrementally, and WordPress 5.0 has been delayed, but here is what you can look out for when it drops:

New Block Editor

The Gutenberg Editor in action

One of the strongest reasons to use WooCommerce over other eCommerce platforms is because you also get access to WordPress’ content capabilities. You’re able to write and publish all sorts of promotional content and blog posts for your shop in the same place you manage your products and orders. This is a powerful integration, and it will only be improved by the block editor.

With it, you can create highly-customized landing pages, blog posts, and articles with full control over each individual section, with many different types of sections available.

With thousands of developers in the WordPress plugin ecosystem, it is only a matter of time before all sorts of useful new blocks are available for your content: from blocks for newsletter signups and calls-to-action, to blocks for image galleries and testimonials, to the WooCommerce-specific blocks we’re developing.

To test WordPress 5.0 now, you’ll need to install the WordPress Beta Tester plugin or download the release candidate and test it on a staging site.

Learn more about the block editor and try it out here.

WooCommerce Blocks

WooCommerce’s initial block for the WordPress 5.0 launch is the Products Block. Using this block, you can feature your products in posts and pages. Products can be filtered and sorted by all sorts of criteria, and you can also adjust display features like the number of rows or columns.

It’s a much more powerful, visual, and intuitive way of featuring products in content compared to previous solutions such as shortcodes or toolbar buttons in the classic TinyMCE editor.

The Products Block is currently a feature plugin while we refine and polish the user experience to make it as natural and intuitive to use as possible. Once the experience is dialed-in, we will be merging it into the WooCommerce core plugin, where it will be available to all WooCommerce stores.

Read more about the Products Block here – or if you’d like to start using it now: get it here.

Storefront

Storefront 2.4 and higher supports all of the new blocks introduced in WordPress 5.0

We’ve been hard at work getting our Storefront theme ready for WordPress 5.0. The block editor introduces a lot of new blocks and features of which themes can take advantage. Some of these include full-width cover images, parallax images with text overlay, all sorts of different embedded content blocks, and column support for up to six columns.

Storefront 2.4 and higher supports all of the new blocks introduced in WP 5.0. The beta is currently available – please do help us test! You can expect 2.4 to be released before 5.0.

Twenty Nineteen Theme

WordPress 5.0 introduces a new default theme: Twenty Nineteen

In addition to the new editor, WordPress 5.0 introduces a new default theme: Twenty Nineteen. This theme is designed from the ground up to be super-flexible, taking full advantage of the block editor.

WooCommerce 3.5.2 and higher supports Twenty Nineteen, and you can use this new theme as the base for all sorts of different shops.

Block Editor Phase Two and WooCommerce

Design prototype showing how editing a product might look in the future.

The block editor’s next phase will introduce the concept of templates. The specific implementation of how templates will function is still in the works, but this will enable WooCommerce to modernize and improve the product editing experience even further.

Instead of a bunch of meta boxes scattered about the product admin interface, you could soon be editing products using a visual editor, where you can see and customize in great detail how the product will appear in the shop.

We Look Forward To Meeting The Block Editor!

There have been a couple of necessary delays to WordPress 5.0 being released, but we’re looking forward to all it will bring to eCommerce on WordPress in the immediate and longer term.

Stay tuned throughout 2019 for more info about phase two, and what it means for WooCommerce.

56 Responses

  1. Run 3
    December 1, 2018 at 8:43 am #

    This is Really a Great Combination. I love this New Block Editor. I’m happy to work with Woocommerce. It helped me to decrease a lot of work for E-commerce people. That is why am loving woocommerce more and more, they are not just a business but a family which helps there customers or rather family grow with this useful tips.

    • Marina Pape
      December 3, 2018 at 3:53 pm #

      Thanks for sharing this. GLad to hear you’re excited about the new editor 🙂

    • thuyaoo
      December 5, 2018 at 8:22 pm #

      please contact me
      09790934938

  2. Hinad
    December 1, 2018 at 4:10 pm #

    Thanks for clear my problem and keep writing.

  3. Jyoti Raghuvanshi
    December 1, 2018 at 10:55 pm #

    That’s really great and hope that that everything will be rolled out soon.

  4. Aayush
    December 2, 2018 at 11:40 am #

    Great Combination. will be waiting for this update 🙂

  5. Kili
    December 2, 2018 at 12:10 pm #

    Waiting for this update and I hope you can do it well.

  6. Kevin Steve
    December 2, 2018 at 5:14 pm #

    The cover image thing looks great. It will be really helpful to quickly add images and then overlay the text but any news on the release date?

  7. Nick Weisser
    December 2, 2018 at 8:57 pm #

    Thanks for the nice write-up. I translated it into German on our blog in case anyone prefers to read that in German 😬 https://www.openstream.ch/blog/woo-tenberg/

  8. bornrealist1
    December 4, 2018 at 11:37 am #

    Terribly waiting for this awesome update. Keep it up.

  9. Prosperi Architecture
    December 4, 2018 at 3:50 pm #

    I am really excited to see this.

  10. piesito1995
    December 4, 2018 at 6:51 pm #

    hola

  11. Lynn Digital
    December 6, 2018 at 10:58 am #

    It is really amazing update and I am excited to see this.

  12. Ghanni
    December 6, 2018 at 3:56 pm #

    Good luck

  13. Barbara Escher
    December 6, 2018 at 3:58 pm #

    I am just getting ready to begin loading products and getting my online store up and running. Am concerned about the impact of the changes in WordPress on my current theme (Divi) and Woo Commerce set up, which does not use Storefront.

  14. lpestudiocreativo1
    December 6, 2018 at 6:36 pm #

    Ya falta muy poco, espero que supere mis espectativas..!
    No he vista nada ni los Beta para que todo sea sorpresa paa mi

  15. Iftekhar
    December 6, 2018 at 10:02 pm #

    Am I the only one in here who thinks it’s a bad idea and the new editor sucks?! I already started smelling Wix. Damn!

    • tswidler
      December 13, 2018 at 12:13 am #

      No you are not alone. Boy does the new editor suck! I enabled Classic Editor plugin so that I can work normal.

  16. Erik Dattwyler
    December 6, 2018 at 11:54 pm #

    Seems all my sites have a woocommerce bug on the edit order screen
    white screen,
    every site that I have installed WP 5.0 and classic editor plugin

    • mlangis9
      December 7, 2018 at 5:12 am #

      same here

    • atoalizando
      December 9, 2018 at 12:51 am #

      same here

      And I I can’t integrate my store as the plugin warns

  17. Brian G
    December 7, 2018 at 1:57 am #

    I wish WooCommerce could be a standalone ecommerce solution. I hate feeling like at some point in 2021 that I will be forced to use Gutenberg, whether I like it or not.

  18. Ken Chiarella
    December 7, 2018 at 2:30 am #

    I had the same white screen. Install the Classic Editor plugin to fix the issue. The problem is that the blocks will be gone and the point of having this work well with Woocommerce is negated.

    I had to go with the classic editor so that I can post. 🙂

  19. Factoring
    December 7, 2018 at 6:19 am #

    I am recently update into 5.0 but it is not to good.

  20. prsetiadi
    December 7, 2018 at 8:36 am #

    This is disaster.. specially when you use some plugins or extensions.. good luck! I’m staying on WP v4.9.8 never update until they remove GB from the core.. or just switch to another perhaps.. huehue

    • atoalizando
      December 9, 2018 at 12:55 am #

      Agree! Terrible GB!

      I hate Gutenberg, not the one who invented the print, but this editor who is worse than WIX

  21. تالار عروسی
    December 7, 2018 at 10:51 am #

    Hi Claudia,

    It is very bad feature of wordpress 5.0 and I hate it.

  22. Caracal Marketing
    December 7, 2018 at 11:03 am #

    Good luck, very good

  23. Granjacia
    December 7, 2018 at 2:34 pm #

    so the whole store just retruns 500 server error. hope this update fixes it. noone told me about this

  24. Matteo
    December 7, 2018 at 10:52 pm #

    Really cool for my website. <3

  25. Marco
    December 7, 2018 at 10:53 pm #

    Great Update, I hope It could be revolutionary as I think! I’m going to update my website!

  26. Anna Magdelena Harding
    December 8, 2018 at 1:18 am #

    A programmer set up my Websites in WordPress and Woo Commerce and I am unfamiliar with either. He has moved and I can not work either program in the time frame I need, immediately for my new Website for the Christmas market. Can anyone help me?

    • asnakesdenn
      December 9, 2018 at 8:02 pm #

      Send me an email of exactly what you need.

    • Nuel
      December 11, 2018 at 12:46 am #

      Hello Anna. I’m Nuel and I am a WordPress expert. I can help with your WordPress+Woocomemerce site. Mail: tinudainc@gmail.com

  27. Bitcoin Trader
    December 8, 2018 at 2:58 pm #

    It is not to much best as we think.

  28. Forex Broker
    December 8, 2018 at 7:22 pm #

    I am totally disappointed with this.

  29. fredsjo
    December 9, 2018 at 1:00 am #

    Looks awesome! 🙂

    Best regards
    Fredrik
    https://skadedyr.net

  30. Anthea Forsdike
    December 9, 2018 at 8:18 am #

    I just updated WordPress to 5.0 as I didn’t see that I had to update the Woocommerce first. Now Woocommerce won’t update. Any suggestions

  31. W88 Thai
    December 9, 2018 at 12:23 pm #

    WordPress 5.0 is one of the worst update.

  32. leonardbianconi
    December 10, 2018 at 2:15 am #

    What if you already have word press 5.0 installed

  33. Mary Rae
    December 10, 2018 at 4:43 am #

    I updated to WordPress 5.0 now my Woocommerce backend is text instead of the regular dashboard. I ran the Woocommerce updater afterwards since I didn’t notice it needed update. Now what? How do I get the regular dashboard back?

    • cyprian
      December 13, 2018 at 12:57 pm #

      i had to downgrade my wordpress back to 4.8
      5.0 is a disaster

  34. Bec
    December 12, 2018 at 3:07 am #

    What happends if you don’t update WooCommerce before you update WordPress to 5.0

  35. Piyush
    December 12, 2018 at 7:08 am #

    If I am installing a new WordPress site and don’t have WooCommerce at all yet, is it possible to upgrade to WordPress 5.0 first and then install WooCommerce? Would that work fine?

    • Jos
      December 12, 2018 at 12:06 pm #

      Yes, no problem.

  36. Pansy D Huffman
    December 13, 2018 at 9:35 am #

    The wordpress 5.0 has been released and so far, even up until now, I still find the block editor very confusing. The best I could come up with was this https://electrictoothbrushes.org (dont mean to spam) and now I am considering going back to the classic editor

  37. cyprian
    December 13, 2018 at 12:58 pm #

    wordpress 5.0 is very complicating
    I had to downgrade back to 4.8

  38. vina
    December 14, 2018 at 7:33 am #

    Interesting, Do not use yet but today i try..

  39. majordoit
    December 14, 2018 at 1:09 pm #

    Hindsight is a wonderful thing. Who thought it would be a good idea to issue a major release just before Christmas this release has caused our WooCommerce site problems with products that have variable choices. The symptoms are you try and add an optional item and find you are then unable to select it when clicking on Add to basket. We have found that if you make the choice and then refresh the page before clicking the Add to basket button it works?

  40. the8best
    December 16, 2018 at 8:51 pm #

    WordPress 5.0: What the new Block Editor means for WooCommerce Thank you for post

  41. businesslaptopreview
    December 17, 2018 at 8:51 am #

    WordPress 5.0: What the new Block Editor means for WooCommerce Nice post

  42. nunah
    December 17, 2018 at 10:22 am #

    If can I upload the description in bulk like in the demo theme?

Leave a Reply

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment