# Divi Website Builder > [!NOTE] Overview > Divi is a comprehensive WordPress theme and page builder solution from Elegant Themes, offering a visual drag-and-drop interface for creating and customizing websites without coding. ## Key Features 1. Builder Interface - Visual editor - Drag-and-drop - Real-time preview - Responsive editing 2. Design Elements - Pre-built layouts - Custom modules - Global elements - Design system 3. Advanced Features - Theme builder - WooCommerce builder - Dynamic content - Custom CSS ## Usage Status - **Recommendation Level**: Must Use - **Pricing**: Subscription-based - **Installation Type**: Theme & Page Builder ## Configuration Guide ### 1. Basic Setup 1. Theme Installation - Upload theme - Configure settings - Set defaults - Import layouts 2. Builder Setup - Global options - Color palettes - Typography sets - Layout defaults ### 2. Advanced Settings 1. Performance Options - Static CSS - Dynamic CSS - Script loading - Cache settings 2. Integration Settings - Plugin compatibility - Custom code - API access - Third-party tools ## Best Practices 1. Initial Setup - Plan structure - Set globals - Create templates - Configure defaults 2. Maintenance - Regular updates - Cache clearing - Backup layouts - Monitor performance ## Integration Notes - Works with: - WooCommerce - Popular plugins - Custom post types - Third-party tools ## Common Issues & Solutions 1. Performance Issues - CSS optimization - Script loading - Cache setup - Server resources 2. Design Problems - Layout breaks - Mobile display - Style conflicts - Update issues ## Personal Experience Professional-grade website builder with extensive features. Excellent for both beginners and developers. Regular updates and strong community support. ## Alternatives 1. [[Elementor Pro]] 2. Beaver Builder 3. Oxygen Builder 4. Thrive Architect ## Best Use Cases 1. Website Types - Business sites - Portfolios - E-commerce - Landing pages 2. User Types - Agencies - Freelancers - Business owners - Developers ## Performance Impact 1. Resource Usage - CSS generation - Script loading - Media handling - Database queries 2. Optimization Options - Static CSS - Asset minification - Lazy loading - Cache system ## Builder Features 1. Layout Tools - Sections - Rows - Columns - Modules 2. Design Tools - Visual styling - Custom CSS - Responsive controls - Effects ## Configuration Tips 1. Setup Strategy - Global styles - Layout templates - Module presets - Design system 2. Development Tips - Child themes - Custom modules - Hook system - API usage ## Theme Builder 1. Template Types - Headers - Footers - Singles - Archives 2. Dynamic Content - Custom fields - Post data - User data - WooCommerce ## Resources - [Official Website](https://www.elegantthemes.com/gallery/divi/) - [Documentation](https://www.elegantthemes.com/documentation/divi/) - [Divi Resources](https://www.elegantthemes.com/blog/category/divi-resources) - [Support Center](https://www.elegantthemes.com/documentation/divi/)