Multiline files upload for contact form 7

Description

Multiline files upload for contact form 7 allows user to attach unlimited files to upload to Contact Form 7 in wordpress website, User can upload unlimited files one by one, selected files will be displayed nicely on the screen. User can even delete the already selected file. Admin can set to send all attached files via email. All files will be combined into one ZIP file. This plugin is configurable. You can change the style of the buttons and files list.

Features

  • Receive multiple files via email
  • Accept (Documents, Audio, Video, Music, and Others)
  • Allow different MIME (File Types) that are not directly accepted by WordPress
  • Frontend upload button to select file easily
  • Upload files one by one
  • See list of selected files
  • Delete any individual file
  • Responsive design, uploader works well with Mobile, Tablets, Laptop and Desktop
  • Compatible with Latest WordPress
  • Very Easy Installation & Config

Requirements

  • Contact Form 7 Plugin
  • ZipArchive() extension enabled on your hosting server
  • WordPress (Ofcourse!)

How to Use Multiline files upload for contact form 7

  1. Go To Contact form 7 -> Edit your form -> Click multilinefile to open one dialog box that contain diffrent types of options (Screenshot 1):
    • File size limit(bytes)- It allows you to add your custom file size in bytes format.
    • Allowed file types – It allows you to define allowed file formats, just add your filetypes code. Seprate them with ‘|'(pipe) sign when you set multiple file types.
  2. Fill dialog box options as per your requirement then click Insert Tag button to generate one shortcode. Now place this shortcode where you want to display Add File button.(Screenshot 2, Screenshot 3)
  3. Once shortcode is inserted you can see Add File button in your contact form, refer screenshot below.(4)
  4. Now go to the mail panel and copy your multilinefile uploading tag and paste into File Attachements box and click on save buton. (screenshot 5)
  5. Now click on Add File button and select your document, audio, video or any type of file. By default, uploaded files list will show up before Add File button. (Screentshot 6)
  6. User can delete any selected files by clicking respective X icon beside filename.
  7. Once all files are selected, click send to submit the form. Its very easy and quick.
  8. If you have configured to receive files, This plugin will send your uploaded files as single ZIP file.

Premium Features

  • How to change location of file list? (Screenshot 7) – If you want to change location of file list, try our premium plugin
  • How to remove one file if more than one files selected in batch? – This feature is available in our premium plugin

How to change style?

If you want to change our plugin button or others file listing style and apply your custom style please add your custom css in your theme’s css file. Adding style in child theme is recommended. Here I have shown style guide for button and listing. so, you can easily update style of the elements.

  1. Buttton style: #mfcf7_zl_add_file { background-color: #004834; }

  2. ‘X’ icon style: .mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file i { color: azure; }

  3. Selected file name style: .mfcf7-zl-multifile-name { color: black; }

Screenshots

  • how to add multiline field.
  • set various parameters in popup
  • put generated shortcode in contactform, best place to put is before submit button
  • this is how Add File Button will appear.
  • set field name in Mail - File attachments field
  • This is how your files list will appear
  • Change placement of files list - Premium Feature

Installation

Installation via WordPress plugin installer

  1. Extract the plugin package on your machine that you downloaded from CodeCanyon.
  2. Hover over the plugins menu item on your left sidebar in your WordPress admin area and select “Add New”.
  3. In the new page click on the “Upload” menu item on top of the page.
  4. Choose the multiline-files-upload-for-contact-form-7.zip file that you extracted from the downloaded package and click “Install Now”.
  5. The plugin is now installed, click on the “Activate Plugin” button.
  6. Now, you can go to contact form 7 and configure the plugin.

Installation via FTP

  1. Extract the plugin package on your machine that you downloaded from CodeCanyon.
  2. Find the multiline-files-upload-for-contact-form-7.zip file in the extracted content and extract it also.
  3. Open your favourite FTP application and connect and navigate to your “/wp-content/plugins/” folder
  4. Copy over the folder extracted from multiline-files-upload-for-contact-form-7.zip file
  5. Navigate to your plugins page on your WordPress admin area and click the “Activate” button
  6. Now, you can go to contact form 7 and configure the plugin.

FAQ

  1. Will it work with other form plugins except from Contact Form 7? – No
  2. I am not getting files attached in email – Make sure, you followed instructions to setup attachment in contact form 7 Mail option, refer screenshot 5.
  3. How can I get seperate files instead of one zip file as attachment? – You can not, sorry!
  4. Can I add two Add files button on same page or same form? – Not yet, we will add support for it really soon

Reviews

Works great!

This plugin does what it says it does, and does it very well! The added option it provides makes it a very useful plugin.

Works great 🙂

Have had no problems working with this plug-in and it has been helpful in improving our online presence.

Very help full

Very nice plugin to upload multiple files using Contact form 7 plugin. Easy to use and easy to manage.

Great Work.

Read all 4 reviews

Contributors & Developers

“Multiline files upload for contact form 7” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.3

  • Safari Compatability issues fixes and UI/UX improvements

1.2

  • Bug fixes and UI/UX improvement

1.1

  • Bug fix for older IE browsers
  • Added ability to change upload button name

1.0

  • Initial Release