Elegant Themes

Divi 5

Getting Started

Learn how to install and activate Divi 5 on your WordPress site, from downloading the theme to turning on your license.

Install and Activate Divi 5

Install Divi 5 or Migrate from Divi 4 to Divi 5

Installation

Learn how to use Divi 5 Theme Options to control your site’s global settings, performance, tracking codes, and updates.

Divi 5 Theme Options

Learn how to set up your basic website design system in Divi 5 using the Theme Customizer for colors, fonts, and buttons.

Setting up the Basic Website Design System

Learn how to create a new page and build a complete layout with Divi 5 from scratch using the Visual Builder, step by step.

Create and Build a Page with Divi 5 from Scratch

Learn how to create a page in Divi 5 using a premade layout and customize it with your own text, images, and branding.

Create and Build a Page with Divi 5 using a Premade Layout

Learn how to use Theme Builder to customize your website’s header and footer in Divi 5 with global and page-level templates.

Use Theme Builder to Customize Your Website’s Header and Footer

Learn how to create a new website using a pre-made Starter Site in Divi 5 with Divi Quick Sites.

Create a New Website Using a Pre-Made Starter Site

Initial Site Setup

Get yourself familiarized with Divi 5's Visual Builder

Divi 5 Visual Builder

Learn how to use the Visual Builder interface in Divi 5 so you can move around, edit, and design your pages with confidence.

Divi 5 Visual Builder Interface

Learn how to use Divi 5 Visual Builder keyboard shortcuts to work faster and stay focused while you design your pages.

Divi 5 Visual Builder Keyboard Shortcuts

Learn how to use Divi 5 Visual Builder right-click contextual menus to work faster, copy styles, and manage your layouts.

Divi 5 Visual Builder Right-Click Contextual Menus

Learn how to use the Divi 5 Library to save, reuse, and manage layouts, sections, rows, and modules across your site.

Divi Library in Divi 5

Divi 5 Visual Builder Basics

Learn how to add, duplicate, and remove sections, rows, and modules in the Divi 5 Visual Builder.

Add, Duplicate, and Remove Elements in Divi 5 Visual Builder

Learn how to customize the Divi 5’s default breakpoints so your layouts look right on every screen size.

Customize the Divi 5's Default Breakpoints

Learn how to use the Responsive Editor in Divi 5 Visual Builder to quickly fine-tune your designs for all available breakpoints.

Responsive Editor in Divi 5 Visual Builder

Learn how to inspect element styles using the Divi 5 Style Inspector so you can see and edit all styles, content, and presets in one place.

Inspect Element Styles Using Divi 5 Style Inspector

Learn how to copy and paste elements and attributes in Divi 5 Visual Builder to reuse designs and keep styles consistent.

Copy/Paste Elements and Elements Attributes in Divi 5 Visual Builder

Learn how to find and replace attributes in Divi 5 Visual Builder to quickly update design values across your layouts.

Find and Replace Attributes in Divi 5 Visual Builder

Learn the Divi 5 Visual Builder's core concepts

Divi 5 Visual Builder Core Concepts

Learn how to use Global Variables in Divi 5 to control colors, fonts, spacing, and content from one place.

Global Variables in Divi 5

Learn how to use module presets in Divi 5 to build a reusable design system and style your site consistently.

Advanced Styling using Element Presets in Divi 5

Learn how to use Option Group Presets in Divi 5 to build consistent, reusable styles you can update in one place.

Advanced Styling using Option Group Presets in Divi 5

Learn how to use Dynamic Content in Divi 5 to pull real data from WordPress and custom fields into your designs automatically.

Advanced Content Management using Dynamic Content in Divi 5

Learn how to build custom loops in Divi 5 using Loop Builder to design dynamic lists of posts, products, and more.

Build Custom Loops using Loop Builder in Divi 5

Learn how to build custom templates with the Theme Builder in Divi 5 so your headers, footers, and page layouts stay consistent and automatic.

Build Custom Templates Using the Theme Builder in Divi 5

Learn about Divi 5 Visual Builder's advanced options 

Divi 5 Visual Builder Advanced Concepts

Learn how to use Divi's Accordion Module to organize content in collapsible sections for a cleaner, more user-friendly design.

The Divi Accordion Module (Divi 5)

Learn how to use Divi’s Audio Module to add music, podcasts, or voiceovers to your site with a sleek, customizable design.

The Divi Audio Module (Divi 5)

Learn how to use the Divi Bar Counters Module to showcase progress or stats with animated, customizable bar graphs.

The Divi Bar Counters Module (Divi 5)

Learn how to use the Divi Blog Module to display your posts dynamically with customizable layouts and styles.

The Divi Blog Module (Divi 5)

Learn how to use Divi's Blurb Module to combine text and visuals, creating engaging highlights for services, features, or key information.

The Divi Blurb Module (Divi 5)

Learn how to use the Divi Button Module to create customizable, attention-grabbing buttons that drive user engagement on your site.

The Divi Button Module (Divi 5)

Learn how to use the Divi Call to Action Module to create engaging prompts that drive user interaction and conversions.

The Divi Call to Action Module (Divi 5)

Learn how to use Divi's Circle Counter Module to display animated stats and data with lazy loading for an eye-catching, interactive design.

The Divi Circle Counter Module (Divi 5)

Learn how to use the Divi Code Module to add custom HTML, CSS, or JavaScript to your site for advanced functionality and design.

The Divi Code Module (Divi 5)

Learn how to use Divi's Comments Module to style and customize comment sections, boost engagement, and add them anywhere in your layout.

The Divi Comments Module (Divi 5)

Learn how to use Divi's Contact Form Module to create customizable forms with spam protection, allowing your visitors to reach you.

The Divi Contact Form Module (Divi 5)

Learn how to use Divi's Countdown Timer Module to create dynamic timers for events, launches, sales, or coming soon pages on your site.

The Divi Countdown Timer Module (Divi 5)

Learn how to use the Divider module to add visual separation in your page's design.

The Divi Divider Module (Divi 5)

Learn how to use the Divi Email Optin Module to grow your mailing list with customizable forms and seamless email integration.

The Divi Email Optin Module (Divi 5)

Learn how to use the Divi Filterable Portfolio to showcase and organize your projects with customizable filters and layouts.

The Divi Filterable Portfolio (Divi 5)

Learn how to use the Divi Gallery Module to display stunning image galleries with customizable layouts and features.

The Divi Gallery Module (Divi 5)

Learn how to showcase multiple modules in a sliding, scrollable format using the Divi Group Carousel module.

The Divi Group Carousel Module (Divi 5)

Learn how to use the Group module to group different modules and nested rows.

The Divi Group Module (Divi 5)

Learn how to use the Divi Heading Module to create impactful, customizable headings that enhance your site's design and readability.

The Divi Heading Module (Divi 5)

Learn how to use the Divi Fullwidth Header Module to create impactful headers with customizable text, images, and design options.

The Divi Hero Module (Divi 5)

Learn how to create custom bullet lists with icons in Divi using the Icon List module for clear, engaging content display.

The Divi Icon List Module (Divi 5)

Learn how to use the Divi Icon Module to add eye-catching icons to your site with customizable styles and designs.

The Divi Icon Module (Divi 5)

Learn how to use the Divi Image Module to add and customize images on your site with ease, enhancing your design and visual appeal.

The Divi Image Module (Divi 5)

Learn how to use the Divi Login Module to create custom login forms with personalized designs for your website users.

The Divi Login Form Module (Divi 5)

Learn how to use Divi's Lottie Module to add animated SVG or JSON files to your designs.

The Divi Lottie Module (Divi 5)

Learn how to use the Map Module to add interactive, customizable maps to your site with ease.

The Divi Map Module (Divi 5)

Learn how to use the Divi Menu Module to create customizable navigation menus that enhance your site's design and user experience.

The Divi Menu Module (Divi 5)

Learn how to use the Divi Number Counter Module to display animated stats or milestones with customizable design options.

The Divi Number Counter Module (Divi 5)

Learn how to use the Divi Pagination Module to add customizable links for seamless navigation between posts.

The Divi Pagination Module (Divi 5)

Learn how to use the Divi Person Module to showcase team members or profiles with customizable layouts and design options.

The Divi Person Module (Divi 5)

Learn how to use the Divi Portfolio Module to display your projects in a customizable grid or carousel layout.

The Divi Portfolio Module (Divi 5)

Learn how to use the Divi Fullwidth Portfolio Module to display your projects in a sleek, full-width layout with customizable options.

The Divi Post Carousel Module (Divi 5)

Lean how to use the Post Content module, to unify your design and layout for all post types.

The Divi Post Content Module (Divi 5)

Learn how to use the Divi Post Slider Module to showcase your posts in an engaging, customizable slider format.

The Divi Post Slider Module (Divi 5)

Learn how to use the Divi Post Title Module to display dynamic post titles with customizable styles and layouts.

The Divi Post Title Module (Divi 5)

Learn how to use the Divi Pricing Tables Module to showcase pricing options with customizable layouts and features.

The Divi Pricing Tables Module (Divi 5)

Learn how to use Divi Rows to structure your layouts, organize modules, and customize designs with flexible settings.

The Divi Row (Divi 5)

Learn how to use the Divi Search Module to add a customizable search bar that enhances navigation and user experience.

The Divi Search Module (Divi 5)

Learn how to use Sections to structure your page layout and create visually distinct areas for better organization and user experience.

The Divi Section (Divi 5)

Learn how to use the Divi Sidebar Module to display widgets and dynamic content in a customizable sidebar anywhere on your site.

The Divi Sidebar Module (Divi 5)

Learn how to use the Divi Slider Module to create engaging slideshows with customizable content, effects, and styles.

The Divi Slider Module (Divi 5)

Learn how to use the Divi Social Media Follow Module to add customizable social icons and links, boosting your online presence.

The Divi Social Media Follow Module (Divi 5)

Learn how to use the Divi Tabs Module to organize content into customizable, user-friendly tabbed sections on your site.

The Divi Tabs Module (Divi 5)

Learn how to use the Divi Testimonial Module to showcase customer reviews with customizable layouts and design options.

The Divi Testimonial Module (Divi 5)

Learn how to use the Divi Text Module to add and style text content with full control over fonts, colors, spacing, and alignment.

The Divi Text Module (Divi 5)

Learn how to use the Divi Toggle Module to display collapsible content sections with customizable styles and layouts.

The Divi Toggle Module (Divi 5)

Learn how to use the Divi Video Module to embed and customize videos with ease, enhancing engagement on your site.

The Divi Video Module (Divi 5)

Learn how to use the Divi Video Slider Module to showcase multiple videos in a customizable, interactive slider format.

The Divi Video Slider (Divi 5)

Learn how to create flexible menu and navigation links in Divi 5 using the Link module and dynamic content.

The Link Module in Divi 5

Learn how to use the Dropdown module and all its settings. The  Dropdown module can be used to build mega menus in Divi 5.

The Dropdown Module in Divi 5

Learn how to compare two images in Divi 5 using the Before/After Image Slider module with a draggable reveal handle.

The Before/After Image Module in Divi 5

Divi 5 Modules

Learn how to use the Woo Notice module, to display WooCommerce notification when a product is added to the cart.

The Woo Notice Module (Divi 5)

Learn how to add navigational breadcrumbs with the Woo Breadcrumbs module to improve store navigation and user experience.

The Woo Breadcrumbs Module (Divi 5)

Learn how to use the Woo Add to Cart module in Divi 5 to create custom, conversion-focused buttons for your WooCommerce store.

The Woo Product Add to Cart Module (Divi 5)

Learn how to use the Woo Product Description module in Divi 5 to display short or long product descriptions anywhere.

The Woo Product Description Module (Divi 5)

Learn how to use the Woo Product Gallery module in Divi 5 to showcase product images with full design and layout control.

The Woo Product Gallery Module (Divi 5)

Learn how to use the Woo Product Images module in Divi 5 to display and style your main product image anywhere on the page.

The Woo Product Images Module (Divi 5)

Learn how to use the Woo Product Meta module in Divi 5 to display SKU, categories, and tags with full styling control.

The Woo Product Meta Module (Divi 5)

Learn how to use the Woo Product Price module in Divi 5 to display and style product pricing anywhere on your page.

The Woo Product Price Module (Divi 5)

Learn how to use the Woo Product Rating module in Divi 5 to display product ratings and boost customer trust.

The Woo Product Rating Module (Divi 5)

Learn how to use the Woo Product Reviews module in Divi 5 to show existing reviews and a review form anywhere.

The Woo Product Reviews Module (Divi 5)

Learn how to use the Woo Product Stock module in Divi 5 to show availability or stock count anywhere in your product layouts.

The Woo Product Stock Module (Divi 5)

Learn how to use the Woo Product Tabs module in Divi 5 to display product details, reviews, and extra info in tabbed layouts.

The Woo Product Tabs Module (Divi 5)

Learn how to use the Woo Product Title module in Divi 5 to place and style product titles anywhere in your layouts.

The Woo Product Title Module (Divi 5)

Learn how to use the Woo Product Upsell module in Divi 5 to show linked upsells products anywhere in your layouts and boost order value.

The Woo Product Upsell Module (Divi 5)

Learn how to use the Woo Related Products module in Divi 5 to display related items and keep customers exploring your store.

The Woo Related Products Module (Divi 5)

Learn how to use the Woo Product Information module in Divi 5 to display product attributes like dimensions, weight, or color anywhere.

The Woo Product Information Module (Divi 5)

Learn how to use the Woo Products module in Divi 5 to display dynamic galleries of featured, sale, or latest products anywhere.

The Woo Products Module (Divi 5)

Learn how to use the Woo Cart Products module in Divi 5 to display and style items currently added to the shopping cart.

The Woo Cart Products Module (Divi 5)

Learn how to use the Woo Cart Totals module in Divi 5 to display and style subtotal, shipping, and total costs in the cart.

The Woo Cart Totals Module (Divi 5)

Learn how to use the Woo Checkout Billing module in Divi 5 to style and embed customized billing details section on your checkout page.

The Woo Checkout Billing Module (Divi 5)

Documentation for all D5 WooCommerce Modules