← Back to Home · Next: Connecting Claude →
Before you start #
Make sure your site is running Divi 5.7 or later (the Divi 5 builder). Divi Connect does not work with the Divi 4 / legacy builder. You also need WordPress 6.0+ and PHP 8.0+.
One install, not two. Divi Connect gives Claude the tools to build on your site, and the free Divi 5 Skill — which teaches Claude how to write valid, on-brand Divi 5 — is built into the connector. Claude loads it automatically when it connects, and it always matches your plugin version, so there is nothing extra to install. (The Skill is also published on its own as a free, open-source download; that’s optional, and only useful if you want it in your Claude client for work outside this plugin.)
Step 1 — Install the plugin #
You can install Divi Connect like any WordPress plugin.
Option A — Upload the ZIP (most common):
- In WordPress admin, go to Plugins → Add New → Upload Plugin.
- Choose
divi-connect.zipand click Install Now. - Click Activate Plugin.
Option B — Manual upload via FTP/SFTP:
- Unzip the plugin.
- Upload the
divi-connectfolder to/wp-content/plugins/. - In WordPress admin, go to Plugins, find Divi Connect, and click Activate.
Step 2 — Complete activation (license opt-in) #
The first time you activate, Divi Connect shows a quick activation screen (powered by Freemius, our licensing provider). You can:
- Allow & Continue — connects your account, enables update notifications and (if you have one) your Pro license.
- Skip — the plugin still works on the Free plan; you just won’t get account features until you connect later.
You don’t need a license to use the Free features. If you bought Divi Connect Professional, activating with the email you purchased with unlocks the Pro features automatically.
Step 3 — Open the Divi Connect dashboard #
After activating, Divi Connect appears as its own top-level menu in the WordPress admin sidebar. Click it to open the dashboard — a single, tabbed console for everything the plugin does. A light/dark toggle (top-right) remembers your choice.
The tabs across the dashboard are:
| Tab | What it’s for |
|---|---|
| Overview | The landing page — connection status, plan, quick stats and shortcuts. |
| Connection | Everything you need to connect Claude (see the table below). Start here to wire Claude up. |
| Troubleshoot | A built-in connection self-test and fixes if something won’t connect. |
| History & Activity | Snapshots of every change (with Restore) plus a full activity log of who changed what. |
| Memory | Site conventions Claude remembers between sessions (Pro). |
| Settings | Optional safety switches for how careful Claude should be (see Building Pages). |
| Endpoints | A reference of everything Claude can do; [Pro] items need Professional. |
| Account | Your licence, plan and billing (opens the Freemius account screen). |
Open the Connection tab — it has everything you need to connect Claude:
| Section | What it’s for |
|---|---|
| MCP connector URL | The single URL you paste into claude.ai / Claude Desktop / Claude Code as a custom connector. This is the main thing you need. |
| API Key | The secret key (also embedded in the MCP URL). Used directly when working from a terminal with curl. |
| Base URL | The REST API root, e.g. https://yoursite.com/wp-json/divi-connect/v1. |
| Quick connect | A one-line prompt you can paste into any Claude chat to connect and start building. |
| Full instructions | A longer prompt with the complete endpoint reference — useful the first time. |
| Quick test | A curl command to verify the connection works. |
Next, head to Connecting Claude to wire it up.
Verifying the install #
Want to confirm the API is live before connecting Claude? Copy the Quick test command from the settings page and run it in a terminal:
curl -s -H "X-Divi-Connect-Key: YOUR_KEY" \
"https://yoursite.com/wp-json/divi-connect/v1/design-system" | python -m json.tool
A JSON response listing your colors, variables, and presets means everything is working.
← Back to Home · Next: Connecting Claude →
