Divi Contact Form with File Attachment

by István Finta | oct 22, 2023 The built-in Divi Contact Form is a powerful module for mailing, creating dynamic survey etc. It provides almost every possibile input types. One except is the file attachment. The open source and free 'divi contact form with file attachment' plugin, implemented by Roni Zongor & Co. / TECH makes possible to receive image files from our visitors as an attachment, if needed.

This module based on the default Divi Contact Form module. From visitors perspective it has four, configureable required fields:

sender name,
sender email,
sender message,
privacy policy consent.

The first three ones are equivalent with the basic configuration of the Divi contact form. The fourth one is an explicit warning that sensitive data will be given to the receiver.

Besides these fields there is an optional toggle, which switch the file attachment capability. This optional field consists of four parts: a title where we can draw our visitors attantion to the file attachment possibility.
Two sub texts, through which we can inform them about the technical requirements, like only png and jpg formats are accepted. We can notify them that with the holding of the 'ctrl' key during file selection we have possibility to attach more than one file at once. Additionally we can inform them about the maximum size of the aggregated file size.
An example is shown in the following figure.

From admin point of view the editor gets a regular module panel which is divided into six sections:

receiver side information,
form fields placeholder texts plus the text of the submit button,
file attachment functionality,
spam protection settings,
submit operation outcome messages,
privacy policy settings.

Receiver side settings and the description of the form fields are straightforward. The file attachment contains however, a important option: aggregated file size. Here you can control the maximum amount of files can be sent as an attachment. The default value is 2MB. Additionally, a file number counter will be implemented to avoid overloading possibility via too many small files.
At current stage (v1.0.0.) on the course of spam protection two options are available: no protection at all. Or, Google recaptcha v3 can be set. Via the slider the 'capthca score' also can be set from the admin panel.
The Divi like basic spam protection is wired out to the admin panel but without any functionality yet.

At current stage (v1.0.0.) the designing of the individual elements from the admin panel is not an option yet. However, according to the plan in the forthcoming versions this functionality will be implemented as well.

You can download the latest version of this plugin for free from here.
As soon as we can we going to upload this bundle to Divi Market Place too.

The github page with the source code is available via this link. The code falls under GPLv2 license.

Hope you will find this plugin useful during your projects. If so, give us positive feedback please.

frontend
web
wordpress
php

Divi Contact Form with File Attachment

Related posts