The Complete List of Every WordPress Divi Module – Our Guide

Jun 10, 2024 | Divi, Website Design, WordPress

Reading Time: 12 minutes
Kevin Fouche

The Complete List of Every WordPress Divi Module – Our Guide

Posted by Kevin Fouche, Pixel Fish Director

Kevin handles the planning, design, launch and training of every website that Pixel Fish creates. He ensures that every website is highly engaging and aligned with our client’s goals. With over 20 years of design and web industry experience to draw upon, Kevin aims to pass on his knowledge to our clients and like-minded businesses wanting to grow their online presence.

Are you looking to elevate your WordPress site with Divi’s versatile range of modules? Our “Complete List of Every WordPress Divi Module: A Complete Guide” dives straight into every Divi module available, ensuring you have the know-how to enrich your web design.

Say goodbye to endless searching and get ready to utilize everything from content creation to e-commerce solutions with Divi, the ultimate tool that empowers both beginners and experts alike.

Key Takeaways

  • Divi modules are essential content elements that enhance web design with an array of content types, allowing customization without coding, and can be extended with custom code or third-party plugins if more functionality is needed.
  • Divi provides a comprehensive set of design settings and dynamic content modules that enable users to create engaging and interactive websites easily, optimize user interaction, and cater to e-commerce requirements without complex coding.
  • Divi’s advanced customization features, integration with multimedia, and location-based options facilitate crafting unique site identities, optimizing navigation, and improving user experience with accessibility and search functionalities.

Exploring the Essentials: A Dive into Divi Modules

Embark on a journey through Divi modules, essential elements that redefine our web design perspective. These content building blocks, intrinsic to both the Divi theme and the Divi builder plugin, are your ticket to crafting a professional and captivating online presence without delving into the complexities of code.

The beauty of Divi modules lies in their simplicity and power, enabling you to deploy a variety of content elements seamlessly, without the crutch of additional plugins or developers.

From the foundational video slider module to the elegant gallery module, and from the practical blog module to the sleek tabs module, these pre-designed components are your arsenal for constructing a website that stands out.

While the flexibility offered by Divi is vast, should you desire to venture beyond the 46 native modules, the doors are open to custom code or third-party plugins to extend your site’s functionality.

Navigating the Divi Module Repository

Exploring the repository of Divi modules resembles a stroll through a library brimming with potential. With an impressive arsenal of 63 modules, each catering to a unique facet of web design, your creative journey is supported by an extensive resource – the Divi Modules Ultimate Guide.

This repository has evolved from the modest beginnings of 20 modules to a comprehensive suite that paints the canvas of your digital masterpiece.

Delve into the Divi Builder, where 46 of these modules stand ready to bring your vision to life, all documented meticulously to guide you every step of the way.

Content Creation Modules

Content is the lifeblood of any website, and Divi’s content creation modules are conceived to make your message echo vibrantly. The Text Module is the chameleon of Divi; it can adapt its form to fit any space on your page, while allowing you to craft your narrative with a familiar editing experience.

When you marry the Text Module with counterparts such as the Blurb Module or the Accordion Module, you create a synergy that elevates the engagement of your pages.

The Blurb Module, for instance, is the perfect blend of text and imagery, ideal for showcasing services or features with grace and flair. Meanwhile, the Accordion Module is your digital accordion, revealing a treasure trove of content with a simple click, making it a prime choice for FAQs or detailed service descriptions.

Visual Enhancement Modules

Captivating your audience largely depends on the visual appeal, and Divi’s visual enhancement modules are your paintbrushes for this canvas.

The Image Module is your gateway to embedding images that can be fine-tuned to perfection, from box shadows to overlay styles. It goes beyond the basics by offering animations, linking capabilities, and performance-boosting lazy-loading.

The Full Width Image module expands this visual splendor across the entire screen, complete with engaging filters and a lightbox feature for an immersive experience.

For those who prefer a collective showcase, the Gallery Module provides a space where images can dance in a grid or glide across a slider, with options for pagination to keep the audience wanting more.

The Slider Modules, with their capacity to host an assortment of slides, become the stage for parallax or video backgrounds, complete with storytelling elements like text and call to action buttons.

Interactive Elements

Entice your visitors with interactive experiences woven throughout your site, utilizing modules that pique curiosity and foster participation.

The Tabs module, for instance, neatly packages content into digestible slices, served up through an intuitive horizontal interface. For a dash of mystery and an element of surprise, the Toggle module invites users to discover hidden content with a simple click, perfect for detailed explanations or extensive lists.

Stepping up the interactive game, the Video Slider Module is a cinephile’s dream, allowing an array of videos to be organized with custom thumbnails and play buttons, creating a personalized cinema on your site.

These modules not only enhance the aesthetics but significantly improve the user experience by making the journey through your website an interactive adventure.

The Power of Divi’s Advanced Design Settings

All artists yearn for the liberty to manifest their unique vision, and Divi’s advanced design settings serve as the palette for your digital masterpiece.

Take the Call to Action button module, a powerful tool in the arsenal of user engagement, which beckons your audience to act, be it to subscribe, inquire, or make a purchase. This module is a playground for customization, allowing you to manipulate text, button features, and even animations to create effects that captivate and compel.

But the power of Divi’s advanced design settings doesn’t end there; visibility options enable you to tailor when and how your call to action appears, ensuring the right message reaches your audience at the perfect moment.

With advanced customization settings including CSS IDs, classes, and custom CSS fields, your call to action is not just a button; it’s an invitation that reflects the soul of your brand.

Divi’s Dynamic Display Options

As you navigate the digital landscape, dynamically displaying content serves as a guiding light for your audience through your site. Modules like the Blog and Post Slider are not just add-ons; they are the engines that power your site with a stream of fresh, automatically sourced content.

The Theme Builder in Divi is a cartographer that lets you chart out site-wide templates featuring the same modules as these dynamic modules, simplifying the development process for niche websites like portfolios or directories.

Imagine a real estate platform where listings update in real-time, or a directory where new entries populate instantly – this is the prowess of dynamic content in Divi.

  • The Blog Module transforms any space into a showcase of thoughts and stories, with styling options that reflect your brand’s voice.
  • The Post Slider Module turns your featured posts into a carousel of interaction.
  • The Filterable Portfolio Module organizes your projects into a gallery that responds to your audience’s curiosities at the click of a category.

Integrating Multimedia with the Divi Audio module and video slider module

In this multimedia era, your website needs to fluently communicate through audio and video, and Divi modules make you fluent. The Audio Module is a stage for your soundscapes, allowing musicians and podcasters to share their audio content with a custom player that’s both functional and stylish.

It goes beyond mere playback of audio file, offering creative space for track titles, artist names, and even album covers, ensuring your audio content is not just heard, but also seen.

The Video Module, on the other hand, is your portal to the moving picture, facilitating video embeds from uploads or URLs, with controls over the thumbnail image and play button for a tailored viewing experience.

When you want your videos to command center stage, the Video Slider Module strings them together in a slider format, transforming your site into an interactive cinema.

For those grand visual narratives, the Fullwidth Slider Module stretches your slides across the horizon of browsers, creating parallax or video backgrounds that captivate and mesmerize. Additionally, the fullwidth code module ensures a seamless integration with your website’s design.

Enhancing User Interaction with Divi

In the digital world, interaction paves the way to engagement, and Divi modules are the keys to unlocking this gateway. The Login Module dissolves the barriers between your audience and the content they cherish by integrating the login process directly onto the page, eliminating the jarring experience of WordPress login redirection.

The Contact Form Module is the bridge between you and your visitors, providing a platform for tailored communication with a variety of field types and design options that resonate with the overall aesthetics of your site. Encouraging dialogue and fostering community, the Comments Module allows for the insertion of comment features anywhere on your page, not confining interaction to the bottom of articles but inviting it at every turn.

Additionally, the Code Module can be utilized to further customize your site’s functionality.

By elevating user interaction through these modules, Divi not only enhances the user experience but also nurtures a sense of belonging and connection within your digital space.

Divi’s E-commerce Solutions

The online marketplace is lively and dynamic, and with Divi’s e-commerce solutions, you can claim your stake with confidence and style.

  • The Shop Module, in harmony with WooCommerce, transforms any page into a bustling storefront
  • The Pricing Table Module lays out your offerings in a clear and enticing manner
  • With Divi, you can present products with flair, displaying titles, galleries, prices, and even upsell related items, all tailored to the shopper’s journey.

Beyond product displays, Divi equips you with modules that propel your marketing strategies into action, from split testing to social sharing, all designed to enhance conversions and build your brand. The WooCommerce builder and pre-made shop designs provide a streamlined path to customizing product templates and maintaining design continuity across cart and checkout pages, all without the need for complex coding.

Customizing Information Displays

Presenting information can be both a practical necessity and an art form, and Divi’s counter modules turn data into visual poetry. The Number Counter Module breathes life into static statistics with animated sequences that capture the viewer’s attention and imagination. The Circle Counter Module goes a step further, transforming numbers into interactive circular graphs that are as informative as they are captivating.

When it comes to animated stats representation, the Bar Counters Module is the maestro, conducting an orchestra of lazy-loaded bars that rise to the occasion, creating a visual narrative for your data that is as engaging as it is informative. These modules offer a dynamic way to present information, ensuring that your statistics don’t just inform, but also inspire.

Optimizing Your Site’s Navigation

The ease of navigation through your website can shape your audience’s experience, and Divi’s navigation modules are the compass that guides them. The Menu Module allows you to craft custom navigation menus that can anchor at any port on your site’s ocean, enhancing the user journey. With the Sidebar Module, you can create unique widget-ready areas, offering a treasure map to the most valuable corners of your site.

The Post Title Module, along with the Post Navigation Module, is the gentle current that guides visitors from one post default blog page to the next, providing a seamless experience that keeps the journey alive. The post title module shows how optimizing your site’s navigation with Divi modules ensures that every voyage through your digital domain is an exploration worth remembering.

Whether it’s a menu that sits atop your pages like a crown or a sidebar that offers hidden gems, incorporating this feature is essential.

Location-Based Features in Divi

In a world where location is significant, Divi’s map modules solidify your digital presence on the world wide web’s map. The Map Module and Fullwidth Map Module are your tools for embedding custom Google Maps, creating an interactive guide to your physical location that is both functional and visually appealing. With the ability to add multiple pins, each representing a story or a detail, the Map Module becomes more than a marker; it’s a conversation starter.

To harness the full potential of these modules, securing a Google Maps API Key is your golden ticket, opening up a world of design settings such as zoom control, mobile draggability, and creative backgrounds or borders for your maps.

By integrating location-based features with Divi and learning how to embed custom google maps, you not only place your business on the map but also craft an engaging narrative that invites visitors to embark on a journey to your doorstep.

Crafting Your Site’s Identity

In the web’s tapestry, your site’s identity forms the thread interwoven in every encounter, and Divi’s modules, including post title module displays the divider module, are the loom that brings it to life. The Person module is the portrait artist, capturing individual bios with a blend of text, imagery, and social links, presenting the faces behind the brand. The Fullwidth Header Module is the herald, announcing your presence with striking headings that include all the elements needed to make a memorable entrance.

Testimonials are the whispers of trust that echo through your site, and the Testimonial Module amplifies these voices, presenting them in a manner that bolsters credibility and fosters a relationship with your visitors.

By crafting a unique site identity with Divi, you are not just building a website; you are shaping an experience that resonates with every visitor, leaving an indelible mark on their digital journey.

Search and Accessibility on Divi

Amidst the internet’s labyrinth of content, the ability to swiftly search and access information stands as a symbol of user-friendliness, and Divi’s Search Module is that beacon. This module integrates a customizable search form into your site, allowing visitors to cut through the noise and find the content they seek with ease. Its versatility shines as it can be placed in:

  • headers
  • footers
  • pages
  • posts

and dressed in the design that suits your site’s personality.

The Divi Search Module offers a level of precision in searches by enabling administrators to configure settings that exclude certain pages, posts, and categories from search results, ensuring a targeted and relevant discovery process for users.

By prioritizing search and accessibility, you empower your audience to navigate your content landscape with confidence, knowing that what they seek is always just a few clicks away.

Every WordPress Divi Module: Summary

As we draw the curtain on this comprehensive guide, it’s evident that Divi modules are not just tools; they are the building blocks that empower creators to bring visions to life with ease and elegance. Each module, from the Text Module’s simplicity to the Fullwidth Slider’s grandeur, the Login Module’s practicality to the Shop Module’s commercial prowess, plays a pivotal role in crafting digital experiences that are not only visually stunning but also richly interactive and user-friendly.

By leveraging Divi’s advanced design settings, dynamic display options, multimedia integrations, and e-commerce solutions, you can create a website that not only stands out in the vast sea of the internet but also resonates deeply with your audience, encouraging exploration, interaction, and engagement.

So go forth, armed with the knowledge of every Divi module at your disposal, and build a website that truly captures the essence of your brand, your vision, and your story.

Divi Native Content Elements list

Our “List of Every WordPress Divi Module: A Complete Guide” dives straight into every Divi module available.

  • Accordion – Open and close blocks of content when clicked.
  • Audio – Play audio files in an online audio player.
  • Bar Counter – Display stats and information with animated bars.
  • Blog – Display your blog posts using different display modes.
  • Blurb – Display small blurbs of content. Useful for listing features.
  • Button – Create a clickable button and control its design.
  • Call To Action – Incentivize clicks using text and buttons.
  • Circle Counter – Display stats using an animated circle chart.
  • Code – Write your own code using Divi’s code editor.
  • Comments – Display comments for a WordPress post.
  • Contact Form – Build your own contact forms, including conditional logic.
  • Countdown Timer – Create a countdown timer that counts down in real time.
  • Divider – A simple element for creating vertical spacing.
  • Email Opt-in – Collect emails and build your newsletter on 20 platforms.
  • Filterable Portfolio – Create a gallery for your work, including filterable categories.
  • Gallery – Display a gallery of images in different formats.
  • Hero – Create a full width and full screen hero section that captures your visitor’s attention.
  • Icon – Display an icon from a list of thousands.
  • Image – Upload and display an image on your page.
  • Login Form – Add a log in form to your page that you and your customers can use to log in.
  • Map – Display a Google Map and a pinned address.
  • Menu – Add a navigation bar to your page and display your website’s menu.
  • Number Counter – An animated counter that counts up to a given number.
  • Person – Great for displaying team members. Includes photo, bio and social profiles.
  • Portfolio – Display a gallery of your work in a single portfolio grid.
  • Portfolio Carousel – Create a full-width carousel to display your artwork and design.
  • Post Navigation – Display links to next and previous posts on your blog.
  • Post Slider – Create a slider that slides through featured posts.
  • Post Title – Display the dynamic post title and meta information for a post.
  • Pricing Tables – Create multiple pricing tables to compare different plans.
  • Search – Let users search your website using this search bar.
  • Sidebar – Display your WordPress sidebar and widgets.
  • Slider – Create a slider of content, buttons and images.
  • Social Follow – Link to your social profiles and build your following.
  • Tabs – Organize content and consolidate space using tabs.
  • Testimonial – Provide social proof by displaying your best customer testimonials.
  • Text – Create text content and headers, and customize everything.
  • Toggle – Hide and display content on click. Toggle content open and closed.
  • Video – Display videos your upload or videos from other sources like Youtube.
  • Video Slider – Create a video gallery of videos your upload or videos from other sources like Youtube.

Every WordPress Divi Module: Frequently Asked Questions

Can I use Divi modules without knowing how to code?

Yes, you can use Divi modules without knowing how to code. Divi modules are user-friendly and don’t require any coding knowledge.

How many modules does Divi offer, and can I extend this number?

Yes, Divi offers a total of 63 modules, and you can extend this number by exploring third-party plugins or adding custom code. Finding additional modules can help enhance your website’s functionality.

Are Divi’s advanced design settings suitable for beginners?

Absolutely, Divi’s advanced design settings are suitable for beginners as they provide an easy way to customize website appearance and functionality, including options for animations, visibility, and custom CSS.

Can Divi handle dynamic content for specialized websites like directories?

Yes, Divi can handle dynamic content for specialized websites like directories using its dynamic content modules such as Blog, Post Slider, and Filterable Portfolio.

Does Divi provide modules that support e-commerce functionality?

Yes, Divi provides modules that seamlessly integrate with WooCommerce, allowing for the easy creation and customization of online stores without coding.

Take your business to the next level with a Pixel Fish Website.

Check out some of our latest Website Design projects.

Further Information
Why you should use Elementor for your new WordPress Website
Divi vs Elementor: Which WordPress Theme should you choose?
WordPress Divi Theme Best Features: What you need to know
9 Essential E-commerce Website features
5 of The Best Features Of DIVI Wordpress Theme
11 of the Best Divi Wordpress Theme features you should know

Stand out from your competition with a Pixel Fish website!

Contact us today on 02 9114 9813 or email info@pixelfish.com.au

Small Business Website Packages   | Custom Website Design   |   Ecommerce Websites

Related Blogs

Contact Pixel Fish - Website Design Agency

Get Started with a new Pixel Fish Website

We would love to hear about your upcoming website project

Kevin Fouché, Pixel Fish Director