Home>Blog>SiteOrigin Widgets in Gutenberg

SiteOrigin Widgets in Gutenberg

Gutenberg will be the new WordPress editor from version 5.0; it’s currently being tested in plugin form. If you’ve been giving Gutenberg a try, you might have already used the SiteOrigin Layout block which offers a full instance of Page Builder in Gutenberg. We’re really excited to announce that from version 1.13.0, the SiteOrigin Widgets Bundle is now also available as a block. The new Widgets Bundle block allows you to directly add SiteOrigin widgets to your Gutenberg pages.

Please, keep in mind that Gutenberg is in beta, we don’t recommend testing on production (live) sites.

A Quick Recap: Adding a SiteOrigin Layout

If you’re testing Gutenberg and haven’t yet tried the SiteOrigin Layout block, it’s easy to add. On a Gutenberg page, click the plus icon and search for siteorigin. Click on the SiteOrigin Layout block to insert. If you’re browsing the available blocks, you’ll find the SiteOrigin Layout block in the Layout Elements section.

Add a SiteOrigin Layout via the add block button.

Once you’ve used the SiteOrigin Layout block a few times, a shortcut icon will be available on the right.

Once available, you can use the SiteOrigin Layout shortcut icon on the right to add a SiteOrigin Layout block.

New Functionality: Adding a SiteOrigin Widget Block

There might be times when you’d like to add a SiteOrigin Widget to a Gutenberg page without first adding a SiteOrigin Layout block. To add a SiteOrigin Widget block, click the plus icon and search for siteorigin. Click on the SiteOrigin Widget block to insert. If you’re browsing the available blocks, you’ll find the SiteOrigin Widget block in the Widgets section.

Add a SiteOrigin Widget via the add block button.

Common Questions

Once WordPress 5.0 is released, existing Page Builder pages will remain in Page Builder. An option to migrate existing Page Builder pages to Gutenberg will be provided in the future for users that would like to do so. If you’d prefer to keep your Page Builder interface looking as it looks now (pre WP 5.0) we recommend installing the Classic Editor plugin. This is a useful option for a wide range of users.

A Helping Hand with SiteOrigin Premium

SiteOrigin Premium is a plugin that adds additional settings and functionality to SiteOrigin widgets, Page Builder and SiteOrign themes. SiteOrigin Premium also includes our next level email support service. If you need expert advice and quick replies, consider SiteOrigin Premium.

If you have any questions, please comment below. We look forward to hearing from you.

Leave a Reply

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

Comments

  1. 1 month, 21 days ago Cao Nguyen

    I think
    Origin Page Builder
    will go down if it can not stand in the same position.
    I like the style of building the old work
    The new style with Gutenberg is not good, it has errors
    Take a look at the active elementor.

    • 1 month, 19 days ago Alex S Hi, I Work Here

      Hi Cao,

      The standard SiteOrigin Page Builder interface will remain for users using the Classic Editor. You won’t have to use Gutenberg to use SiteOrigin Page Builder.

  2. 1 month, 19 days ago Gregory Wrighton

    What about a switch later? We may not be ready for the Gutenberg editor now due to it being buggy and difficult to use to achieve what is wanted. So for the moment we continue to use SO as we do now. Fast forward some X time, we are ready to switch to Gutenberg. Can we switch page by page or is it an all or nothing?

    I can see we can use SO Widgets under a Gutenberg block, can we add one beside it?

    Will we be able to add rows as we do now into Gutenberg?

    Cheers

    • 1 month, 19 days ago Cao Nguyen

      If you change it to Gutenberg block
      in wordpress 5.0
      I think many people will leave Origin page builder
      People love Origin page builder because it’s independent, lightweight
      As for myself, for example, I have seen the elementor perform better with Gutenberg
      Because elementor they do not need to be Gutenberg’s block

      • 1 month, 19 days ago Alex S Hi, I Work Here

        Hi Cao,

        Thank you for your concern! :)
        The standard SiteOrigin Page Builder interface will remain for users using the Classic Editor. You won’t have to use Gutenberg to use SiteOrigin Page Builder.
        The SiteOrigin Widget Bock is purely for those who use Gutenberg. It is only loaded when Gutenberg is active so this additional functionality will have no performance impacts on any site that doesn’t use Gutenberg.

    • 1 month, 19 days ago Alex S Hi, I Work Here

      Hi Gregory,

      We will be providing an optional migration tool that you can use move your SiteOrigin Page Builder powered page to Gutenberg. This migration is completely optional and it will be on a page by page basis as we definitely understand there will be situations where you won’t want to use Gutenberg on certain pages.

      Will we be able to add rows as we do now into Gutenberg?

      Yes. SiteOrigin Page Builder has a dedicated block called SiteOrigin Layout that will allow you to use the complete SiteOrigin Page Builder interface you’re used to using. :)

      I can see we can use SO Widgets under a Gutenberg block, can we add one beside it?

      Unfortunately, this isn’t currently natively possible in Gutenberg. You’ll need to use the aforementioned SiteOrigin Layout block to do this.

  3. 1 month, 16 days ago Leigh Duvall-Parks

    I am learning Gutenberg. I have installed the plugins for SiteOrigin (SO) Page Builder and SiteOrigin Widgets. I’ve watched the tutorials I can find online to help me learn how to use the SO plugins. When building a page within Gutenberg, I can see the Widgets option when I’m adding content to a block. However, I cannot see or have access to the SO Page Builder layout block. How do I activate it for use? I’ve gone to SO Page Builder settings and cannot find anything that might help. Thank you for any assistance you can provide.

    • 1 month, 13 days ago Alex S Hi, I Work Here

      Hi Leigh,

      The SiteOrigin Layout block should show up when you click Add Block and search for the SiteOrigin Layout block – there aren’t any settings you need to enable for it. If it doesn’t appear, can you please open a support thread?

      Page: New Thread

      This will allow us to run some tests.

  4. 1 month, 13 days ago Leigh Duvall

    Hi Alex,

    Thanks so much for your response. After clicking through and trying different approaches, the SiteOrigin Layout block finally showed itself. It wasn’t obvious though and it felt like I just got lucky when I noticed it. :) It could be operator error!! I’m really new to WordPress and plugins.

    Thanks again for getting back to me.

    —Leigh

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More