Overview
Divi Handoff lets you design page layouts in Divi Builder, then fill them with content using simple forms (ACF/SCF Fields). Instead of editing pages in the Divi Builder every time, you create the design once and let content editors add text, images, and other content through easy-to-use fields.
The Problem
You've built a beautiful website for your client in Divi. They're happy, you're happy. You give them access to edit text and images. A month later, you check back and the site is a mess. Your client has accidentally broken the design because they don't really know how to use Divi Builder.
Or maybe your client isn't technical at all. You tried teaching them WordPress, and that was hard enough. Now you need to teach them Divi Builder? That's going to be painful for everyone.
The Solution
Divi Handoff solves this problem. You build the site in Divi Builder and give your client access to ACF (or SCF) fields only. They can't mess up the design you so carefully created. Instead, they get:
- Simple forms to fill in — Just text boxes, image uploads, and dropdowns
- Flexibility to create pages — They can choose from premade sections you've designed and arrange them however they want
- Control over what they can edit — You decide what they can change (text, images, colors, etc.) and what stays locked
No more coming back to find your beautiful creation destroyed. Your design stays safe while your clients can still update content easily.
Introduction
Divi Handoff is perfect if you want to:
- Design once, use many times — Build a beautiful layout in Divi Builder, then reuse it on multiple pages with different content
- Let clients edit content easily — Give content editors simple forms to fill in, without them needing to use the Divi Builder
- Create flexible pages — Let editors choose which sections to add to each page and arrange them however they want
Here's how it works: You design layouts in Divi Builder and connect them to content fields. When someone adds content to those fields, Divi Handoff automatically puts that content into your designed layout.
Key Capabilities
- Connect fields to layouts — Link content fields (like title, description, image) to your Divi layouts so content appears automatically
- Multiple layout options — Create different visual styles for the same type of content, letting editors pick which style they prefer
- Easy content editing — Use special Handoff modules that automatically pull content from fields, so you don't have to set it up manually each time
- Show or hide content — Display certain sections only when needed (like showing a "Featured" badge only when that option is checked)
- Change backgrounds — Set section or module backgrounds using images or colors from your content fields
- Control page elements — Show or hide headers, footers, and sidebars on individual pages
Prerequisites
Before installing Divi Handoff, ensure you have:
- Divi 5 (Divi Theme) — Divi 4 and the Extra theme are not supported
- WordPress 6.4 or higher
- One of the following field plugins:
- Secure Custom Fields (SCF) — Free, includes Flexible Content
- Advanced Custom Fields Pro (ACF Pro) — Paid, includes Flexible Content
The free version of ACF does not include Flexible Content and is not supported. Use SCF (free) or ACF Pro.
Quick Links
Get started quickly with these guides:
- Quick Start Guide — Build your first page with Divi Handoff in minutes
- Feature Overview — See everything Divi Handoff can do
- Creating Handoff Layouts — Learn how to design reusable layouts
Common Tasks
| Task | Guide |
|---|---|
| Set up SCF fields | Creating SCF Field Groups |
| Set up ACF Pro fields | Creating ACF Field Groups |
| Show repeating content | Handoff Repeater Module |
How It Works
Divi Handoff works in three simple steps:
1. Create Your Content Fields
Set up fields in SCF or ACF Pro where editors will enter content. Think of these as forms with boxes for title, description, image, and other content. You can create different types of content blocks (like a Hero section, Team Member card, or Testimonial).
2. Design Your Layouts
Build your page designs in Divi Builder using Divi Handoff Layouts. These are special templates where you connect your design to the content fields you created. When content is added to those fields, it automatically appears in your design.
3. Build Pages
On any page, editors can add content blocks and fill in the fields. When you enable Divi Handoff on that page, it automatically displays the content using your designed layout.
Try the Demo
Divi Handoff includes sample content you can import to see how everything works. This creates example fields, layouts, and a demo page so you can explore the plugin before building your own.
Find the demo importer in Settings → Divi Handoff.
What's Next
- Installation Guide — Install and activate the plugin
- Quick Start Guide — Build your first page with Divi Handoff
- Core Concepts — Learn how layouts connect to content fields