← 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.5+ and PHP 8.0+.
One install, not two. Divi Connect gives your AI the tools to build on your site, and the free Divi 5 Skill — which teaches it how to write valid, on-brand Divi 5 — is built into the connector. Your AI 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 AI app 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 menu in the WordPress admin sidebar. A Theme button (top-right) switches the dashboard between light and dark and remembers your choice.
The menu has seven items, each with one job:
| Menu item | What it’s for |
|---|---|
| Home | Your next step, what is on your site now (colours, readability, older pages, presets) and your recent changes. Anything that needs a look shows here first. |
| Connect AI | Pick your AI app and follow its steps. Also shows who is connected now and what your AI should know (Memory). Start here. |
| Design | Your colours, sizes and fonts, in five tabs: Overview, Your choices, Colours & sizes, Health and History. |
| Library | Ready-made Layouts to drop into a page, and ready-made Presets for buttons, cards, headings and more. |
| History & Activity | Copies of your pages before each change (preview and restore), your design’s history, and an activity log of who changed what. |
| Integrations | Connect the tools you design in, such as Figma (Pro). |
| Help & settings | Help (check the connection, common problems, contact support), Settings (how your AI builds and changes pages) and For developers (the API and a terminal test). |
| Account | Your licence, plan and billing. |
Open Connect AI. Under Which AI are you using?, pick your app — Claude, Claude Code, ChatGPT, Codex, Gemini CLI or any MCP app — and the exact steps for it appear below, with the values to copy. You can connect as many apps as you like.
Next, head to Connecting Claude or Connecting ChatGPT & other AI apps for the full walkthrough.
Verifying the install #
Want to confirm the connector answers before you connect your AI? Go to Help & settings → Help and press Run connection test under Check the connection. It checks the connector from your own site and says what it found; it takes 15 to 30 seconds.
From a terminal, you can also ask for your design system directly. Help & settings → For developers has this command ready to copy, with your key filled in:
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 →
