File Upload Contact Form

File Upload Contact Form

Include a file upload field to a contact form.


File Upload Form

Coding Instructions

Step 1. Edit the cpanel form

Open your cpanel form by navigating to Webstore > Form. If you can't see this as an available option, you'll need to enable the link by going to Setup & tools, clicking on Content Types Manager, clicking on form, and then ticking the Show in control panel menu box.

Scroll down to the Module settings section, enter "file" in the File upload field section, and hit save.

Step 2. Add the necessary code to your HTML form

Scroll up to the Description section for the form, hit Source Code, and then add the following parameter into the opening form tag:


Paste the below code where you'd like your file upload field to appear:

<div class="form-group"><label>File Upload</label>
    <input class="form-control" name="inp-file" size="40" type="file" value="" />

Final Result

File Upload Form

Was this article useful?

Be notified when this page is updated. Optional.