---
title: Example: Create a job application form
slug: cms-12/docs/example-create-a-job-application-form
docTags: 
createdAt: 2026-08-10T15:55:58.000Z
---

The following example shows multiple steps to create a job application form. In the first step, the visitor enters their name and email address and selects a job type to apply for. If the visitor selects the job type *Support*, a second step is displayed where they can enter some additional information. Visitors who select any other job type are taken directly to step three, where they can upload a resume. It uses the following elements: [Form step](docId\:dGqSQKV0mgM33Efyrw9v5), [Text](docId\:dGqSQKV0mgM33Efyrw9v5), [Selection](docId\:dGqSQKV0mgM33Efyrw9v5), [Text area](docId\:dGqSQKV0mgM33Efyrw9v5), [Hidden visitor profiling](docId\:dGqSQKV0mgM33Efyrw9v5), [File Upload](docId\:dGqSQKV0mgM33Efyrw9v5), and [Submit button](docId\:dGqSQKV0mgM33Efyrw9v5).

1. From the assets panel, select **Forms** to list the existing form folders.
2. From a folder's context menu, select **New Form** and give it a name such as *Job application*.
3. Drag the following form elements onto the new form container. Change the elements as follows (add your own **Placeholder** text) and publish each element:

   - [Form step](docId\:dGqSQKV0mgM33Efyrw9v5) – Label the form element *Step 1*.
   - [Text](docId\:dGqSQKV0mgM33Efyrw9v5) – Label the field *Full name* and select the **Required** checkbox.
   - [Text](docId\:dGqSQKV0mgM33Efyrw9v5) – Label the field *Email* and add a tooltip.
   - [Selection](docId\:dGqSQKV0mgM33Efyrw9v5) – Adjust the settings of the form element as follows:
     - **Name the element**: *Job type*
     - **Label text**: *Job type*
     - Select the **Required** check box.
     - Under **Choices**, select **Use manual input** and add the following items:
       - **Choice**: *Development*; **Value** *Development*
       - **Choice**: *Engineering*; **Value** *Engineering*
       - **Choice**: *Expert Services*; **Value** *Expert Services*
       - **Choice**: *Support*; **Value** *Support*
   - [Form step](docId\:dGqSQKV0mgM33Efyrw9v5) – This form element inserts a conditional step only displayed if the visitor selects the job type *Support*.
     - Label the form element *Step 2*.
     - On the **Settings** tab, make the following adjustments:
       - **Only display if field**: click **Browse** \[**...**] and select **Job type**.

         ![Select dependent field](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/17eYKBjwSR9nXl04ry96c-20260720-145541.png "Select dependent field")
       - **value...**: select **Equals**.
       - **the following value**: enter *Support*.

         ![Settings tab setup](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/hCiQPSfWM4XZjrA5EGi4c-20260720-145541.png "Settings tab setup")
   - [Text area](docId\:dGqSQKV0mgM33Efyrw9v5) – Label the form element *Cover Letter*.
   - [Form step](docId\:dGqSQKV0mgM33Efyrw9v5) – Label the form element *Step 3*.
   - [Hidden visitor profiling](docId\:dGqSQKV0mgM33Efyrw9v5) – Select **Geo: Region Code**. This field is used for internal purposes only and is not displayed to the visitor. Optimizely will log where each visitor (who fills in the form) is located.
   - [File Upload](docId\:dGqSQKV0mgM33Efyrw9v5) – This form element inserts a file upload functionality where you control which types of files and file sizes the visitor is allowed to upload.
     Adjust the settings of the form element as follows:
     - **Label text**: *Upload resume. Allowed file types: PDF, DOCX, TXT*.
     - **Max file size**: *4* (MB).
     - **Allowed extensions**: *pdf, docx, txt*
     - Select the **Required** check box.
   - [Submit button](docId\:dGqSQKV0mgM33Efyrw9v5) – Label the button *Submit resume*.

   ![Edited job application form](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/YQy61mh1utasUxhJErtyA-20260720-145541.png "Edited job application form")
4. Select All Properties view and select the **Show Navigation bar if the form has multiple steps** check box.
5. Publish the form container.
6. Drag and drop the *Job Application* form onto a web page and publish the page.

## Test your form

To test your form, go to the page on the website and enter data into the form on the page in View mode.

1. Enter a name, and email address, select a job type, and click **Next**.

   ![Step 1 example](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/Mf9AWMqHRcfXPCr2XoSUt-20260720-145541.png "Step 1 example")
2. If you choose **Support**, then you see the following step. If you do not select **Support**, skip this step and go to the next step. Enter text for a cover letter and click **Next**.

   ![Step 2 example](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/tiGyraWaGH96S9ddvRRLj-20260720-145541.png "Step 2 example")
3. Click **Choose File** and upload a file (pdf, docx, or txt only). Then click **Submit resume**. When you submit the data, it is stored in Optimizely.

   ![Step 3 example](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/siUOrjwJDtK45Pjfs1I0M-20260720-145541.png "Step 3 example")

## View form submissions

To view your test results, go to your *Job Application* form and select **Form submissions** from the context menu. The **Form submissions** view displays data submitted from the form.

![Job application form submissions](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/bSckAPD-1K52owugL8pKR-20260720-145541.png "Job application form submissions")