Home>Support>How to get Page Builder widgets used in Json

How to get Page Builder widgets used in Json

Hi All,

I have just started using Page Builder for the first time and so far I think it is awesome. I starting a new project where I am using a headless WP site on top of a React.js application.

What I am hoping to do is using Page Builder to allow users to build pages in the CMS, then I would like to feed the widgets and their information to the page JSON data. Then I can drop the data into my custom build React modules on the front end. I am hoping for something like this:

{
  "id": 21,
  "slug": "hello-world",
  "pageBuilder": {
    "rows" [{
      "Columns": 2,        
      "widgets": {
        "image": {
          "imageTitle": "This is the image title",
          "imageUrl": "This is the image title"
        },
        "text": {
          "title": "This is the text title",
          "content": "This is the content of text widget"
        }
      }
    },
    {
      "Columns": 2,        
      "widgets": {
        "image": {
          "imageTitle": "This is the image title",
          "imageUrl": "This is the image title"
        },
        "text": {
          "title": "This is the text title",
          "content": "This is the content of text widget"
        }
      }
    }]        
  }
}

This is some very basic JSON I quickly wrote just now, I am sure the actual solution would be much better.

If anyone knows if this exists and how I can access it please let me know.

Thanks in advance for any help,
Luke.

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 9 months, 18 hours ago Alex S Hi, I Work Here

    Hi Luke,

    I’d like to help you with this, but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved and instruction.

    We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.

    If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.

  2. 9 months, 9 hours ago lukehillonline

    Hey Alex,

    Thanks for your help, I will look into the options you provided.

    Cheers,
    Luke.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More