When building a new website, your CMS and its builder will influence the site’s performance, scalability, and ease of management; as such, choosing the right technology stack is a crucial step. At myheartcreative, we recommend the combination of WordPress and the Divi Builder, as it offers a powerful balance of deep customisation for our developers and intuitive content control for our clients.
Divi’s strength lies in its module system—the more types of modules in use, the greater the design possibilities! Of course, there are a select few that are essential tools in any developer’s toolkit, as the level of flexibility and power they offer makes them a foundational part of building smarter, more dynamic websites.
Below, we’ll take a closer look at what exactly Divi’s modules are and break down eight essential modules that your developer will likely feature on your site.
What Are Divi Modules?
Divi offers an extensive library of modules that can be used within the Divi Builder for WordPress. Think of the modules as versatile content “building blocks.” Each module is a specific element—like a text block, image slider, or button—that can be arranged and customised to create beautiful, functional page layouts.
Through the use of Divi modules, developers can fully tailor websites to unique brands without the unnecessary complexity of coding everything from scratch. Divi modules also require no knowledge of coding to update, allowing business owners to update their own website content with ease.
8 Essential Divi Modules
Every custom website has unique needs, so the Divi modules we use are always tailored to the project. However, here are a few fundamental modules that are so powerful and versatile that they are found on most sites we build:
1. Text Module
The Text Module is one of the most commonly used tools in Divi. It allows users to easily add headings, paragraph text, bulleted lists, and various other styles of text to a page. To ensure that the text stays consistent visually—and that the site always looks its best—developers can implement universal styling for the font style, colour, size, and spacing.
Divi’s Text Module also supports shortcodes, HTML, and dynamic content, making it a very flexible tool for both simple and complex content needs.
2. Button Module
While buttons can seem like a simple website design element, they are actually powerful CTAs that play a significant role in guiding user actions. In addition to opening new pages, they can scroll to a specific section, open a pop-up, or run custom actions.
As such, developers recognise the importance of Divi’s Button Module. These professionals use the module to tailor the fonts, colours, sizing, spacing, and hover effects used throughout a website’s buttons. For further customisation, the module also allows for custom CSS classes or IDs. With options for responsive display and scroll effects, it provides the flexibility you need to create buttons that look good and work well across devices.
3. Blurb Module
The Blurb Module is one of the most versatile and visually engaging tools in Divi—and it’s a perfect tool for creating clean and informative content sections without relying on code. Blurbs combine an icon or image with a heading and body text, making them ideal for highlighting services, product features, and step-by-step processes. In addition to choosing from a variety of built-in icons, users can upload their own images, adjust the heading types, incorporate bulleted lists, and more.
From a developer’s perspective, the flexibility expands further. While crafting your website or helping with updates, they may insert custom Scalable Vector Graphics (SVGs) and brand-specific images, incorporate unique animation effects, or add scroll effects to enhance interactivity. Additionally, Divi’s Advanced Custom Fields allow developers to manage and update blurbs easily across pages, ensuring you get prompt support when needed.
4. Toggle Module
Divi’s Toggle Module is used to create collapsible content blocks, making it an ideal addition anywhere that space-saving is necessary. Each toggle includes a title and hidden content that expands when clicked, offering a clean, interactive user experience. The Toggle Module may be used for:
- A Frequently Asked Questions page, to provide a more streamlined and scannable experience to users.
- A Policy page, to display long content in a collapsible way, allowing users to easily find the needed section.
- E-Learning Course Modules, where each item is a lesson title, and the toggle reveals the text, videos, or images.
- E-Commerce Pricing Tables, where each item shows the price and the toggle shares pricing breakdowns.
For further customisation, developers may replace the default icons with brand-specific indicators and signs. They can also use a specialised script to ensure that only one toggle stays open at a time.
5. Slider Module
Divi’s Slider Module is perfect for showcasing slide-based content on your website, such as featured projects, store locations, or promotional banners. The module supports background images, call-to-action buttons, and animations—making it an aesthetically pleasing favourite for visually rich layouts.
At its most simple level, the Slider Module requires only minimal setup. However, developers can enhance it with custom transitions, background overlays, and various advanced effects to tailor the sliders to each website design.
6. Testimonial Module
Your website is a powerful tool that can highlight your brand’s authenticity and encourage your audience’s trust in your business. Divi’s Testimonial Module can help with this important task by showcasing reviews from your clients, customers, or organisations.
In addition to sharing powerful static content, your developer can enhance its effect by dynamically displaying testimonials using Advanced Custom Fields (ACFs) or custom post types. For further customisation, your developer can replace the module’s default quote icons with font library icons, incorporate star ratings, or even turn the testimonials into a carousel.
7. Blog Module
An active blog is a useful addition to any website, especially if you plan to focus on Search Engine Optimisation. The Blog Module is essential for displaying blog posts on any Divi-powered website, and its high level of customisation ensures that it can be tailored to any brand’s site. For the blog landing page, the module supports grid or full-width layouts, and it allows customised title fonts, featured image displays, read-more links, and more.
Your developer can use the Blog Module to create a defined style for your blog that applies to all posts automatically. This ensures that every blog post published on your website has a consistent font style, line spacing, link styling, image ratio, and more.
8. WooCommerce Module
If you are creating an online store, Divi’s WooCommerce Modules are an essential addition. These modules allow your developer to create distinctive pages with total layout flexibility and build dynamic product templates. This ensures that your internal team can easily add new products and that your customers have a user-friendly online shopping experience.
WooCommerce is also an exceptional option for E-Commerce sites because it integrates with various secure payment gateways, its dashboard offers a convenient place to handle order details, and it can help you appeal to customers through easy-to-add coupon codes.
Your Partner for Custom WordPress and Divi Websites
At myheartcreative, we specialise in creating adaptable and aesthetically pleasing custom websites built through the powerful pairing of WordPress and the Divi Builder. Our experienced team is prepared to design and develop a dynamic website with the right Divi modules to ensure that your site meets the unique needs of your brand, your team, and your target audience.
To start building your new website with myheartcreative, please get in touch. We are ready to create something great with you.