How to add a job application form to your website and let visitors apply online

How to add a job application form to your website and let visitors apply online
Nina De la Cruz
Nina De la Cruz 6 min read
💥 Join 5K subscribers

If your company is looking for new employees, having a job application form on a website might be a good idea for a couple of reasons. First, you instantly let all your website visitors know that you are hiring. Second, you can refer candidates to a dedicated employment form and have them apply online.

This way, you make the process simpler for the job-seekers as well as for your HR who will be able to receive the applications in the same format from a single source.

For instance, you can place a panel at the bottom of a webpage, saying “We are hiring” or “Work with us”. Once a website visitor clicks on it, the panel will launch your employment form. Check the example below to see how it works.

If you want to make the hiring announcement more eye-catching, you can use a floating bar instead of a panel. Placed at the top or bottom of a webpage, it provides more space for your message and drives more attention.

Once clicked, the button on the floating bar will launch a pop-up form your candidates will be able to fill out right there.

If you liked any of the employment form examples above, feel free to use them as templates. Just click on the See live preview link and follow the instructions to add the desired widget to your website.

Below, we’ll show you how to create a job application form from scratch and customize it to your needs. Plus, we’ll include a couple more examples you can use for your own website. Before we start, you’ll need to create an account with Getsitecontrol.

How to create a job application form for your website

First, we’ll show you how to add a “We’re hiring” panel, like the one illustrated in the first example.

  1. Log in to your Getsitecontrol account.

  2. Click +Create widget and choose Contact visitors from the dropdown list.

  3. Select the webpage position for your widget: Panel. Then select a template (with or without image), a position (left or right) and click Continue →.

  4. This template already includes two fields: “Email” and “Message”. You can leave the fields as they are, modify them or add new ones (like “Name”, “Phone”, “Best time to call” and “Comments”) on the Content tab.

How to create a "We are hiring" form using Getsitecontrol

  1. If you’d like to change the look of the form, you can do it on the Appearance tab: change the colors of text and buttons for the widget and, if necessary, its size and paddings.

  2. Save the widget by clicking Save & close and activate it – your job application form will instantly go live on the website.

Now, each time someone fills out the form, you (or your HR) will receive an instant notification via email and will be able to reply directly from the inbox.

How to create a “We are hiring” floating bar

If you want to launch a “We are hiring” form from a floating bar, the creation process will be slightly different. You’ll need to create two widgets — a pop-up form and a floating bar — and connect them in your Getsitecontrol dashboard.

First, create the form:

  1. Log in to your dashboard, click +Create widget, and select Contact visitors.

  2. Select the webpage position for the pop-up form: Modal or Fullscreen. The former will pop up in the center of the screen, the latter will take up the entire screen.

  3. Adjust the fields, the copy, and the appearance of your job application form using the corresponding tabs.

  4. On the Targeting tab, find the section titled Start to display the widget. By default, it contains the condition called “At once”. Since you only want to display the form upon button click, remove this condition and leave the field empty.

  5. Save and activate the widget.

When launched, a Fullscreen form will look somewhat like that:

Once the employment form is ready, you need to create a floating bar. Feel free to grab the template from the beginning of this post or create one from scratch.

Here is a step-by-step guide for you to follow:

  1. Log in to your dashboard, click +Create widget, and select Notify visitors.

  2. Select Bar and choose its position on a webpage.

  3. Change the copy and customize the appearance of the floating bar if needed.

  4. Make a click on the Button field to open the button settings. Remove the “Close widget” rule.

  5. Click +Add action, proceed to Show widget, and select your job application form from the list. Save and activate the widget.

How to customize a job application form

You can customize quite a few things about your form. That includes how, when, and where it will be displayed on your website. Let’s start with the form appearance and then move on to other features.

The default form suggested by Getsitecontrol contains the following fields:

  • Email
  • Message

You are free to add, remove, or rename any fields. For instance, you can change “Message” to “Cover letter” and ask why a candidate wants to join your team. You can also make any field optional or required.

To add a new field, go to the Content tab when editing your widget. Click on the corresponding button and choose the type of a field according to your goals.

Apart from text fields, you can add dropdown lists, checkboxes, radio buttons, and rating scales.

For example, you may want to add a required checkbox to make sure that the applicants are authorized to work in the country of your company location.

Once an applicant fills out the form and clicks “Submit”, you can redirect them to another page or simply thank them for participating and close the job application form automatically.

You can also fine-tune the following:

  • Schedule
    Select dates you want the job application form to be available on a website (Targeting tab). It might be useful if you’re planning to limit the period of time when new applications are accepted.

  • Placement
    Decide on which pages you want the form to appear (Targeting tab). This is applicable if you want to display your “We are hiring” form on selected pages of your website, such as “About”, “Contact”, or “Careers” instead of placing it sitewide.

  • Audience
    You may want to make the form visible to the selected audiences, based on their location, language, IP, and more (Targeting tab). For example, if you’re only looking for local applicants, you can indicate that by showing the form in the selected areas.

  • Autoresponder
    Finally, you can send emails to those who have filled out the form and included their email addresses (Notifications tab). To automate the workflow, you can also integrate the form with various 3rd party software – such as your CRM or your Human Resources app.

Job application form examples you may consider using

Typically, the employment form placed on the website serves as the first stage of the funnel. It’s a primary filter to sort out the applicants based on the most essential requirements – such as eligibility to work in the country, schedule peculiarities, or the type of employment. That’s why we recommend including the fields with the non-negotiable terms the job position suggests.

Consider the example above. It obviously doesn’t collect sufficient information about the applicant’s skills, yet it instantly gives you the understanding of the basic job terms they’re looking for. This might be a good idea when you expect a large volume of applications and you want to optimize the time filtering them.

You don’t always need to ask candidates to upload their resume. Ask for a link to their resume or their LinkedIn profile instead.

Add a simple job application form to your website today

After this brief walkthrough, you should be able to add a basic job application form to your website within minutes. Such a form should be sufficient to help with the early pre-qualifying.

If you’d like to add an additional layer of information about the candidate, Getsitecontrol allows you to create multi-page employment forms. That means you can break down your questionnaire and display one or two questions per page.

Good luck with finding the right people for your team!

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Request forms section.

Get the print version

Download a PDF version of our use case for easier offline reading and sharing with coworkers.

Download PDF

Best practices

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Request forms section.

Subscribe to get updates

Get beginner-friendly tips for growing your online business.

Join the list →