Display Source Code the Right Way

The Code Snippet Module adds a dedicated code display block to the Divi Builder, so you can drop clean, readable source code snippets straight into your pages and posts — no shortcodes, no plugins fighting with your theme, just a native Divi module you build with visually.

Automatic Syntax Highlighting

The module automatically detects the programming language you’re displaying and applies proper syntax highlighting, with the option to manually override the detected language if needed. A wide range of programming and markup languages is supported, so whatever you’re documenting — from front-end code to server scripts — it will be color-coded and easy to follow.

Choose Your Look

Pick from a large selection of pre-designed color schemes to match your site’s style, or lean on Divi’s own design settings to fine-tune fonts, spacing, and colors even further.

Built-In Formatting Controls

• Line numbers — toggle them on for easier reference in tutorials
• Tab width control — keep indentation consistent
• Copy-to-clipboard button — let visitors grab your code in one click
• Custom CSS support — for full control when you need it

Fits Right Into Your Workflow

Works with Divi, Extra, and the Divi Builder plugin, and is fully compatible with the Visual Builder. It also integrates with Supreme AI Writer, so AI-generated code can be displayed with the same clean formatting.

Note: this module is meant for displaying source code — for example in tutorials or documentation. If you need to actually run PHP and show its output, that’s a different tool.