Documentation

Getting started

From zero to a working AI studio on your WordPress site in about five minutes.

StudioUI gold pig mascot holding the daily news

Quick start: Download → Upload → Activate → visit /connect → paste code → done.

Download now

0 Requirements

  • A self-hosted WordPress site (5.x or newer, PHP 7.4+).
  • Ability to upload a plugin (admin access).
  • That's it for the Free tier — no API keys, no GPU required.

1 Install the plugin

  1. Download the StudioUI plugin (studioui.zip).
  2. In WordPress, go to Plugins → Add New → Upload Plugin and choose the zip.
  3. Click Install Now, then Activate.

On activation StudioUI automatically creates a Studio page with a fullscreen template, so you have a working app immediately.

2 Connect hosted compute

The fastest way to start — no keys, no hardware.

  1. Open studioui.ai/connect, sign in, and copy your one-time connect code.
  2. In your site, go to StudioUI → Settings → Hosted compute.
  3. Click Connect this site, paste the code, and save.

Your site now generates on StudioUI's GPUs, billed against your credit balance. Top up credits any time from the store.

3 Go Pro — your keys, your hardware

Pro ($149/yr) removes all per-generation fees on your own infrastructure and unlocks the full model catalog. One plan covers everything: bring your own API keys, connect your own ComfyUI / LM Studio, or both. See pricing →

  • API keys: Settings → API Keys — add OpenAI, FLUX/BFL, fal.ai, Groq, Mistral, DeepSeek keys (one or many per provider for failover).
  • Self-host: Settings → Self-Hosting — point at a local or LAN ComfyUI URL and LM Studio URL for fully private generation.
Already purchased? Activate your licence at StudioUI → Settings → Licence.

Unrestricted generation is available only on self-hosted Pro setups using your own hardware, and is your responsibility under the Acceptable Use Policy.

4 Embed the studio anywhere

Use the shortcode on any page or post:

[studioui_studio]

For a full-screen experience, assign the page the StudioUI Fullscreen template (the auto-created Studio page already uses it). Gate the page with any membership plugin to make it members-only.

5 Set your prices

  1. Go to Settings → Billing & Credits and switch billing mode to credits.
  2. Set the credit cost per medium and add Stripe keys to sell top-up packs.
  3. Add the pricing page shortcode where members buy credits:
[studioui_credits]

Your margin is the gap between the retail price you charge members and the wholesale cost of hosted credits (or your own key/GPU cost). The Reports tab tracks it for you.

Buy 1,000 credits wholesale$10.00
Sell at $20 retail to your members$20.00
Gross margin on 1,000 images$10.00

6 Gateway API (advanced)

For custom integrations

Connected sites talk to the hub over a simple REST gateway using a bearer token:

# generate
POST https://studioui.ai/wp-json/studioui/v1/gateway/generate
Authorization: Bearer sk_su_…

# check a job
GET https://studioui.ai/wp-json/studioui/v1/gateway/result/{job_id}

# balance & status
GET https://studioui.ai/wp-json/studioui/v1/gateway/balance
GET https://studioui.ai/wp-json/studioui/v1/gateway/status

The plugin handles all of this automatically — you only need the API directly if you're building on top of StudioUI.

Ready to build?

Grab the plugin and connect your first site.