Overview

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, gradients, and (on Pro) size variables — not random hex values.
• Manage the page after. Ask Claude to create drafts, delete pages (safely — see below), and on Pro, edit your colors, variables, presets, and Theme Builder templates.
• Works on free Claude accounts. A free claude.ai account can add the connector and build pages.

Requirements #

Table of contents #

1. Installation & Activation — install the plugin, activate, and find your settings.
2. Connecting Claude — add the connector to claude.ai, Claude Desktop, or Claude Code (plus local-site tunnels).
3. Building Pages — how to actually use it: example prompts, building, deleting safely.
4. Free vs Professional — what each plan unlocks, pricing, and how to upgrade.
5. Security & API Keys — how the connector key works, regenerating it, multi-site.
6. Troubleshooting & FAQ — common issues and answers.

The 3-step summary #

1. Install & activate Divi Connect, then open Settings → Divi Connect.
2. Copy your MCP connector URL and add it to Claude as a custom connector.
3. 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.