Home>Support>Page Builder tab Blank

Page Builder tab Blank

I’ve taken over a site that was recently built with the Site Origin Page Builder tool. I’ve moved the site over to a staging environment and updated WP and all plugins. When I go to edit a page, I’m presented with the 3 buttons at the top that are in the basics tutorial: Visual, Text, Page Builder.

The Visual panel shows me all of the Page Builder HTML that was previously generated through the plugin. If I click on the Page Builder tab, it’s as if the code isn’t read and the page starts out new. I’m presented with a Site Origin Editor widget with no content inside.

Is there a step I’m missing in the process? Am I able to import that previously generated code somehow? Here’s the page that I’m currently looking to edit: https://mkb.1b0.myftpupload.com/stone-services-projects/.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    Hi Justin

    Thanks for reaching out.

    Is the Page Builder tab functioning normally on the original site? You can move out of the Page Builder tab and then go back if you’ve changed your mind but only if the content hasn’t been altered to the point that Page Builder can no longer correctly interpret it. At that point the import becomes a standard Text to Page Builder import into the Editor Widget.

  2. 1 month, 27 days ago justinbmiller

    I logged into the original site and the block editor (Gutenberg) is installed from the recent WP updates. I’ve installed the Disable Gutenberg plugin on the staging site that I created but is there a proper way to disable that when Page Builder is involved? Once we address that then I can check out how the original site is handling the code.

    Is the Text to Page Builder import going to be the working solution in the end? Thanks.

  3. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    Original Page Builder pages should be holding onto the Classic Editor without the Classic Editor plugin (or an alternative) activated. If original Page Builder pages have dropped into the Block Editor then a plugin conflict or failure of normal functionality has occurred. The Classic Editor plugin is preferable to Disable Gutenberg as you have page-by-page control over which editor is being used, assuming you want to use the Block Editor.

    With the Disable Gutenberg plugin disabled are Page Builder pages opening in the Block Editor in a Classic Block?

  4. 1 month, 27 days ago justinbmiller

    Here’s what I’m seeing with just the Disable Gutenberg plugin activated. It looks to be the standard WP editing panel.

    Visual – https://www.dropbox.com/s/tgtwi0xnhuf7nmm/Screen%20Shot%202021-08-26%20at%2010.52.49%20AM.png?dl=0

    Text – https://www.dropbox.com/s/76nx5yx30k9an3x/Screen%20Shot%202021-08-26%20at%2010.53.29%20AM.png?dl=0

    Builder (after acknowledging conversion) – https://www.dropbox.com/s/he63sh2yb7pny9w/Screen%20Shot%202021-08-26%20at%2010.53.59%20AM.png?dl=0

  5. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    Thanks. The page in question was created in the Block Editor. You can see the opening of a SiteOrigin Layout Block code in the Text tab. You can manually migrate pages to the Classic Editor from a SiteOrigin Layout Block but not automatically. What happens when you open that page in the Block Editor?

  6. 1 month, 27 days ago justinbmiller

    This is what the page looks like when I just click Edit and it loads up in the Block Editor.

    https://www.dropbox.com/s/696zgh0z83simv2/Screen%20Shot%202021-08-26%20at%2011.21.40%20AM.png?dl=0

  7. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    That looks like a block preview. You can click on the block to take it out preview mode.

  8. 1 month, 27 days ago justinbmiller

    My goodness. Thank you. This looks like it. I appreciate your patience in guiding me through this. So now I can edit each individual module.

    https://www.dropbox.com/s/r6rqh3xrbsgztmc/Screen%20Shot%202021-08-26%20at%2011.35.15%20AM.png?dl=0

  9. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    The Block Editor should provide a pencil icon to return the block to edit mode.

    https://imgur.com/a/9YIR4pQ

  10. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    Sure, no problem. Glad to hear you’re making progress! Yeah, that’s it. You’re now working in an instance of Page Builder in the Block Editor via a SiteOrigin Layout Block, you can add, remove and edit widgets, rows, and columns as required.

  11. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    Just for interest’s sake, if you wanted to migrate a SiteOrigin Layout Block to the Classic Editor, the process is:

    * Within a SiteOrigin Layout Block click LayoutsImport/ExportDownload Layout. Downloads a JSON file to your desktop.
    * Use the Classic Editor plugin to open the same page in the Classic Editor. Classic Editor plugin allows this.
    * From the Page Builder tab click the Layouts button then Import/Export. Import the JSON file.

    All the best with this site!

  12. 1 month, 27 days ago justinbmiller

    Thank you so much! This will come in handy. So far the edits are coming along great.

  13. 1 month, 27 days ago Andrew Misplon Hi, I Work Here

    Super, that’s good news!

    Cheers for now :)

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More