Divi Optimizer Documentation

Installation & Activation

Installing Divi Optimizer is effortless. The plugin works seamlessly with both Divi 5 (React Alpha/Beta/Public) and classic Divi 4.x.

Option 1: Upload via WordPress Admin

1. Log in to your WordPress Dashboard and navigate to Plugins → Add New.
2. Click Upload Plugin at the top of the screen.
3. Choose divi-optimizer.zip from your computer and click Install Now.
4. Click Activate Plugin.

Option 2: Install via WP-CLI

wp plugin install divi-optimizer.zip --activate

Divi 5 Setup & Architecture

Divi Optimizer was engineered from the ground up for Divi 5's new React architecture. Unlike legacy plugins that inject heavy jQuery into the Visual Builder, Divi Optimizer registers native Divi 5 modules using the official dependency tree API.

Verifying Divi 5 Registration

When you open any page in Divi 5 Visual Builder, click the Add Module (+) button. You will find all 75+ modules organized into native categories like Typography, Media, Marketing, and Design 3D.

Cloudflare R2 Media Offload Setup

Offload your entire WordPress media library (`wp-content/uploads`) directly to Cloudflare R2 object storage. Save 90% server disk space and eliminate bandwidth egress fees.

Step 1: Obtain Cloudflare R2 Credentials

• Log in to your Cloudflare Dashboard and select R2 from the left menu.
• Click Create Bucket (e.g. my-divi-media).
• Under Manage R2 API Tokens, click Create API Token with Object Read & Write permissions.
• Copy the Account ID, Access Key ID, and Secret Access Key.

Step 2: Connect in Divi Optimizer

Go to Divi Optimizer → Extensions → Cloudflare R2, paste your keys, and click Verify & Connect. Enable "Auto-Sync Media" to offload future uploads automatically.

Visual Popup Builder Guide

Create high-converting lead generation popups directly inside Divi Visual Builder without external third-party popup tools.

Available Trigger Options:

• Exit-Intent: Fires when user mouse moves towards the browser close button.
• Scroll Depth: Triggers after visitor scrolls 25%, 50%, or 75% down the page.
• Time Delay: Displays popup after a customizable interval (e.g., 5 seconds).
• Click Trigger: Attach to any Divi button or link via CSS class (e.g., .open-newsletter-popup).

Troubleshooting & FAQ

Q: Why do some modules not render when I am logged out?

Make sure you have cleared your Divi Static CSS Cache and server cache. In WordPress Admin, go to Divi → Theme Options → Builder → Advanced → Clear Static CSS File Generation.

Q: Can I disable modules I don't use to speed up my site?

Yes! In the Divi Optimizer Settings dashboard, you can toggle off any module with one click. When a module is turned off, zero lines of CSS or JavaScript are loaded on your frontend.