Home>Blog>Gutenberg Compatibility in SiteOrigin Page Builder

Gutenberg Compatibility in SiteOrigin Page Builder

Gutenberg has made massive strides in 2018. It continues to evolve into what we hope will be a worthy core editor later this year with the release of WordPress 5.0.

We’re doing our bit for the Gutenberg future of WordPress by adding compatibility to all our products. This will be available as a free update before Gutenberg is merged into the WordPress core.

Just like we made our Widgets Bundle widgets available to other page builder plugins, we’re making all our widgets Gutenberg compatible. So you can add our buttons, tabbed layout, maps, etc. to your Gutenberg pages.

The thing we’re most excited about though, is that we’re making our Layout widget available as a Gutenberg block. The SiteOrigin Layout block gives you the full power of SiteOrigin Page Builder, so you’ll be able to create fully nested, columnized, widgetized content, with advanced row, column and widget styling right inside Gutenberg.

Why are we doing this? Gutenberg is taking a more conservative approach to page building, which means there are designs and layouts that you just won’t be able to achieve. The SiteOrigin Layout block fills all those gaps, by allowing you to create advanced sections inside your Gutenberg pages.

This is just the beginning, we’re planning on adding a lot more features by the time Gutenberg becomes the core WordPress editor. For example, we’ll give you a migration tool that’ll let you convert your existing Page Builder pages into Gutenberg pages.

We’re excited to bring Page Builder and Widgets Bundle plugins, with over 2 million combined installs, into the future of WordPress. It’s our way of guaranteeing that your content is safe, as WordPress evolves into a more modern content creation platform.

Editing Options for Existing Page Builder Content

Once WordPress 5.0 is released you can rest assured that your Page Builder content will be safe and editable. Existing Page Builder content will be editable in one of two ways. If you’d prefer not to switch over to Gutenberg you can install the Classic Editor plugin provided by WordPress. Once activated, your existing Page Builder pages will remain exactly as they were pre WordPress 5.0. Alternatively, if you’d like to move over to Gutenberg, existing Page Builder pages will offer the option to migrate Page Builder content into a single Layout Builder block.

Editing Options for New Pages

If you have the Classic Editor plugin installed and add a new page, you’ll be able to choose between a classic page with the familiar Visual, Text and Page Builder tabs or a Gutenberg page. If you don’t have the Classic Editor plugin installed, your new pages will be Gutenberg pages.

Once Gutenberg is integrated into the WordPress core there will be much more certainty. The above update and roadmap is based on the information that’s currently available.

Leave a Reply

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

Comments

  1. 3 months, 4 days ago Lucas Hilty

    Thanks for the update. I’ve been wondering about this. I’m excited about the possibilities of Gutenberg, and I’m glad I can still use Page Builder in it.

    • 3 months, 4 days ago Andrew Misplon Hi, I Work Here

      Hi Lucas. Thanks for reading. The choice will be yours. Keep things as they are with the Classic Editor or move over to Gutenberg. Both will be supported. As we move closer to the 5.0 release we hope to have even more to offer. All the best :)

  2. 3 months, 4 days ago Kel

    At a glance, it seems like your approach for the layout widget inside Gutenberg is just So Smart. It’ll be interesting to see how other page builder plugins follow.

    • 3 months, 4 days ago Andrew Misplon Hi, I Work Here

      HI Kel, thanks for your support :)

  3. 3 months, 4 days ago Hank Sorrow

    Thanks Greg. There seems to be a lot of changes with WP. What I would like is to see are changes that are incorporated into better and a more sophisticated appeal. I feel that site origin is my security blanket. I don’t want to wander too far into new fields and then need costly changes to stay abreast in a land where I have to learn a new language. I am about to go with a new site so migration will be important. I want to be a mountain climber with site origin tackle. I will go premium with all the new sites but right now I am trying hard to find the right handle to sell. Hank

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Hi Hank. Great to hear from you. Thanks for your interest. After 5.0 you’ll have the choice to use Gutenberg and if you’d like, use Page Builder in a block OR install the Classic Editor plugin and then continue using Page Builder as you did before.
      All the best with your new sites this year :)

  4. 3 months, 4 days ago Win Day

    Thank you, thank you! I have not been terribly impressed with Gutenberg so far. Being able to use PageBuilder within Gutenberg is a huge step forward.

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Super, glad to hear you’re liking the look of the integration. More to come as we approach 5.0 :)

  5. 3 months, 4 days ago aramenda

    thank you for the update – looking forward to your integration and changes! I have been thinking about the future of your product and Gutenberg. Especially with several organizations dumping theme/plug-in support because of this transition. This knowledge makes me feel more confident in continuing my premium subscription and utilizing them in future developments. Keep us informed.

  6. 3 months, 4 days ago Wolfgang Wöhrle

    Hello!
    Thanks for the update. So, when will the Page Builder be ready for integrating with Gutenberg as a block?

  7. 3 months, 4 days ago Patty

    This is great news! Thank you for keeping us updated. Love your page builder!

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks Patty :)

  8. 3 months, 4 days ago Greg

    That looks terrific. The primary obstacle to using SOPB right now for inserting simple columns is that it takes over the entire editor. I love that it will show as a block in the normal visual flow.

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Hi Greg. For sure, that does introduce some awesome flexibility. Thanks for posting.

  9. 3 months, 4 days ago Emily

    This is cool Greg. I can see which page builder plugin I will use with WordPress :) I normally don’t like to rely on page builder as they are always bug. SiteOrigin seem to be the most stable and to see it with Gutenberg it seem the best combination!

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks Emily :) We agree, nice to have options for any given page or project.

  10. 3 months, 4 days ago Marc Lotter

    Just one more reason why SiteOrigin is our no1 WordPress Extension!

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks for the support Marc, really appreciate it.

  11. 3 months, 4 days ago Holmes Cheung

    Great! I will wait for WordPress 5.0 & enjoy the update.
    Thanks

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks Holmes :)

  12. 3 months, 4 days ago Julia Giles

    This sounds great. You’ve just taken a worry off my mind.

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks Julia. Whether you want to use Gutenberg or stay with the Classic Editor, we’ll be here to support.

  13. 3 months, 4 days ago Dave LeBlanc

    Thanks, guys. I was not sure how Page Builder and Gutenberg will, or even if, work together, but you have seemed to solved this issue very nicely. The video is very encouraging.

    Looking forward to using Site Origin Page Builder and Site Origin themes for a long time to come.

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks Dave, great to hear from you. More to come as we approach 5.0.

  14. 3 months, 4 days ago Carrie Lewis

    Awesome!!!! I’m excited to see what it can do. SiteOrigin stuff is great to work with. Thanks!

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks Carrie :)

  15. 3 months, 4 days ago Andrea

    Great Work! Thanks

    • 3 months, 3 days ago Andrew Misplon Hi, I Work Here

      Thanks Andrea, good to hear from you.

  16. 3 months, 3 days ago Vladimir

    I wonder why you chose to add PageBuilder widget as Layout, and not as a SiteOrigin Row? Isn’t this will be confusing for users to have similar entities inside a SiteOrigin Layout as Rows and outside as Gutenber blocks? Will it be possible to drag Row to a different block with SiteOrigin Layout?
    I understand that this is a difficult decision and I have no idea about the internal structure, but, in my opinion, Gutenberg Block should be equal to SiteOrigin Row, and that can become a great solution, with extended possibilities of PageBuilder. Hope your great tool find a right place together with Gutenberg.

    • 3 months, 2 days ago Andrew Misplon Hi, I Work Here

      Hi Vladimir, thanks for reading and reaching out.

      All layouts can be rows, not all rows can be layouts. To give Page Builder users as much freedom as possible we decided to go with full, unrestricted layouts as blocks.
      Hope that helps explain our thinking a little :)

      All the best.

  17. 3 months, 3 days ago Maze

    Its really incredible what you guys do for us customers.
    I like the page builder plugin from siteorigin, its just awesome work what you can do an create.

    I just wanna say a big thank you for that and the future updates.

    Greets Maze

    • 3 months, 2 days ago Andrew Misplon Hi, I Work Here

      Thanks Maze, really appreciate the feedback, we’re really lucky to have users like you. We’ll have more updates as we approach 5.0 and will provide as many options as we’re able to. All the best with your projects in 2018 :)

  18. 2 months, 26 days ago Jacques B Surveyer

    This is exciting news. So as an Organizer of the Toronto WordPress Meetup group I tried to replicate the results for a planned upcoming meetup – https://www.meetup.com/WPToronto/events/247117765/ . I used Gutenberg 2.2.0 and the latest downloads of Site Origin PageBuilder and Widgets Bundle. Unfortunately i could not get any sign of SO Widgets in Gutenberg blocks. See here – https://www.theopensourcery.com/keepopen/2018/site-origin-pagebuilder-comes-to-gutenberg/.

    So the question – when will SO in Gutenberg be testable in the Wild… so to speak.

    Thanks for this development. as Gutenberg arrives it creates as many concerns as it promises through GutenBlocks so much design opportunity.

    • 2 months, 25 days ago Andrew Misplon Hi, I Work Here

      Hi Jacques

      Thanks for your interest. Really glad to hear you’re jumping into this already. Unfortunately, we won’t have this branch integrated until the first WordPress 5.0 beta release is out. In the mean time, if you’d like to follow along, you can do so here: https://github.com/siteorigin/siteorigin-panels/tree/feature/gutenberg-compat. If you have a little experience with using Git then you could clone this branch and take a look. If not, we’ll have this out with the first 5.0 beta release. Sorry it isn’t included at the moment.

  19. 2 months, 22 days ago TravelJi

    Thanks for your valuable suggestions, it is a must read guide for every developer.

    • 2 months, 21 days ago Andrew Misplon Hi, I Work Here

      Glad it helped :) More to follow.

  20. 2 months, 21 days ago kattiegrimstone

    Thanks so much for the post.Really thank you! Keep writing.

    • 2 months, 21 days ago Andrew Misplon Hi, I Work Here

      Thanks for reading :) All the best.

  21. 2 months, 20 days ago andreaw

    Thanksa lot for the post.Really thank you! Much obliged.

    • 2 months, 20 days ago Andrew Misplon Hi, I Work Here

      For sure :) Thanks for the support.

  22. 2 months, 16 days ago Roy

    The release 2.6.2 – 23 January 2018 states:
    ” Prevent Gutenberg from taking over existing PB pages.
    Remove PB metaboxes from Gutenberg editor.”

    This appears to not allow testing of your page builder with the Gutenberg plugin on a test/development site.

    • 2 months, 14 days ago Andrew Misplon Hi, I Work Here

      Hi Roy

      Thanks for reading. Unfortunately, we won’t have this branch integrated until the first WordPress 5.0 beta release is out. In the mean time, if you’d like to follow along, you can do so here: https://github.com/siteorigin/siteorigin-panels/tree/feature/gutenberg-compat. If you have a little experience with using Git then you could clone this branch and take a look. If not, we’ll have this out with the first 5.0 beta release. Sorry it isn’t included at the moment.

      • 2 months, 14 days ago Roy

        Thanks for the github link. Glad to see your folks working on integration with Gutenberg.

  23. 2 months, 16 days ago Collins Agbonghama

    Super stoked about this. Great work Siteorigin team.

    • 2 months, 14 days ago Andrew Misplon Hi, I Work Here

      Hey Collins, thanks for reading and watching :) Appreciate the support.

  24. 2 months, 14 days ago bilal hassan

    When can we start testing siteorigin with gutenberg ? is there a beta somewhere? Im building new products that rely on Siteorigin and would like to get the Gutenberg side tested and implemented too.

    • 5 days, 15 hours ago Andrew Misplon Hi, I Work Here

      Hi Bilal

      Thanks for reading. Unfortunately, we won’t have this branch integrated until the first WordPress 5.0 beta release is out. In the meantime, if you’d like to follow along, you can do so here: https://github.com/siteorigin/siteorigin-panels/tree/feature/gutenberg-compat. If you have a little experience with using Git then you could clone this branch and take a look. If not, we’ll have this out with the first 5.0 beta release. Sorry, it isn’t included at the moment.

  25. 2 months, 14 days ago Brandon Kidd

    Very nice! Thanks for the hard work and dedication to keeping SOPB compatible with Gutenberg.

    • 2 months, 14 days ago Andrew Misplon Hi, I Work Here

      For sure :) Thanks for reading/watching. More updates to follow as we approach the 5.0 beta releases.

  26. 1 month, 29 days ago Avrom

    Hi Andrew,
    Very nice! We use Site Origin on quie a few sites, so really glad to see this. Also not a fan of Gutenberg at all, so as hoped, SIte Oriign will be a solid fallback for us. Nice work!

    Cheers
    Avrom

    • 1 month, 29 days ago Andrew Misplon Hi, I Work Here

      Hi Avrom, thanks for watching and reading. We’ll have more updates as we approach the 5.0 release. You can definitely keep using Page Builder as is. Chat soon, cheers :)

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More