Skip to main content

2.1 Create the Request Form

Purpose

ServiceNow offers multiple ways to create a user experience for submitting a form. In this exercise, we will learn one quick way to get users off paper forms and emails.

  1. Go to App Home tab, "App home Telework"
  1. On the application homepage, locate the Experience section and click the ⨁ Add icon.

This takes us to a selection where we can identify the type of experience we wish to create.

  1. Select the Record Producer option.
info

A record producer is a specific type of catalog item that allows end users to create records from the service catalog.

  1. This launches the record producer creator.
  1. Click on the Begin button
  1. Set the following values (💡 double-click, copy & paste into the form).

    Field NameField Value
    NameApply for Telework
    Short DescriptionUse this form to apply for Telework
    Click on the Continue button.

  1. Click on the Edit record producer button.
  1. Click on Destination , then type Tel, and select the Telework Case table.
  1. Click on Location , then under Catalogs, click on Browse.
  1. Click on Service Catalog , then click on the right arrow to move the item over to the Selected list.
  1. At the bottom, Click on the Save selections button.
  1. Under Categories , click on Browse.
  1. Move Can We Help You? to the right-hand side and Click on the Save selections button.

    Your screen should look like below.

  1. Let's add questions to the form. Click the Continue to Questions button.
info

Unlike in a paper-based form, we don't need to ask users to fill personal information like first name, last name, …, or date of request. That information will be automatically attached to the case. This makes filling forms so much faster.

  1. We want to allow users to open a case on behalf of another individual, so let's start by asking users " Who is this request for?" and " When do you need this?"
  1. Click on Questions.
  1. Click the arrow next to Insert new question then click "Question set".
  1. Select "Standard Employee Questions" and click Submit.
tip

This will add two frequently asked questions on forms. Click the little arrow on the left to see the questions.

  1. One key information we need users to provide is the type of arrangement they are applying for.

    1. Click Insert new question.

    2. For Question type, select Choice.

    3. For Question subtype , select Record reference.

    4. Scroll down to the Details section.

    5. In the Details section, enter the following information: (💡 double-click, copy & paste into the form).

    Field NameField Value
    1Map to a specific fieldChecked
    2Table fieldchoose Arrangement
    3Question labelWhat type of Telework arrangement are you applying for?
    4MandatoryChecked
    5Question PreviewNotice on the right panel, then Question Preview shows what the question will look like to the user.
    info

    Notice the Question Preview that shows what the question will look like to the user.

    1. Click on Continue to Additional details →.

    2. In the Additional details section, set the Source Table to the Arrangement table we imported earlier as options for this question.

    3. Then Click on the Annotation tab.

    In the current process, the team is spending a lot of time correcting and manually re-routing applications due to people confusing the different types of Telework arrangement.

    Let's fix that.

    We'll use the Annotation tab to provide users with additional instructions for the question.

    1. Check the box Show instructions.

    2. Open the file: telework form annotation.docx.

    3. Copy all the text in the file ( ⌘ Cmd or CTRL+A, CTRL+C )

    4. Paste it into the Annotation section of the Telework Form (⌘ Cmd or CTRL+V ). You can choose to either keep or remove formatting.

    5. Click on the Insert Question button.

  1. Back to the main form, Click on the Insert Question button.
  1. When users select the arrangement type Situational , we'll prompt them for the number of days per week.

    1. Set the following values in the Type section:

    Field NameField Value
    Question typeText
    Question subtypeSingle line

    1. Scroll down to the Details section.

    2. In the Details section, enter the following information: (💡 double-click, copy & paste into the form).

    Field NameField Value
    Map to a specific fieldChecked
    Table fieldDays per week
    Question labelNumber of Days per Week?
    Namedays_per_week
    1. Click on Additional details.

    1. In the Additional details section, for the Text validation field, select Number.

    2. Click on the Insert Question button.

  1. Back on the Questions page, we're going to define the dynamic behavior of the question "Number of Days per week?" based on the answer to the previous question "What type of Telework...?"

    1. For the question "Number of Days per Week?", click on the behavior icon, then click Define new behavior.

    1. In the Actions tab, we'll specify the behavior we need:
    Field NameField Value
    Make the question mandatoryYes
    Make the question visibleYes

    1. Click on the Conditions tab.

    1. Set the Dynamic Behavior Condition filter to
    arrangementisSituational Telework

    1. Click on the Add behavior button in the bottom right.

info

This will create a UI effect where the "Number of Days per Week" field will only appear when "What type of Telework arrangement are you apply for?" is "Situational Telework".

  1. Back on the Questions page, we're going to ask for the reason for Teleworking. Click on Insert New Question.

    1. In the Type section set the following values:
    Field NameField Value
    Question typeChoice
    Question subtypeDropdown (fixed values)

    1. Scroll down to the Details section.

    2. In the Details section, enter the following information: (💡 Copy & paste into the form).

    Field NameField Value
    Map to a specific fieldChecked
    Table fieldReason
    Question labelWhat is the reason for Teleworking?
    Namereason
    MandatoryChecked

    1. Click on Continue to Choices.

    1. Check Include none choice.

    1. In the Available choices section, click the + to insert a new choice. Add the following choices. (💡 Type in the Display Name and the value is created for you).

    Display NameValue
    Medicalmedical
    Dependent Caredependent_care
    Reasonable Accommodationreasonable_accommodation

    Should look like this when complete:

    1. Click Insert Question in the bottom right.

Your screen should now look like this:

  1. Back to the questions page:

    1. Click Save.

    1. Click Preview.

  1. The Preview page allows to visualize what our form will look like in different experiences. (You can interact with the item but not submit it).

    PortalNow Mobile
  1. Close the Preview by clicking on the X on the top right.
info

If you want to preview your catalog item in the Virtual Agent you will need to activate the plugins_ _ Glide Virtual Agent and Service Management Virtual Agent Topic Blocks. Additional setup beyond that is required to get NLU to perform a topic conversation via the Virtual Agent. Feel free to experiment this after completing the entire lab.

  1. Let's publish the form to the Service Portal.

    1. Click on Review and Submit.

    1. Click Submit in the bottom right.

  1. Congratulations! The form is published on your development instance.

    Click Return to my application.

Let's see how users can easily find it on the Service Portal

  1. Go to the browser tab with ServiceNow Admin Home page.
  1. Open the Service Portal by doing the following:
    1. Click All.
    2. Type Portal.
    3. Click on Service Portal Home.
  1. In the portal, search for "Telework"

The catalog item is found.

  1. Click on the item to Apply for Telework.
  1. In the Details section, enter the following information: (💡 double-click, copy & paste into the form).

    StepField NameField Value
    1Who is this request for?David Loo
    2When do you need this?This week
    3What type of Telework arrangement are you applying for?Situational Telework
    4Number of days per week?3
    5What is the reason for Teleworking?Dependent Care
    6Click on the Submit button.

Exercise Recap

In this exercise, we learned how to use App Engine Studio (AES) to easily create customized Catalog Items that users can access in Service Portal and on mobile devices.

Our next exercise will focus on taking the building blocks created to this point and making them actionable to drive automation and process optimization