Table of Contents
Build Divi 5 pages by chatting with Claude AI.
Divi Connect links Claude AI (claude.ai, Claude Desktop, or Claude Code) to your Divi 5 website through a secure connector. Claude 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.” Claude plans it, builds it with your tokens, and publishes it.
- Stay on-brand automatically. Claude 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 Claude to create 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 connection, history, settings and more.
- Works on free Claude 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.0+ |
| PHP | 8.0+ |
| Claude | A claude.ai account (free works), Claude Desktop, or Claude Code |
| Site reachability | Public HTTPS site for claude.ai cloud; a local site works with a tunnel — see Local sites & tunnels |
Table of contents #
- 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).
- 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 the connector key works, regenerating it, multi-site.
- Troubleshooting & FAQ — common issues and answers.
The 3-step summary #
- Install & activate Divi Connect, then open Divi Connect → Connection.
- Copy your MCP connector URL and add it to Claude as a custom connector.
- Ask Claude 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.
