Skip to main content

Page Setup

Setting up a page with Divi Handoff involves three main components: creating your field structure, building visual layouts, and configuring your pages.

The Three-Step Setup​

StepWhat You CreatePurpose
1Field GroupsDefine the data structure (fields and layouts)
2Handoff LayoutsBuild the visual template in Divi
3Page ConfigurationConnect content to layouts on each page

Setup Guides​

1. Create Field Groups​

Choose your custom fields plugin and follow the appropriate guide:

Which Should I Use?

SCF (Secure Custom Fields) is recommended for most users. It's free and includes Flexible Content functionality. ACF Pro is a good choice if you already have a license or need ACF-specific features.

2. Create Divi Handoff Layouts​

Once your field groups are ready, create the visual layouts:

3. Configure Pages​

After creating layouts, configure your pages:

  • Enable Divi Handoff on the page
  • Select which Handoff Layout to use for each Flexible Content row
  • Configure header, footer, and sidebar visibility

See Page Settings Reference for all page-level options.

Quick Setup Workflow​

1. SCF/ACF: Create Field Group
└── Add Flexible Content field
└── Create Layout (e.g., "Hero Section")
└── Add sub-fields (title, image, description)

2. Divi Handoff Layouts: Create Layout
└── Map to "Hero Section" layout
└── Build visual design with Handoff modules
└── Publish

3. Page: Create/Edit Page
└── Add Flexible Content row
└── Select "Hero Section" layout
└── Fill in field values
└── Enable Divi Handoff
└── Choose Handoff Layout
└── Publish

What's Next​