GJS Builder
Getting startedInstallationThe editorPages & LandingsExtensionsPresets & themesRendering modesSEOPerformanceStorage & no lock-inSecurityDeveloper APIWhite-labelRoadmapFAQGlossary
Back to docs

Getting started

GJS Builder is an open, extensible visual builder for WordPress. This guide takes you from a fresh install to a published page.

What you'll need

  • WordPress 6.4+
  • PHP 8.0+
  • Permission to install plugins (an administrator account)

No Node.js is required to run a release build — you only need it if you build the plugin from source.

1. Install the plugin

Upload the plugin ZIP under Plugins → Add New → Upload Plugin, then activate it. See Installation for the from-source path.

2. Create a Landing

GJS never touches your posts, pages or Gutenberg. Instead it adds a dedicated Landings post type.

  1. Go to Landings → Add New.
  2. Give it a title and save.
  3. Click Edit with Builder to open the fullscreen editor.

3. Design visually

Inside the editor you get a GrapesJS canvas with device previews, undo/redo, a live code view, and a page-settings & SEO drawer. Drag in blocks, edit text inline, and style with the built-in controls.

Want more blocks or a whole editor theme? Open Landings → Extensions to install from GJS Market, or Landings → Presets to activate a preset.

4. Save and publish

Hit Save (with autosave running in the background) and then Publish. Every save stores editable project JSON and compiled HTML — so your page is always portable. Learn why in Storage & no lock-in.

5. Choose how it renders

Each page can render inside your theme's header/footer (theme mode) or as a blank full-bleed page (canvas mode). Set the default in Settings, override per page. See Rendering modes.

Next steps