← 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+.
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.
📷 Screenshot needed: WordPress Plugins → Add New → Upload Plugin screen with the Divi Connect ZIP selected. (See images/SCREENSHOTS-NEEDED.md.)
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.
📷 Screenshot needed: The Freemius activation / opt-in screen shown right after activating.
Step 3 — Open the settings page #
Go to Settings → Divi Connect (under the WordPress Settings menu).
This one page 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. |
| Active endpoints | A reference table of everything Claude can do; [Pro] items need Professional. |
| 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 →
