You built a header, a services section or a whole page you like on one Divi site, and now you want it on another. Divi gives you several ways to do it. Which one is right depends on what you’re moving and how many pieces there are.
1. A single page or section: the Divi Library
For one layout, the Divi Library is the simplest route.
- On the source site, open the page in the Divi Builder and save it (or the section you want) to the Library.
- Go to Divi > Divi Library, use the Library’s export (portability) option and download the JSON file.
- On the destination site, open Divi > Divi Library, import the JSON file, then load the layout into a page from the builder.
The same portability export also exists inside the builder for a single page, so you can export straight from the page you’re editing.
2. Headers, footers and post templates: the Theme Builder
Theme Builder templates are exported separately. Open Divi > Theme Builder, use its portability (export) option, and import the file on the other site. Check each template’s assignment afterwards (which pages, posts or categories it applies to), because the destination site’s pages and categories are different.
3. Presets and global colors: check before you blame the layout
The most common “it looks different on the new site” problem isn’t the layout. It’s the styles behind it. If a module uses a preset or a global color that doesn’t exist on the destination site, it falls back to other styles. Before you import, decide whether the destination should get the source site’s presets and global colors too, and bring them across on purpose.
4. Links and images point back to the old site
After any import, click through the copied pages. Buttons, menus and images can still point to the old domain. Fix those links on the new site, and make sure images were actually copied into the destination’s Media Library rather than loading from the old site.
5. Moving a whole set at once
When you’re moving many pieces together (pages, Library items, Theme Builder templates and presets), doing it as separate exports gets slow and it’s easy to miss one. That’s the job we built Divi Box & Ship for. It packages all of those groups into one box on the source site. On the destination site you choose, for each item, whether to copy it alongside what’s there, replace the existing version, or skip anything that already exists. Links are updated to suit the destination site, and it saves a JSON backup of anything it will overwrite.
A Divi 4 box can land on a Divi 4 or Divi 5 site. A Divi 5 box needs a Divi 5 site. The Box & Ship user guide walks through it step by step.
Quick checklist
- Same Divi major version on both sites (or moving Divi 4 to Divi 5, not the other way)
- Presets and global colors moved on purpose
- Theme Builder assignments checked
- Links and images checked on the new site
- A backup of the destination site before importing anything that replaces content
Disclosure: suweb.ai is made by SU Web Agency, and we make the plugins mentioned here. Everything above works without them.