1. Install the plugin in Strapi

npm install @wizestudio/plugin-strapi

Restart Strapi. The plugin registers itself, adds a WizeStudio entry to the admin sidebar, and creates the routes the editor talks to.

2. Install the renderer in your front end

npm install @wizestudio/renderer-react @wizestudio/schema

These are the packages that render your pages in production. They are MIT-licensed and contain no licensing code.

3. Register your widgets

A widget is an ordinary React component plus a manifest describing its props and slots. The manifest is data — the builder reads it, and never imports your component.

4. Render a layout

Fetch the layout document for a page and hand it to the renderer along with your component pack. That is the whole integration: the renderer walks the document and calls your components.

5. Point the editor at your site

Set your front-end URL in the plugin settings. The editor loads your real site in a canvas and drives it over a versioned message protocol, so what you arrange in the builder is exactly what your visitors get.

Licensing

Development hosts — localhost, .local, .test and private network addresses — never require a licence. To use the editor on a public domain, register that domain in your dashboard and paste the licence key into the plugin settings.