Table of Contents
Build Divi 5 pages by chatting with your AI.
Divi Connect links your AI app — Claude (claude.ai, Claude Desktop, Claude Code), ChatGPT, Codex, Gemini CLI, Antigravity, or any other app that speaks MCP — to your Divi 5 website through a secure connector. Your AI reads your site’s real design system — your global colors, spacing/size variables, gradients, and module presets — then designs and publishes on-brand Divi pages live, straight from the conversation. No copy-pasting JSON, no leaving the chat.
What you can do #
- Describe a page, get a real Divi page. “Build me a services page with three pricing cards and a call-to-action.” Your AI plans it, builds it with your tokens, and publishes it.
- Stay on-brand automatically. Your AI uses your colors (including Divi’s five core brand colors), gradients, and (on Pro) size variables — not random hex values.
- Edit in place. Change a single module on an existing page, post, or Portfolio project — “make the hero heading bigger” — without rebuilding it.
- Manage the page after. Ask for drafts, delete pages (safely — see below), and on Pro, edit — or delete/clear — your colors, variables, presets, and Theme Builder templates.
- Everything in one dashboard. A single tabbed Divi Connect admin screen (with a light/dark toggle) for your design system, presets, layouts, connection, history, settings and more.
- Works on free AI accounts. A free claude.ai account can add the connector and build pages.
Requirements #
| Requirement | Minimum |
|---|---|
| Divi builder | Divi 5.7 or later (Divi 5 only — not the Divi 4 / legacy builder) |
| WordPress | 6.5+ |
| PHP | 8.0+ |
| An AI app | Claude (a free claude.ai account works), ChatGPT, Codex, Gemini CLI, Antigravity, or any other MCP app |
| Site reachability | Apps that connect from their own servers (claude.ai, Claude Desktop, ChatGPT) need a public HTTPS site; a local site works with a tunnel, or with an app that runs on your computer, such as Claude Code — see Local sites & tunnels |
Table of contents #
- Getting Started — from install to your first page in a few minutes.
- Installation & Activation — install the plugin, activate, and find your settings.
- Connecting Claude — add the connector to claude.ai, Claude Desktop, or Claude Code (plus local-site tunnels).
– Connecting ChatGPT & other AI apps — ChatGPT, Codex, Gemini CLI, Antigravity, Cursor and any other MCP app. - Building Pages — how to actually use it: example prompts, building, deleting safely.
- Free vs Professional — what each plan unlocks, pricing, and how to upgrade.
- Security & API Keys — how sign-in and the connector key work, ending a connection, multi-site.
- Troubleshooting & FAQ — common issues and answers.
The 3-step summary #
- Install & activate Divi Connect, then open Divi Connect → Connection.
- Pick your AI app and follow the steps on that screen — sign in with WordPress (OAuth), or use the connector key.
- Ask your AI to build a page — it reads your design system and publishes to your site.
Made by Divi Love. Divi Connect is not affiliated with Elegant Themes; “Divi” is a trademark of Elegant Themes, Inc.
