Divi Form Builder

3.2.3

Divi Form Builder Features

Elevate your site with the Divi Form Builder. Tailored for Divi, this plugin simplifies creating sophisticated, multi-step forms, enhancing user interaction. Explore its capabilities to effortlessly improve your website's form experience.

Packed full of 18+ major features, filter below
Built with Divi Machine

Free Divi Layout Packs

Enhance your Divi website with our versatile and premium Divi Layout Packs. Designed to cater to a wide range of functionalities, these layout packs are ideal for various applications, offering modular components that can be repurposed according to your specific needs.

  • Modular and Flexible: Each layout pack is crafted with modularity in mind, ensuring that you can easily adapt and integrate components across different sections of your site, regardless of the plugin you’re using.
  • Comprehensive Solutions: Our layout packs provide more than just aesthetic appeal; they include all necessary settings files for a seamless setup experience. Effortlessly implement these packs across a variety of Divi Engine plugins, enhancing both the design and functionality of your site.
  • Regularly Updated: We are committed to innovation and regularly expand our collection with new, cutting-edge layout packs. Keep an eye on our updates to stay ahead in the fast-paced world of web design.

With our range of Divi Layout Packs, you’re equipped to craft stunning, functional websites with ease. Dive into our collection and discover the perfect fit for your project.

Divi Form AI

Revolutionize Form Building with Divi Form AI

Introducing ‘Divi Form AI’, a transformative feature within the Divi Form Builder plugin, designed to redefine the way you create and manage forms on your Divi website. By integrating the advanced capabilities of OpenAI’s GPT API, Divi Form AI brings the power of artificial intelligence directly to your form-building process, offering a level of sophistication and efficiency previously unattainable.

This groundbreaking feature is not just an enhancement; it’s a complete overhaul of traditional form building. Divi Form AI equips you with an array of powerful tools, including real-time language translation, personalized product or service recommendations based on user inputs, and efficient research assistance for itinerary planning. Additionally, it aids in SEO optimization for improved website visibility and dynamic form field population, all contributing to a superior user experience.

Key Features of Divi Form AI:

  1. Diverse Model Compatibility: Utilize any OpenAI LLM Model your API has access to, including GPT 3.5, GPT 4, and more, ensuring cutting-edge performance.
  2. Spend Limits Per Form: Implement estimation-based spend limits for each form, providing control over usage and costs.
  3. Stylish Pre-Loaders: Choose from different pre-loader styles, including a text terminal loader, to enhance the visual appeal while AI processes your requests.
  4. AI Personas: The plugin comes loaded with preset AI personas, offering a range of interaction styles and capabilities.
  5. Custom Prompt Crafting: Gain the ability to create custom prompts and personas, tailoring the AI interaction to your specific requirements.
  6. Input Monitoring: Monitor form inputs seamlessly and include them in the API call for contextually relevant AI responses.
  7. Dynamic AI Responses: Output AI responses directly to a form field, enabling interactive and dynamic form experiences.
  8. Configurable Response Settings: Set AI response temperature and word count limits, giving you control over the nature and extent of AI interactions.

Divi Form AI is a step into the future of form building, where the intelligence of AI meets the intuitiveness of Divi Form Builder. It’s about empowering your website with smarter, more adaptive, and user-focused forms, taking your digital interactions to a whole new level of engagement and efficiency.

To demonstrate this, we have built 5 demos for you to truly experience the power of Divi Form AI:

  • Clarity Engine: Automatically translate other languages and provide further clarity to a customer’s contact form submission by getting to the point.
  • Recommendation Engine: Make a product or service recommendation in response to completed form fields.
  • Research Engine: Generate itinerary suggestions to a user for a journey defined by fields they complete on the form.
  • SEO Engine: Research product keywords in the background while creating new WooCommerce products then generate descriptions already optimized for SEO.
  • Selection Engine: Dynamically populate a select drop-down from a GPT API response based on user input.

See a demo here

Radio Images

Engage Users with Visual Radio and Checkbox Images

Elevate the interaction on your Divi website with the ‘Radio Images’ feature of the Divi Form Builder. This innovative tool transforms the way you present radio and checkbox options, replacing the standard, mundane elements with visually engaging images from your media library.

With the ability to assign images to your various radio or checkbox options, this feature brings a new level of engagement and visual appeal to your forms. It’s perfect for scenarios where visual representation enhances the user’s decision-making process, such as surveys, product selections, or any form where choices are better expressed visually.

This isn’t just about replacing text with images; it’s about creating an immersive and interactive experience for your users. The active selection can be styled in any manner you prefer, providing a clear and attractive indication of the user’s choice. This level of customization ensures that your forms are not only functional but also align with your website’s aesthetic and branding.

Implement the Radio Images feature from the Divi Form Builder to transform traditional form elements into a visually dynamic and engaging experience. It’s an effective way to capture user attention, improve form interaction, and ensure that your forms are as informative as they are appealing.

Multistep Form

Simplify and Enhance User Experience with Multistep Forms

Transform the way users interact with forms on your Divi website using the ‘Multistep Form’ feature of the Divi Form Builder. This feature is designed to break down complex forms into manageable, sequential steps, making the form-filling process less daunting and more user-friendly.

Long forms with numerous fields can often overwhelm users, leading to confusion or even abandonment. The Multistep Form feature addresses this challenge by segmenting your form into smaller sections, each displayed one step at a time. This approach not only declutters the form but also guides the user through the form-filling process in a clear and structured manner.

By presenting only a portion of the form at any given time, users are more likely to stay engaged and complete the form. This format is especially useful for extensive surveys, detailed registration forms, or any scenario where a lot of information is required from the user.

Moreover, the Multistep Form feature allows you to create conversational-style forms. This adds an element of interaction and personal touch to the form, making the experience feel less like a chore and more like a dialogue. It’s about crafting an experience that is both pleasant and efficient for your users.

Embrace the Multistep Form feature from the Divi Form Builder to create forms that are not just forms but engaging journeys for your visitors. It’s an effective way to enhance user satisfaction, increase form completion rates, and ensure a cleaner, more enjoyable user experience.

Frontend Post Creation

Empower User-Generated Content with Frontend Post Creation

The Divi Form Builder takes user engagement to the next level with its ‘Frontend Post Creation’ feature, making user-generated content more accessible and straightforward than ever. This feature allows users to create posts, pages, products, or custom posts directly from the frontend of your Divi website, bypassing the need to navigate the WordPress dashboard.

Whether it’s adding a new entry to your blog, introducing a new product to your WooCommerce store, or creating any type of custom post, Divi Form Builder streamlines this process. The seamless integration with Advanced Custom Fields (ACF) means that even custom fields can be easily mapped, opening a world of possibilities for content creation on your site.

The beauty of this feature lies in its simplicity and power. Users can contribute valuable content to your site in an intuitive and user-friendly manner, enhancing the richness and diversity of your website’s content. It’s perfect for community-driven sites, e-commerce platforms, blogs, and any website that thrives on active user participation.

Additionally, Divi Form Builder goes a step further by enabling frontend content editing. We’ve developed a custom module that can be added to your template or custom loop layout (like those used in Divi Machine/BodyCommerce). Logged-in users will see a convenient button allowing them to edit content right on the frontend, fostering a dynamic and interactive user experience.

This feature is a standard part of Divi Form Builder – there are no extra fees or paid extensions required. It’s our commitment to providing a comprehensive, all-in-one solution for your form-building needs.

Embrace the potential of user-generated content with Divi Form Builder’s Frontend Post Creation feature. It’s not just a tool; it’s a gateway to a more vibrant, interactive, and content-rich website.

Spam Protection

Safeguard Your Forms with Advanced Spam Protection

In the digital world, the battle against spam is ongoing and critical. That’s why the Divi Form Builder introduces a robust ‘Spam Protection’ feature, equipped with three levels of defense to keep unwanted spam at bay.

  1. Honeypot Technique: The first level of protection is the cleverly implemented ‘honeypot’. This method involves adding a hidden field to your forms that should remain unfilled. To spam bots, it appears as a regular field, but any input in this field flags the submission as spam. This unobtrusive technique provides an effective first line of defense without impacting the user experience.
  2. Simple Maths Captcha: For an additional layer of security, you can enable a simple maths captcha, similar to what Divi offers. This feature requires users to solve a basic math problem before submitting the form. It’s a user-friendly way to deter bots while keeping the form accessible for genuine users.
  3. Google reCaptcha Integration: For near-total bot elimination, Divi Form Builder supports the integration of Google reCaptcha. This powerful tool is renowned for its effectiveness in distinguishing between real users and automated bots. By enabling Google reCaptcha, you add a robust shield against spam, ensuring that your form submissions are legitimate and spam-free.

These three levels of spam prevention in Divi Form Builder are designed to offer comprehensive protection while maintaining a smooth and hassle-free experience for your users. Whether you’re running a blog, an e-commerce site, or any platform that relies on form submissions, these spam protection features ensure that you receive only the content you want – minus the annoying spam.

Embrace the advanced spam protection of Divi Form Builder and enjoy a cleaner, safer, and more efficient form submission process on your website.

Register/Login Forms

Craft Custom Register/Login Experiences with Divi Form Builder

Elevate the first point of interaction on your website with Divi Form Builder’s ‘Register/Login Forms’ feature. This tool offers a white-glove service to create a custom registration and login experience, tailored precisely to your site’s needs and style.

Gone are the days of using generic, uninspiring registration and login forms. With Divi Form Builder, you have the freedom to design custom layouts that cater to every detail of your form requirements. This feature allows you to map all necessary form fields, including custom fields created with Advanced Custom Fields (ACF), ensuring that every aspect of user information can be seamlessly captured and utilized.

The possibilities with this feature are boundless. Whether you need a straightforward registration form, a detailed login page with specific user fields, or anything in between, Divi Form Builder makes it possible. This customization extends not only to the functionality but also to the aesthetic of the forms, allowing them to blend perfectly with your website’s design.

Moreover, this feature is compatible with both WordPress and WooCommerce, offering versatility and convenience. You can create unique registration and login forms for a WordPress blog, an e-commerce store, or any other type of site, enhancing the user experience right from the start.

Embrace the power of Divi Form Builder’s Register/Login Forms to offer your users a registration and login experience that is not just functional but also uniquely engaging and representative of your brand.

Custom Field Mapping

Transform User Interactions with Custom Field Mapping

The ‘Custom Field Mapping’ feature of the Divi Form Builder plugin is a game-changer for website administrators and users alike. It offers a streamlined, user-friendly approach to managing content, effectively eliminating the need for direct interaction with the WordPress admin panel.

This feature bridges the gap between the forms you create using Divi Form Builder and the custom fields you’ve set up with Advanced Custom Fields (ACF). It allows you to establish a direct link between any field in your Divi Form Builder forms and any custom field in your post type. This seamless integration means that the data entered by users in your forms can be directly used to populate or update content in your custom post types.

Whether it’s a blog post, a product listing, or any other type of content, the custom field mapping functionality makes it possible for users to contribute and edit content directly from the frontend of your Divi site. This is particularly advantageous for client-facing websites, where ease of use and efficiency are paramount.

By leveraging the custom field mapping feature, you empower your clients to add and edit their content without ever needing to navigate the complexities of the WP Admin area. It’s a more intuitive, straightforward way to manage website content, enhancing productivity and user satisfaction.

With Divi Form Builder’s Custom Field Mapping, embrace a new era of content management where simplicity, efficiency, and frontend interactivity are at the forefront, making the process of content creation and editing as straightforward as possible.

Date/Time Picker

Elevate Form Experience with Modern Date/Time Picker

The Divi Form Builder revolutionizes the way users interact with date and time fields through its ‘Date/Time Picker’ feature. This tool replaces traditional, uninspiring date entry fields with a modern, user-friendly interface, opening up a world of possibilities for various types of forms, including event registrations, appointment bookings, and more.

Gone are the days of mundane, text-based date inputs. The Date/Time Picker feature brings a sleek, visually appealing design that not only enhances the aesthetic of your forms but also simplifies the process of selecting dates and times for your users. With its intuitive interface, users can easily navigate through months, select specific dates, or pick times, all within a few clicks.

This feature is particularly beneficial for forms where precise date and time selection is crucial, like event registration forms, appointment scheduling, or reservation systems. The modern design of the Date/Time Picker not only makes these forms more efficient but also adds a touch of elegance, making the overall form-filling experience enjoyable and engaging.

Incorporate the Date/Time Picker into your Divi forms to transform how users interact with date and time fields. It’s not just a functional enhancement; it’s an opportunity to create forms that are as beautiful as they are practical, leaving a lasting impression on your users.

File Uploads

Expand Form Capabilities with Stylish File Uploads

The Divi Form Builder enhances the versatility of your forms with its ‘File Uploads’ feature, going beyond standard text inputs to embrace a wider range of user submissions. This feature allows users to easily add files, documents, or images to your forms, making it an essential tool for a variety of applications.

Whether you’re managing contact forms, accepting applications, taking reservations, or facilitating content creation directly from the frontend of your website, the File Upload field adds significant value. It enables users to provide more comprehensive information and supporting documents, enriching the interaction and data collection process.

But it’s not just about functionality. The File Upload feature in Divi Form Builder also offers extensive styling options. You can customize the appearance of the upload field to align with your website’s aesthetics, incorporating icons and hover animations for that extra flair. This attention to detail ensures that your forms are not only practical but also visually appealing, enhancing the overall user experience.

With the File Uploads feature, your forms become more dynamic and interactive, capable of meeting diverse needs and use cases. It’s a simple yet powerful addition to your Divi forms, transforming them into more than just a means of communication, but a gateway for meaningful and multifaceted interactions.

Submission Redirection

Create Lasting Impressions with Submission Redirection

Elevate the form submission experience on your Divi website with the ‘Submission Redirection’ feature of the Divi Form Builder. This functionality allows you to guide users to a new page upon the successful submission of a form, adding a personalized touch to your user interactions.

Beyond the basic acknowledgment of a form submission, this feature enables you to craft a tailored response for your users. Whether it’s directing them to a thank-you page, providing further instructions, or even showcasing special offers, the redirection after submission opens up a world of possibilities for enhanced user engagement.

This level of customization is not just about functionality; it’s about creating a memorable experience for your users. By redirecting them to specific pages post-submission, you can ensure that their journey on your website continues seamlessly. It’s an opportunity to express gratitude for their business, offer additional value, or simply leave a positive, lasting impression.

The Submission Redirection feature is straightforward to set up yet impactful in its effect. It’s a perfect way to conclude the form submission process, ensuring that each interaction with your website is thoughtful, purposeful, and leaves your visitors with a strong sense of your brand’s professionalism and attention to detail.

Success/Failed Layouts

Enhance User Feedback with Custom Success/Failed Layouts

Transform the way users receive feedback on your website with the ‘Success/Failed Layouts’ feature of the Divi Form Builder. This innovative tool goes beyond the standard text-only success and failure messages, allowing you to craft custom layouts for these responses using the Divi Builder.

In the world of online interactions, every touchpoint with your users matters, including how you communicate the outcome of their form submissions. With Divi Form Builder, you’re no longer confined to plain, text-based messages. Instead, you can design visually appealing, hand-crafted layouts for both success and failure messages.

This feature enables you to infuse these messages with your brand’s style and personality. Whether it’s a congratulatory note on a successful submission, or a helpful message in case of an error, you can create layouts that are both informative and aesthetically pleasing. This approach not only enhances the functionality of your forms but also elevates the overall user experience.

When users submit forms on your site, they’ll be greeted with these beautifully designed layouts, making their interaction with your site more memorable and engaging. It’s a small detail that can make a big difference in how users perceive your website and brand.

The Success/Failed Layouts feature of the Divi Form Builder is about taking the ordinary and making it extraordinary. Embrace this feature to ensure that every step of your users’ journey, even form submissions, is a reflection of your commitment to excellence and attention to detail.

Conditional Logic

Customize Forms Dynamically with Conditional Logic

Unleash the full potential of interactive form design with the ‘Conditional Logic’ feature of the Divi Form Builder. This advanced tool allows you to create ‘choose your own adventure’ style experiences within your forms, enhancing both the functionality and engagement level of your website.

Conditional Logic in Divi Form Builder enables you to show or hide fields in your forms based on the responses received from other fields. This dynamic interaction ensures that users only see the most relevant questions or fields based on their previous inputs, streamlining the form-filling process and making it more intuitive.

Imagine a form where the subsequent questions depend on the user’s initial choice, such as their gender, preferences, or specific needs. For instance, if you have a radio selection field with options for male and female, Conditional Logic can be employed to display different follow-up questions tailored to the selection made. This not only personalizes the user’s experience but also prevents them from being overwhelmed by irrelevant fields.

The implementation of Conditional Logic in your forms is more than just a technical feature; it’s about creating a smart, responsive, and user-focused interaction. By adapting the form content based on user input, you enhance the relevance and efficiency of the form-filling process, leading to higher completion rates and improved user satisfaction.

Embrace the power of Conditional Logic with Divi Form Builder to transform your forms into dynamic, interactive experiences. It’s a smart way to cater to your users’ specific needs, making every form submission a personalized journey.

Bloom Integration

Streamline Your CRM and Newsletter Integrations with Bloom

Enhance your marketing and customer relationship efforts using the ‘Bloom Integration’ feature in the Divi Form Builder. This integration bridges your forms with leading newsletter services and CRM platforms, such as Mailchimp, making it effortless for visitors to sign up directly through the forms on your Divi website.

Bloom, another exceptional plugin by Divi, specializes in connecting with various newsletter and CRM services. By integrating Bloom with Divi Form Builder, you unlock the potential to seamlessly collect and manage leads, subscribers, and customer data. This integration is a vital tool for growing your mailing list, enhancing customer engagement, and streamlining your marketing campaigns.

Setting up this integration is straightforward. All you need to do is install Bloom, which is part of your Elegant Themes license, configure your account with the desired newsletter service or CRM, and then enable the integration on your Divi Form Builder forms. Once set up, Divi Form Builder and Bloom work together to handle the rest, ensuring a smooth data flow from your forms to your chosen platforms.

This feature not only simplifies the process of collecting user information but also aligns with your overall marketing strategy. By enabling visitors to easily subscribe or provide their details through your forms, you enhance user engagement and open up new channels for communication and marketing.

Leverage the Bloom Integration in Divi Form Builder to connect your website forms with your newsletter or CRM systems. It’s a powerful, efficient way to expand your outreach, manage customer relationships, and grow your business.

Automatic Field Mapping

Effortless Form Creation with Automatic Field Mapping

The ‘Automatic Field Mapping’ feature in the Divi Form Builder is a time-saving innovation designed to streamline the form creation process, especially when dealing with complex or extensive data fields. This feature significantly reduces development time, making it a boon for busy website developers and administrators.

When using the frontend post creation form type in Divi Form Builder, it’s necessary to map the inputs of the form to the corresponding fields of the post. This can be a daunting task, especially when dealing with a large number of categories or numerous Advanced Custom Fields (ACF) select options. Manually adding each option to the form select field can be time-consuming and prone to errors.

However, with the Automatic Field Mapping feature, this process becomes a breeze. Once enabled, it automatically sets up all the necessary options for you, eliminating the manual labor of inputting each field individually. Whether it’s categories, tags, or custom select options, this feature ensures they are all accurately reflected in your form with minimal effort on your part.

This feature not only saves time but also ensures precision in form setup, reducing the chances of errors that can occur with manual data entry. It’s perfect for complex forms where accuracy and efficiency are paramount.

Embrace the efficiency of Automatic Field Mapping in Divi Form Builder. It’s an essential tool for anyone looking to cut down on development time while maintaining high standards of accuracy and functionality in their forms.

Developer Friendly

Unleash Creativity with Developer-Friendly Customization

The Divi Form Builder plugin isn’t just a tool for creating forms; it’s a playground for developers who want to push the boundaries of form design and functionality. Understanding the diverse needs and skills of our user base, we’ve ensured that the plugin is not only user-friendly but also developer-friendly.

For those who love to delve deeper and customize further, Divi Form Builder offers an extensive range of options to create custom forms. We provide numerous actions and hooks for developers to tap into, allowing for a high degree of customization and functionality enhancement. Whether it’s integrating new features, creating unique form behaviors, or integrating with third-party services, the plugin is designed to be flexible and adaptable to your coding prowess.

Our aim is to handle the foundational aspects of form building, giving developers the freedom and tools to focus on what they do best – innovating and creating. With Divi Form Builder, you have the freedom to experiment and extend the capabilities of your forms beyond conventional limits.

This developer-friendly approach ensures that you can tailor the forms precisely to your project’s needs, whether it’s for a simple website or a complex enterprise solution. With Divi Form Builder, your creativity is the limit, and we’re here to support that journey every step of the way.

See a full list of hooks here

Calculable fields

Simplify Complex Calculations with Calculable Fields

Elevate the functionality of your forms with the ‘Calculable Fields’ feature in the Divi Form Builder. This powerful tool allows you to create forms that can perform calculations, adding a dynamic and interactive element to your user’s experience.

Calculable Fields are perfect for situations where you need to sum up values, calculate totals, or perform other mathematical operations within your forms. This feature is invaluable for a variety of applications, such as order forms, booking forms with pricing calculations, registration forms requiring fee totals, and much more.

The ease of setting up Calculable Fields means you can integrate complex calculations without the need for extensive programming knowledge. Users can input their data, and the form will automatically calculate the required values based on the predefined parameters you set. This not only enhances user interaction but also ensures accuracy and efficiency in the data collection process.

By incorporating Calculable Fields in your Divi forms, you’re not just collecting information; you’re providing a service that simplifies calculations for your users. It’s a thoughtful addition that can significantly improve the functionality and user-friendliness of your forms.

Embrace the power of Calculable Fields with the Divi Form Builder to create more than just forms – create interactive tools that calculate, inform, and engage your users.

Zapier integration

Connect and Automate with Zapier Integration

Unlock endless possibilities for automation and connectivity with the ‘Zapier Integration’ feature in the Divi Form Builder. This integration opens up a world of efficiency, allowing you to connect your forms with over 2,000 web applications, streamlining workflows, and enhancing data management.

Zapier acts as a bridge between your Divi forms and a vast array of services and apps, including CRM systems, marketing tools, cloud storage, and much more. With this integration, actions taken in your forms can trigger workflows in other apps, or vice versa, automating tasks that would otherwise require manual intervention.

For instance, form submissions can automatically add contacts to your CRM, enroll users in marketing campaigns, trigger email notifications, or update spreadsheets. This seamless interaction not only saves time but also ensures that your data flows accurately and efficiently across your digital ecosystem.

Setting up Zapier Integration with Divi Form Builder is straightforward. Once connected, the intuitive interface of Zapier allows you to create ‘Zaps’ – automated workflows that link your forms with the apps you use every day. Whether you’re looking to streamline lead management, enhance customer engagement, or automate administrative tasks, Zapier makes it possible.

Embrace the power of Zapier Integration in Divi Form Builder to transform your forms into powerful connectors, automating workflows, and enhancing productivity across your entire digital landscape.