JHMG Converter For Elementor to Divi 5

by lucaslopvet

Description

Convert Elementor-built pages and templates into native Divi 5 blocks with precision and ease. Upload an Elementor page JSON export and the plugin creates a converted page directly in your WordPress site — no live Elementor installation required on the destination. (Full Kit ZIP import for whole-site migrations is available in the Pro add-on.)

Version 2.0 is a full rewrite targeting Divi 5’s native block format, not legacy shortcodes. All conversion happens from the exported file, so your live Elementor site is never touched.

Free vs Pro

Free — Convert single pages at no cost:

Upload any Elementor page JSON export
Get a fully converted Divi 5 page instantly
Full layout, content, and style preservation
Core Elementor widgets and most popular addons supported
No Elementor required on the destination site
Unlimited conversions — one page at a time
140+ widget mappings and a detailed per-page conversion report

Pro add-on — The full migration toolkit:

The Pro add-on is a separate plugin, purchased and installed alongside this one, that unlocks:

Full Kit import (ZIP): upload your Elementor Export Kit and convert every page in one batch
Global Header: upload a single Elementor header template JSON and register it directly as a Divi Theme Builder global header
Global Footer: upload a single Elementor footer template JSON and register it directly as a Divi Theme Builder global footer
Global styles: extract your kit’s exact colors and typography and apply them across all conversions
Priority support and regular updates

Get the Pro add-on at divi5lab.com/plugins/elementor-to-divi-5.

Why Choose This Converter

No Elementor Required on Destination: Convert from an exported file — Elementor does not need to be active on the target site
Divi 5 Native Output: Pages are written in the Divi 5 block format, not legacy shortcodes
Theme Builder Headers & Footers (Pro add-on): Elementor header and footer templates become Divi Theme Builder global layouts — not just regular pages
Bulk Import (Pro add-on): Convert an entire Elementor Kit ZIP in one upload
Global Styles (Pro add-on): Colors and typography from your kit are preserved and applied to every conversion
Save Countless Hours: Avoid manually rebuilding pages from scratch
Precision Mapping: Accurate widget-by-widget conversion from Elementor to Divi 5

Theme Builder: Headers & Footers (Pro add-on)

The Pro add-on brings your Elementor header and footer templates directly into the Divi Theme Builder — two ways:

From a Kit ZIP: when running a kit page conversion, the converter detects header and footer templates and registers them in the Divi Theme Builder automatically.

From a single JSON file: upload a header or footer template JSON directly and it’s created as a Divi Theme Builder layout immediately, ready to configure.

After importing, go to Divi Theme Builder in the WordPress admin to:

Set display conditions (e.g. show on all pages, or specific post types)
Enable the header or footer to go live across your site
Edit the converted design directly in the Divi 5 visual builder

Complete Migration: Step by Step

For a single page (Free):

In Elementor, export the page: Page Export Template download the JSON
Install and activate this plugin on your Divi 5 site
Go to Tools Elementor Divi 5 in the WordPress admin
Upload the JSON file and click Convert Now
Review the converted draft in Divi Builder, then publish when ready

For a full site (Pro add-on):

Whole-site migration — kit ZIP import, global header/footer conversion, and global style extraction — requires the separate Pro add-on. Purchase and install it alongside this free plugin, then follow its own setup guide to import your Elementor kit and register your header and footer in the Divi Theme Builder.

Supported Elementor Components

The plugin supports conversion of these essential Elementor elements:

Layout Structures: Sections, columns, inner sections, containers
Basic Elements: Heading, text editor, image, video, button, spacer, divider
Media Elements: Image galleries, carousels, audio players
Advanced Components: Tabs, accordions, testimonials, pricing tables
Interactive Elements: Maps, icons, counters, progress bars, forms
Dynamic Content: Posts, social media feeds, sidebars

Elementor Addon Plugin Support

The converter includes specialized handlers for the most popular Elementor addon plugins — not just the core widgets.

Essential Addons for Elementor (EAEL)

One of the most widely used addon suites is fully covered, including: advanced accordion, advanced tabs, countdown timer, team member, testimonial, info box, flip box, pricing table, post grid, creative button, call-to-action box, filterable gallery, progress bar, fancy text, content ticker, data table, tooltip, image accordion, login/register, event calendar, post timeline, and more. Form widgets (Contact Form 7, WPForms, Gravity Forms, Ninja Forms, Fluent Forms) are converted to their shortcode equivalents. WooCommerce product widgets are also handled.

Header Footer Elementor (HFE)

HFE widgets used in header and footer templates are converted to their Divi equivalents: site logo, site title, site tagline, navigation menu, copyright, page title, search, breadcrumbs, counter, post info, info card, and basic posts.

ElementsKit

ElementsKit widgets are converted where a Divi equivalent exists: testimonial, heading, video, dual button, and accordion.

Premium Addons for Elementor

The Premium Addons blog listing widget is converted to the Divi Blog module, preserving post count, excerpt length, pagination, and read more settings.

Additional Notes

This plugin is specifically designed for migrating content from Elementor to Divi 5. It provides a bridge between these two popular page builders to facilitate website migrations or design system changes.

For best results, convert simpler pages first to familiarise yourself with the conversion patterns and any adjustments that may be needed before tackling complex layouts.

Installation

Upload the plugin files to the /wp-content/plugins/jhmg-converter-for-elementor-to-divi directory, or install the plugin through the WordPress plugins screen
Activate the plugin through the Plugins screen in WordPress
Go to Tools Elementor Divi 5 in the WordPress admin to begin converting

Screenshots

Migration dashboard — landing page showing the free single-page importer and a link to the Pro add-on

Faq

Do I need Elementor installed on the destination site?

No. The converter works from the exported file directly. You only need Divi 5 installed on the destination site.

What is free and what requires the Pro add-on?

Free: convert single Elementor pages via JSON — unlimited, one page at a time.

Pro add-on (a separate plugin — divi5lab.com/plugins/elementor-to-divi-5): import full Elementor Kit ZIPs to convert entire sites in one batch; upload a header template JSON to set it as a Divi Theme Builder global header; upload a footer template JSON to set it as a Divi Theme Builder global footer; extract and apply global colors and typography from your kit.

What’s the conversion accuracy rate?

Most standard layouts convert with 85–95% accuracy. Complex or custom-coded Elementor pages may require some manual adjustments in Divi Builder.

Will I lose any content during conversion?

The plugin preserves all text, images, videos, and basic styling. Some advanced Elementor-specific animations or effects might need recreation in Divi 5.

Will this affect my live Elementor pages?

No. The plugin works from an exported file and creates new posts. Your original Elementor pages remain untouched.

What about custom CSS from Elementor?

Basic inline styles are converted. Custom CSS classes and complex styling may need manual recreation in Divi 5 after conversion.

Can I convert my entire site at once?

Yes, with the Pro add-on. Export a full Elementor Kit ZIP and upload it there — Pro converts all pages in the ZIP in one batch. You can then separately upload your header and footer JSON templates to register them in the Divi Theme Builder.

Where do my converted header and footer templates end up?

With the Pro add-on, they are created directly inside the Divi Theme Builder — not as regular pages. After importing, go to Divi Theme Builder in your WordPress admin. Set display conditions (e.g. “All Pages”) and save the Theme Builder to make them live across your site.

What if something doesn’t convert properly?

Unsupported elements are listed in the conversion report shown after each import, so you know exactly what to manually recreate.

What changed from version 1.x?

Version 2.0 is a full rewrite. The key differences are: Divi 5 block output (not legacy shortcodes) and file-based import (no live Elementor required). Batch Kit ZIP import is available via the separate Pro add-on. If you are still using Divi 4, continue using version 1.1.

Reviews

Wow

By Xavoo on February 2, 2026

What a time saving plugin !

Had to transfer a whole website, and I just discovered this way too late !

Adding articles, and not just pages would be just awesome, thanks for your work !

Changelog

2.1.0

Premium features (kit ZIP import, Theme Builder headers/footers, global styles) now live in the separate Pro add-on, available at https://divi5lab.com/plugins/elementor-to-divi-5
New: extension hooks for companion plugins (edc_loaded, edc_kit_globals, edc_theme_builder_exporter, edc_pro_active)
The in-plugin “premium preview” toggle has been removed

2.0.0

Full rewrite targeting Divi 5 native block format
New file-based import workflow — no live Elementor plugin required on the destination site
Free: unlimited single-page JSON conversion
Premium: bulk import from Elementor Kit ZIP files
Premium: dedicated header template upload — set a JSON header as a Divi Theme Builder global header
Premium: dedicated footer template upload — set a JSON footer as a Divi Theme Builder global footer
Premium: Global Kit tab extracts and applies colors and typography from your Elementor kit
Support for Essential Addons for Elementor (EAEL) widget set
Support for Header Footer Elementor (HFE) widget set
Detailed per-page conversion report showing converted elements, warnings, and unsupported widgets

1.1

Improved background color handling to properly apply colors to sections
Enhanced color extraction from Elementor global colors
Changed default fallback color from white to transparent for better layout fidelity
Improved placeholder text for heading and text modules with more realistic content
Updated container and section processing for more accurate layout conversion
Enhanced style processing to maintain visual consistency between Elementor and Divi

1.0

Initial release with support for core Elementor widgets
ElementsKit integration for specialized widget conversion
Divi JSON export functionality
Migration statistics dashboard
Detailed conversion logging