Components in Divi 5 let you reuse a design, update it from one saved source, and choose which content each use can change.

We’ll build three service cards for Brand Identity, Web Design, and Creative Direction. They share their spacing, image frames, typography, and button design, while each card has its own photo, title, description, and link.

We’ll save one card Group as a Component, then customize its connected copies. You’ll also learn how to reset local values, detach elements, and manage the saved source.

1 What Are Components In Divi 5? 1.1 The Evolution Of Global Elements

1.2 Components, Presets, And Variables

2 Understand Shared Settings And Local Content 2.1 Edit The Source To Change The Shared Component

2.2 Edit An Instance To Change Its Allowed Fields

2.3 Editable Fields Inherit Until You Override Them

3 Before You Start

4 Download And Import The Starter Layout

5 Download For Free

6 Prepare The Service-Card Example

7 How To Create And Use A Service Card Component 7.1 1.…