Studio — declarations generator

The ShopiMind Studio is a visual generator: it produces the JSON for your config_schema (the installation form) and your widgets, with a live preview of the wizard on the merchant side. Handy for prototyping without writing the JSON by hand.

Open the Studio ↗

What it generates

• config_schema — your installation form: simple fields or a multi-step wizard (with on_complete: test_connection), field types, static or dynamic options, default values, grouping.
• Widgets — image and html declarations (render_mode: static): targets, fields (config_schema), {var=…} variables, translations, options, grouping into tabs.

How to use it

1. Build your configuration and/or your widgets in the Studio.
2. Copy the exported JSON.
3. Paste it into your defineIntegration — the config_schema into the configSchema field, the widgets into the widgets array:

export const myIntegration = defineIntegration({
  slug: 'my-app',
  meta: { name: 'My App', version: '1.0.0' },
  configSchema: { /* ← paste the generated config_schema */ },
  widgets: [ /* ← paste the generated widgets */ ],
  parseSettings: (raw) => ({ /* … */ }),
  testConnection: async (ctx) => true,
  syncSteps: [],
});

The Studio does not replace your code: it produces declarations that you integrate into your integration. It is then the manifest (generated from your defineIntegration) that is sent to ShopiMind for registration.

Field reference

The details of each field are documented in Configuration and Widgets.

Going further

• Configuration — the full config_schema contract.
• Widgets — declaring widgets.
• The integration kit — where you'll paste your declarations.