Custom code.
Visual editing.
Bring custom HTML, CSS, and JavaScript into Divi 5 and customize supported content visually — without going back to the code for every change.
<h2>Build Something Different.</h2>
<p>Your custom component inside Divi.</p>
<a href="#">Explore</a>
</section>
Build Something Different.
Your custom component inside Divi.
ExploreCustom code shouldn't mean
giving up visual editing.
Build unique components your way, then keep customizing them from inside Divi 5.
Build with AI
Create unique HTML, CSS and JavaScript components using your favorite AI coding assistant or write them yourself.
Bring it into Divi
Paste your custom component directly into OV Code Block and keep the structure you already built.
Edit it visually
Change supported text, images, colors, links, backgrounds and more without hunting through source code.
From code to visual
in seconds.
Select an editable property and see how custom code becomes manageable inside your visual workflow.
<img src="image.jpg">
<h3>Creative Component</h3>
<p>Designed with custom code.</p>
<a href="#">Discover</a>
</article>
Creative Component
Designed with custom code. Customized visually.
DiscoverSee OV Code Block
working inside Divi 5.
Select content in your custom-coded layout, edit supported values visually, and see the result directly inside the Divi 5 Visual Builder.
Edit what matters.
Keep your code intact.
OV Code Block detects supported elements and exposes practical controls for everyday customization.
Text & Headings
Edit supported text content directly without searching through your markup.
Colors & Backgrounds
Customize colors, backgrounds, borders and supported CSS values from an easier visual interface.
Images
Swap images and supported background media without rewriting HTML.
Links
Update button and link destinations visually.
More Controls
SVG fill, videos, poster images, iframes, CSS variables, hover states, tables and more.
AI writes the code.
OV Code Block makes it yours.
Use your preferred coding assistant to generate custom components, then bring them into Divi 5 and keep customizing supported content visually.
Static code becomes
dynamic.
Connect supported elements to WordPress, ACF, custom post types and taxonomies to build reusable coded templates.
<p></p>
<a href="">View location</a>
Modern Villa
$850,000
Ocean House
$1,250,000
City Loft
$475,000
Build product layouts
your way.
Combine your own HTML structure with dynamic WooCommerce product data inside Divi Theme Builder.
Use product fields, categories, tags, attributes and other supported data to create custom single-product experiences.
Creative Product
A custom WooCommerce product layout powered by your own HTML and dynamic product data.
Add to CartBuilt for Divi 5.
Not adapted to it.
OV Code Block was created for the new Divi 5 architecture and designed to feel at home inside the Visual Builder.
Native Divi 5 Module
Built specifically for the new Divi architecture.
Visual Builder
Customize supported content directly from your Divi workflow.
Theme Builder
Create reusable coded templates powered by dynamic content.
Responsive Ready
Use your components across modern Divi layouts and devices.
Custom components.
Still inside Divi.
From animated sections to interactive pricing and dynamic WooCommerce layouts — your custom code can remain part of your Divi workflow.
Build something
different.
Animated Hero
Custom HTML, CSS and JavaScript with visually editable content.
Interactive Pricing
Pricing cards, variants and custom JavaScript interactions.
Creative Product
$89.00Dynamic Product
WooCommerce data rendered inside your own custom structure.
Your code. Your design.
Now editable in Divi.
Bring custom HTML, CSS and JavaScript into a visual Divi 5 workflow — with dynamic content, ACF, WooCommerce and more.
This page itself is a live example of what OV Code Block can bring into Divi 5.