Contact form7 attached file
Useful link as below：
https://whatsabyte.com/P1/byteconverter.htm
First, set up in the Form. Use class style to set the form as below:
Pay attention to the file, use whatsabyte to caculate the size, the maximum attached file of contact7 is 25M,so please set the size of each attached file carefully.
<label> First Name (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [text* firstname placeholder "First Name"]</div>
<label> First Name (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [text* lastname placeholder "Last Name"]</div>
<label> Date of birth (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [date* date-birth] </div>
<label> Your Phone number (required) </label>
<div style="margin-bottom: 25px;margin-right:550px;[tel* tel-phone] </div>
<label> Email Address (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [email* your-email] </div>
<label> Living situation (required) </label>
<div style="margin-bottom: 25px;margin-right:550px;[select* livingsituation "Own home" "Renter" "Boarder" "Living with parents"]</div>
<label> Your Address (required)</label>
<div style="margin-bottom: 25px;margin-right:550px; [text* text-address placeholder "Start typing your address"] </div>
<label> Marriage Status </label>
<div style="margin-bottom: 25px;margin-right:550px; [select* Marriage "Married" "De facto" "Widowed" "Divorced" "Single"]</div>
<label> How much do you get paid? (After-tax)(required) </label>
<div style="margin-bottom: 25px;margin-right:850px;"[select* paid "monthly" "weekly" "yearly"]</div>
<div style="margin-bottom: 25px;margin-right:550px;"[text* text-paid]</div>
<label> What are your monthly expenses?(required)</label>
<div style="margin-bottom: 25px;margin-right:550px;"[text* text-expenses] </div>
<label> NZ residence?(required)</label>
<div style="margin-bottom: 25px;margin-right:550px;"[select* residence "YES" "NO"]</div>
<label> Please upload your driver licence(required)</label>
[file* driverlicence limit:5242880 filetypes:rar|pdf|zip|doc|docx|xsl]
<label> Please upload your Passport(required)</label>
[file* passport limit:5242880 filetypes:rar|pdf|zip|doc|docx|xsl]
<label> Please upload your Payslip(required)</label>
[file* Payslip limit:5242880 filetypes:rar|pdf|zip|doc|docx|xsl]
<label> Please upload your Bank statement(required)</label>
[file* bank limit:5242880 filetypes:rar|pdf|zip|doc|docx|xsl]
[acceptance your-consent] Please acknowledge you have read the Privacy Declaration. [/acceptance]
[submit "Send"]
After setting the Form, go to the Mail to set as below
In Message body
From: [firstname][lastname] <[your-email]>
Subject: Application of [firstname] [lastname]
Application form:
Name:[firstname] [lastname]
Date of birth:[date-birth]
Email: [your-email]
Tel:[tel-phone]
Living condition:[livingsituation]
Address:[text-address]
How much do you get paid:$[text-paid] [paid]
Expenses monthly :$[text-expenses]
Marriage Status:[Marriage]
NZ residence? [residence]
[your-consent]
File attachments:[driverlicence]
File attachments:[passport]
File attachments:[Payslip]
File attachments:[bank]
In File attachments
[driverlicence][passport][Payslip][bank]
The key factor to set the attached file is to keep the right size and put the file in Message body and File attachments at the same time.
<label> First Name (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [text* firstname placeholder "First Name"]</div>
<label> Last Name (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [text* lastname placeholder " last name"]</div>
<label> Driver Licence No and Version (required) </label>
<div style="margin-bottom: 25px;margin-right:550px;[text* LicenceNo placeholder " driver licence no"]</div>
<div style="margin-bottom: 25px;margin-right:850px;[text* Version " version"]</div>
<label> Driver Licence Expire date (required) </label>
<div style="margin-bottom: 25px;margin-right:850px;[text* Expiredate placeholder "YYYY/MM/DD"]</div>
<label> Date of birth (required) </label>
<div style="margin-bottom: 25px;margin-right:850px;[text* date-birth placeholder "YYYY/MM/DD"]</div>
<label> Your Phone number (required) </label>
<div style="margin-bottom: 25px;margin-right:550px;[tel* tel-phone]</div>
<label> Email Address (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [email* your-email] </div>
<label> What is your employer's name? (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [text* employer]</div>
<label> How long have you worked in the current job? (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [text* worktimecurrent]</div>
<label> What is your after tax weekly income? (required) </label>
<div style="margin-bottom: 25px;margin-right:550px;" [text* text-paid]</div>
<label> How long have you worked in last job? (required) </label>
<div style="margin-bottom: 25px;margin-right:550px; [text* worktimeprevious]</div>
<label> Living status (required) </label>
<div style=" margin-bottom:25px;margin-right:550px;[select* livingsituation "rent" "own" "board" "other"]</div>
<label> Marriage Status </label>
<div style="margin-bottom: 25px;margin-right:550px; [select* Marriage "Married" "De facto" "Widowed" "Divorced" "Single"]</div>
<label> Your Current Address (required)</label>
<div style="margin-bottom: 25px;margin-right:550px; [text* text-address placeholder " start typing your address"] </div>
<label> How many dependent children? (required)</label>
<div style="margin-bottom: 25px;margin-right:550px; [text* text-children placeholder " children number"] </div>
<label> How much do you pay weekly for rent/mortgage? (required)</label>
<div style="margin-bottom: 25px;margin-right:550px;" [text* text-expenses] </div>
<label> How long have you lived in current address? (required)</label>
<div style="margin-bottom: 25px;margin-right:550px;" [text* text-currentaddress] </div>
<label> How long have you lived in previous address? (required)</label>
<div style="margin-bottom: 25px;margin-right:550px;" [text* text-previousaddress] </div>
<label> Visa status?(required)</label>
<div style="margin-bottom: 25px;margin-right:550px;" [select* visa "nz citizen"" NZ PR""nz residence" "visa work" "other visa"] </div>
<label> Do you have any finance owning? (required)</label>
<div style="margin-bottom: 25px;margin-right:550px;" [select* owning include_blank "YES" "NO"] </div>
[group finance]
If yes, state the balance and monthly payment: <div style="margin-bottom: 25px;margin-right:550px;" [textarea state] </div>
[/group]
<label> Please upload your driver licence(required)</label>
[file* driverlicence limit:5242880 filetypes:rar|pdf|zip|doc|docx|xsl]
<label> Please Upload recent 2 month bank statement(required)</label>
[file* statement limit:5242880 filetypes:rar|pdf|zip|doc|docx|xsl]
<label> Please Upload other document</label>
[file Other limit:5242880 filetypes:rar|pdf|zip|doc|docx|xsl]
[acceptance your-consent] Please acknowledge you have read the Privacy Declaration. [/acceptance]
[submit "Send"]
Two column test
<div class="one-half">
<label> Your Name (required)
[text* text-yourname]</label>
</div>
<div class="one-half lastcf7">
<label> Your Email (required)
[email* your-email] </label>
</div>
<label> Your Message
[textarea your-message] </label>
[submit "Send"]
Bootstrap
<hr />
<div class="row">
<div class="col-md-4">
[text* your-name class:form-control placeholder "Name (required)"]
</div>
<div class="col-md-4">
[email* your-email class:form-control placeholder "Email (required)"]
</div>
<div class="col-md-4">
[text your-subject class:form-control placeholder "Subject"]
</div>
</div> <!-- end of .row -->
<hr />
<div class="row">
<div class="col-md-12">
[textarea your-message class:form-control placeholder "Message"]
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-12">
[submit class:btn-block class:btn class:btn-primary class:btn-lg "Send" ]
</div>
</div>