A brief becomes a real page.Build with Divi 5
Create a Divi draft and scope a Theme Builder layout deliberately.
Video coming soon
Your next step is ready.
Follow the complete written guide below.
The video will join it here when it’s ready.
Before you start
- EMCP Pro and a verified AI connection.
- Active Divi 5.13.x theme; Divi 4 content is outside this workflow.
- A practice site and a draft page.
Let’s do this, step by step.
Step 01
Select and save the builder
Open Setup → Page Builders. Select Divi under 1. Standalone builder. Choose Save changes. A Not detected card lists missing requirements.
Start with the required plugin or theme active. Select this builder and click Save changes. This does not convert existing content.
Step 02
Enable the actions and reconnect
Open Setup → Tools → Divi. Inspect read and write switches; enable the actions needed for this practice task, then Save changes and reconnect your AI app.
Open this integration’s Tools tab. Check both read and write actions; Pro read tools can also start off on a fresh install. Save your choices and reconnect the app so it reads the updated list.
Step 03
Inspect before building
Ask the AI to read Divi 5's context, supported element controls, and existing design settings.
Ask what this installed version can actually edit. Seeing an element in the catalog does not always mean EMCP can create or change it.
Step 04
Build the page draft
Create one Divi 5 draft and add native modules with their installed controls.
Use the current Divi 5 format. This workflow does not convert an older Divi 4 layout.
Step 05
Prepare a footer layout
Create an unattached footer layout and build its content. Inspect existing Theme Builder assignments.
Prepare the content before changing where it appears. Keep the site's default template and header intact.
Step 06
Assign only after review
Create a disabled non-default template, attach the footer, inspect available conditions, and scope it to the intended page before enabling.
Check the include and exclude rules before enabling the template. A template assignment can affect more than one page.
Step 07
Review theme settings separately
Read supported Theme Options; if a change is needed, preview only that change and use its latest settings version.
Page content, template assignments, and theme options are separate tasks. Keep each change deliberate so you can verify its effect.
Step 08
Read back and preview
Read the saved page again. Open the native editor, then inspect the frontend at desktop and phone widths.
Check the saved content, editing controls, images, and links. If a newer edit is detected, read it before trying again. A save response alone does not prove the page looks right.
You’re done when…
The Divi 5 result remains natively editable and the intended save/publication state is verified.
Keep the reference handy.
The docs cover tool details and requirements for this lesson.
You only need the guide for the app or builder you use. Ready to build? Try an Elementor draft or use Gutenberg.