Image Upload

You can incorporate a drag-and-drop image upload field in Contact Form 7. This will allow users to attach images by simply dragging them into the upload area.

Follow the below guideline to add a drag-and-drop image upload field in Contact Form 7.

Make sure you have installed both Contact Form 7 & Essential Addons Contact Form 7 plugins inside your WordPress.

Enable Image Upload

You must enable Image Upload integration before implementing a drag-and-drop image upload field in Contact Form 7. To do that, follow the below steps:

Navigate to the Contact Form 7 menu.
Essential Addons.
From the Fields tab enable the Image Upload.

Add Image Upload Field

To implement the Image Upload in your contact form follow the below steps:

Navigate to any existing form or create a new one.
Add the “Image Upload” tag where you want to display in your form.

Configure Image Upload

After clicking the Image Upload Field tag a new popup window will appear. Here you can configure & customize the Image Upload settings.

Field Type: Tick or untick whether you want to mark it as required or not.
Name: Usually the name field is auto-generated. You can add custom value if required.
Allowed Image Extensions: Type allowed image extensions. Enter pipe (|) separated list of allowed image extensions. Leave blank to allow all extensions.
Max Image Size (MB): Enter the max size of each file, in megabytes. If left blank, the value defaults to the maximum size the server allows which is 300 MB.
Max Images Uploads: Enter the maximum number of images to allow. If left blank, the value defaults to 1.
Save to Media: Allow uploaded images to be saved on the WordPress media library.

Click the Insert Tag button once the configuration is done.