Contact Form 7 includes a general purpose form that webmasters can use to quickly collect visitor questions and feedback. But what if your goal is to do something more specific with your form, like to attract applicants for a new job opening? The same free plugin can help with this, and we’re here to walk you through the process of creating a Contact Form 7 job application step by step.
- Building the Form
- Delivering Applicant Submissions
- Publishing Your CF7 Job Application
- Customizing Your Employment Form
- Getting the Most out of Your WordPress Job Application
Copy and paste the template and mail snippets that we’ll provide ahead to generate a working application within minutes. After you’ve laid the foundation for your Contact Form 7 job application, we’ll show you how to customize it to the needs of you or your company.
Building the Form
You’ll want to be sure that you’ve already installed and activated the CF7 plugin before proceeding. You can refer to our complete plugin tutorial for help with that. After confirming that Contact Form 7 is in place, create a blank form using the Add New link under the admin menu’s Contact tab.
WordPress will direct you to the Form tab of your budding job application. The tab’s textarea will include code for a generic contact form by default, but you’ll soon replace that with the code ahead.
Contact Form 7 Job Application Template
Paste the following snippet in the textarea of the Form tab. Be sure that you’ve replaced all of the textarea’s default code with this Contact Form 7 job application template code.
<label> Your Name (required) [text* your-name] </label> <label> Email Address (required) [email* your-email] </label> <label> Phone Number (required) [text* your-phone] </label> <label> Street Address (required) [text* your-address] </label> <label> City (required) [text* your-city] </label> <label> State or Province (required) [text* your-state] </label> <label> Your Resume (required) [file* your-resume filetypes:pdf|doc|docx] </label> [submit "Send Application"]
After titling your application form and ensuring that the textarea includes only the snippet provided above, save your changes. Next, you’ll need to create some delivery rules for applicant details and resumes.
Delivering Applicant Submissions
That was fast! You’ve already laid out your Contact Form 7 job application, but you still need to tell the plugin how to handle new submissions. Applications will be sent via email, but what should that email look like and who should receive the message? Visit your application’s Mail tab to define all of these rules.
Application Message Body
The Mail tab’s Message Body textarea is where you’ll paste the contents of your notification email. The following snippet will relay all of the information supplied by an applicant and can replace the textarea’s default contents.
Applicant: [your-name] <[your-email]> Phone Number: [your-phone] Street Address: [your-address] City: [your-city] State or Province: [your-state] Resume: Attached to this message -- This e-mail was sent from a contact form on Example Site (https://example.com)
If you reviewed the Contact Form 7 job application template code before pasting it in the Form tab, you may have spotted its resume field tag. That field tag adds a file input to your application and allows visitors to include resumes with their submissions. To attach those resumes to your notification email, you’ll need to paste the following in the Mail tab’s File Attachments field.
Because you’ve made some big changes to your form, you should go ahead and save it again. With your changes saved, your form is operational (but not yet public) and will deliver applications to your website’s admin email.
Your employment application’s Mail tab includes a few fields that have not been addressed yet. You’re free to adjust any of them as needed, but the To field and the Additional Header field in particular are worth a closer look.
Delivering to a Hiring Manager
The To field is the Mail tab’s topmost field. Its purpose is pretty self-explanatory, but what’s not immediately obvious is that you can include multiple addresses by separating them with commas. Feel free to supply the email address of a hiring manager or your company’s HR department in this field.
Responding to the Applicant
Before you publish your Contact Form 7 job application, have a look at the Mail tab’s Additional Headers field. It should include a single Reply-To rule by default, and as long as this rule is in place, replies to any new application notifications will be delivered to the job applicant.
Reply-to rules like these are handy when you need to send a quick followup email to the visitor that filled out your form. Say, for instance, that you’ve received a submission from a promising candidate and would like to set up an interview. Simply reply to the notification email that came from your website and your response will be sent to the candidate. If, however, you have no need for this rule, just clear the Additional Headers field and save your form’s changes.
Publishing Your CF7 Job Application
You’ve successfully laid out your Contact Form 7 employment application and have built the corresponding notification email. At this point, all that’s left is to make your application available to the public and to apply optional customizations.
The process of adding your form to a WordPress page is fairly straightforward. Just grab the custom shortcode from the top of your form’s editor and paste the shortcode to one of your website’s pages. The page you paste to can be an existing page or a brand new one.
Finally, be sure you’ve linked to the page from a prominent location like your website’s navigation menu. Consider a label like “Jobs” or “Careers” for the link or navgation menu item.
Customizing Your Employment Form
This walkthrough’s Contact Form 7 job application template will provide you with a completely functional form – no adjustments needed – but the power of the CF7 plugin is in its infinite customization options. It’s possible to edit, remove, and add any number of fields to your application from the plugin’s Form tab.
To return to this tab, click or tap the “Contact” tab in your WordPress admin menu followed by the “Contact Forms” item beneath it if you’re not automatically redirected. From here, locate your new application and click or tap the “Edit” link beneath it.
Adding a Job Position Dropdown
If the above template code is copied, pasted, and published without changes, your form will request a visitor’s name, phone number, email address, city, state, and a resume. All of these items will be required.
The buttons above the Form tab’s textarea allow for quick field additions. If you’re with a company that has several open positions, you might want to ask an applicant which position he or she is applying for. To achieve this, click or tap the “drop-down menu” button in the Form tab.
Name your dropdown and list available positions (one per line) from the form tag popup. When you’re finished, click or tap the popup’s “Insert Tag” button to add the field to your form. You can reposition the new field within the textarea as needed.
Don’t forget to add the new field to your outgoing notification email. If you skip this step, email recipients won’t see what position the applicant is applying for.
You can add fields to notification emails from your form’s Mail tab. Refer to the list of tags above the tab’s To field and ensure that you’ve added any missing tags (those in bold) to your message.
Accepting Additional Resume File Types
The template’s resume field will accept Word documents and PDFs by default, but adding support for additional formats is a breeze. Return to your application’s Form tab and locate the following tag in the textarea:
[file* your-resume filetypes:pdf|doc|docx]
See the filetypes:pdf|doc|docx part? You can add common file extensions after docx while separating them with a pipe (or vertical bar character). So if you wanted to include support for OpenOffice files, the updated resume tag would look something like this:
[file* your-resume filetypes:pdf|doc|docx|odf]
Other resume file formats that applicants might try to send include rich text (rtf) documents and, in rare cases, plain text (txt) files. Refer to this handy website for an exhaustive list of the most popular text file extensions that the resume field might encounter.
Your form will reject and trigger an error against any upload with an extension that you’ve not explicitly listed in the resume tag. An update to your field’s accepted file types does not require any changes to your form’s notification email.
Getting the Most out of Your WordPress Job Application
Congratulations! Your Contact Form 7 job application is live and ready to accommodate eager candidates. Consider linking to your new form when announcing new job openings on platforms like Facebook and LinkedIn.
One final tip: while it’s tempting to load your Contact Form 7 job application with many fields in order to collect as much information as possible from visitors, resist the urge. Instead, you should allow applicants to highlight their best workplace qualities and other items of interest in their attached resumes. After all, an application that’s easy to find and even easier to use will always yield a greater number of job candidates.