What are Modules when talking about the Divi Editor? #
In Divi, modules are the individual elements that make up the content and structure of your website. Think of them as Lego blocks that can be combined to create complex layouts and designs. Each module serves a specific purpose, such as:
– Displaying text or images
– Creating calls-to-action (CTAs)
– Showing videos or sliders
– Providing contact information
– And more
Divi offers over 40 modules, including:
– Basic modules (Text, Image, Button)
– Layout modules (Rows, Columns)
– Interactive modules (Contact Form, Slider)
– Media modules (Video, Gallery)
– Specialty modules (Testimonials, Pricing Tables)
How Editing Modules in Divi Works #
Editing Basics
To edit a module:
1. Click the gear icon on the gray control box.
2. Make changes in the settings palette.
3. Click the green checkmark to save or the red X to discard.
Module-Specific Editing
– Image Module:
– Click gear, select image from library, or upload new image.
– Click “Upload Image” to apply changes.
– Button Module:
– Click gear, edit link and text.
– Save changes with green checkmark.
– Video Module:
– Click gear, select video or enter URL (e.g., YouTube).
– Save changes with green checkmark.
– Blurb Module:
– Click gear, edit title and content.
– Use blurbs for easy layouts with images or text.
Additional Tips
– Delete modules using the trashcan icon.
– Undo deletes with Command-Z (Mac) or Control-Z (Windows).
– Relink buttons by clicking gear, Link, and updating URL.
– Drag and drop modules to reorder.
– Every page element is a module, customizable down to the finest detail.
Module Settings
Most modules have similar settings, organized into:
1. Content: Edit text, images, and other content.
2. Design: Adjust visual styling.
3. Advanced: Expert settings (use with caution).