Add a job application form to your website

Nina De la Cruz Nina De la Cruz 6 min read

If your company is looking for new employees, having a job application form on a website is a great idea.

It notifies all website visitors you’re hiring and makes the process simpler for both your applicants and your HR who will receive the applications in the same format because they will be submitted through a single source.

Even if you’re a non-techie, you can place a job application form like this one on your website within minutes. It will look like a “We’re hiring” button that expands into a form when a visitor clicks on it.

Once an applicant fills out this form, you (or your teammates) will receive an email notification you can respond directly from the inbox.

In the following sections, we’ll show you how to create a job application form using Getsitecontrol – an easy-to-use website form builder. Plus, we’ll include a few more templates you can customize and add to your website.

How to add a simple job application form to your website using Getsitecontrol

Of all templates, panels are the easiest way to add a job application form to your website. All you need is to add custom fields and decide where you want to display the form. Let’s see what the process looks like.

Step 1. Add the template to the dashboard

To get started, click on the template featured at the beginning of the article and follow the prompts on the right-hand side to add it to your Getsitecontrol dashboard.

How to create a job application form for a website using Getsitecontrol

From there, you’ll be able to change the panel position, color theme, and text.

💡 For example, you may want to change the description from “Job application” to “Join our team” or “We’re hiring”. Since this is the only piece of text your website visitors will see before opening the form, it’s best to make it more enticing.

Step 2. Add custom fields

To edit or remove form fields, just click on them and proceed with the changes. If you need to create a new field, you have multiple options. You can add text fields, dropdown menus, checkboxes, and even star rating scales.

Use the + Add field button in the right-side menu and select the required option. Then go ahead and customize the field on the next screen.

How to add custom fields to the website job application form

Notice that by default, all fields are mandatory. To change that, uncheck the Required box.

Step 3. Decide where you want to display the job application form

At this point, the form is ready to go live on your website. However, if you want to display it on selected pages, open the Targeting tab and type the URLs of those pages in the first field.

How to display job application form on selected website pages

Once you’re finished, hit Save & close and follow the prompts to activate the form on your website. To start displaying the panel, remember to connect Getsitecontrol to your website.

Connecting Getsitecontrol is a straightforward process that requires zero coding knowledge. You can either follow the prompts in your dashboard or read the instructions for your website platform.

How to view incoming job applications

If you want to receive instant email notifications whenever someone fills out your job application form, check the corresponding box in the Notifications tab and type your email address. However, you will also be able to view incoming applications right in your Getsitecontrol dashboard.

How to view incoming job applications in Getsitecontrol

The form Statistics section includes the performance overview as well as a detailed report on each submission. You can download submissions in bulk, view them one by one, or send them to any 3rd-party cloud app.

How to add a floating “We’re hiring” button to your website

The second most popular format for the job application form is a floating button that launches a fullscreen popup upon click. This is what it looks like 👇

To implement this option, follow the instructions below.

Step 1. Select a form template

For this scenario, we recommend using fullscreen forms because they provide enough space for extra fields and create a distraction-free experience for the applicant.

So, the first step is to click on the template and add it to your Getsitecontrol dashboard.

Step 2. Add custom fields

If you want to change the title or description, click on the corresponding text field and edit the text. To change or remove the existing fields, just click on them and make your edits on the next screen.

How to add custom fields to a form in Getsitecontrol

Keep in mind that you can also change the submission success message located on Page 2. This message is what the applicants will see after having submitted the form.

Submission success page displayed after an applicant fills out the form

You can use this page to thank them for applying, add social media links, or encourage further actions.

Step 3. Adjust the appearance of the form

If you want to change the color theme, font, or image, you can do it too. For instance, to replace the default image, you can upload your own visual or select one from the built-in Unsplash gallery.

How to change the image on a Getsitecontrol form

Before saving and activating the form, open the Targeting tab and find Start to display the widget field. Remove the default condition saying that the form should be displayed “at once”.

How to remove default targeting settings for a Getsitecontrol form

This means that the form will only pop up when a visitor clicks on the floating button, a.k.a. the launcher 👇

Step 4. Select a launcher template

Once you’re finished with the form, it’s time to select the launcher. Check the gallery to choose the floating button you like, add it to the dashboard, and type your call to action.

We’re hiring floating bar announcement

It’s best if your copy will be concise and action-driven. If you’re planning to publish this button sitewide, your visitors should have a clear idea of what its purpose is.

Step 5. Connect the launcher and the form

The last step is to connect the floating button and the form. To do that, go to the Background click settings and remove the default “Open URL” option. Hit + Add action, proceed to Show widget, and select your job application form from the list.

How to connect a floating button and a job application form in Getsitecontrol

Once you’re ready, hit Save and close, then follow the app prompts to activate the button. To start displaying the “We’re hiring” button on your website, remember to connect your Getsitecontrol account.

How to feature a job application form using a sticky bar

The third most popular way to let your website visitors know you’re looking for new employees is a sticky bar 👇

This template provides more space for you to include the details about the position, and it guarantees to drive more eyeballs to your announcement.

The “APPLY NOW” button is designed to launch the actual application form which can be the same fullscreen popup form we featured above or a sidebar like this one 👇

Remember that you’ll need to connect the ‘APPLY NOW’ button on the sticky bar with the actual job application form. In this case, if you want the sticky bar to launch the form and close at the same time, add both actions to the button click settings.

How to launch a sidebar form upon a button click

Add a simple job application form to your website today

By now, you should be able to add a basic job application form to your website within minutes. A brief, single-page form tends to be sufficient for early pre-qualifying. However, you can also create multi-page forms and ask as many questions as you want.

Good luck finding the right people for your team!

Nina De la Cruz is a content strategist at Getsitecontrol. She is passionate about helping small and medium ecommerce brands achieve sustainable growth through email marketing.

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