File Picker user input control
Summarize
Summary of File Picker user input control
The File Picker user input control in Virtual Agent topics enables users to upload images or any file type during a chat interaction. Uploaded images display immediately within the Virtual Agent client, scaled to fit the chat window while preserving aspect ratio. This control supports all file types except SVG images and undergoes virus scanning and validation for security. It can be integrated with case management through the Record Action utility to link uploaded files to cases.
Show less
Key Features
- File Support: All file types except SVG for images are supported.
- Image Handling: Images are scaled based on aspect ratio for display in chat windows.
- Platform-Specific Upload Methods:
- Web UI: Click to upload from local computer.
- Slack: Use Green + icon to upload from computer.
- Microsoft Teams: Upload via paper clip icon, drag-and-drop, or paste for images.
- Workplace: Use image icon to upload.
- ServiceNow Mobile: Upload from photo library.
- Live Agent Integration: Supports text, files, and emojis but not SVG; formatting differences may occur.
- Upload Restrictions: Uploading blocks text entry; files are virus scanned.
- Confirmation and Skipping Options: Configure confirmation messages, conditional visibility, and skipping logic using no-code or low-code scripts.
Channel Support and Constraints
- Fully Supported: Web UI, Mobile UI (with permissions for camera/file system), Now Assist panel, Microsoft Teams, Google Chat, Slack, Workplace, WhatsApp (including Twilio integration), Apple Messages for Business.
- Partial Support: SMS Twilio (images only).
- File Type Restrictions on Some Channels: Facebook Messenger and LINE support JPG, PNG, BMP, and MP4 with size limits (images up to 10 MB, videos up to 200 MB).
- Unsupported: Alexa Voice interface does not support the File Picker control.
Practical Implications for ServiceNow Customers
Using the File Picker control, ServiceNow customers can easily enable users to upload and share files within Virtual Agent conversations across multiple platforms and channels. This enhances user engagement and facilitates richer interactions by allowing file attachments in support cases or workflows. Customers can customize prompts, confirmation messages, and control node behavior based on conditions to tailor the user experience. Understanding platform-specific capabilities and channel constraints ensures smooth implementation and user satisfaction.
Use the File Picker user input control in a Virtual Agent topic to prompt a user to upload an image or any file type. After the user uploads an image file, the image appears immediately in the Virtual Agent client.
File Picker user input control properties
All file types are supported by the file picker, except the SVG format for image files. Although the image can be high resolution, the image displayed in the Virtual Agent client is scaled based on the aspect ratio. Images scale to fit within the chat window.
In Microsoft Teams, a file can be uploaded through the paper clip (attachment) icon, or using drag-and-drop. Copying and pasting only works for image files. Users can share attachments on Microsoft Teams through the Virtual Agent file picker user input control, and by sending attachments while chatting with a live agent.
- Doesn't support the SVG format for image files.
- Supports a combination of text, files, and emojis. However, orders may show up differently between how a user sends these items versus how an agent views these items.
- Doesn't support formatted text.
When a file upload is in progress, you can't upload or enter text for the file picker control. The uploaded files go through a virus scan and validation.
You can link an uploaded file to a case you create using the Record Action utility. For more information, see Record Action utility.
| Property | Description |
|---|---|
| Node name | Name that identifies the File Picker user input control node in the topic flow. |
| Variable name | Name of the variable that stores the user response to this prompt. The variable name is automatically created from the Node name property. |
| Prompt | Prompt or question asking the user to upload the item. The prompt can be a text string that includes variables or a script that returns text. |
| Allow user to upload | Type of file to upload. All file types are supported, except the SVG format for image files. |
| Advanced | |
| Confirmation messages | |
| Input completion confirmation |
Bot response shown to the user when the node interaction is complete. The message can be either a text string or a script that returns text. For example, if you're using dot-walking: Thanks, (Input Variables > Username)! Or if you're using a script, the acknowledgement might be: Thanks, {{vaInputs.username}}! |
| Default value confirmation |
Message that asks the user to verify that the value in the Default value field is correct. This message is used instead of a value in the Prompt field. It can contain either a text string or a script that returns text. For example, if you're using dot-walking: Are you (Input Variables > Username)? Or if you're using a script, the confirmation message might be: Are you {{vaScripts.lastUsername}}?. |
| Hide or skip this node | |
| Conditionally show this node if |
No-code condition statement or low-code script that specifies a condition for presenting this node in the conversation. The condition must evaluate to true. |
| Allow user to skip this node if |
No-code condition statement or low-code script that specifies a condition for letting users skip this node in the conversation. The condition must evaluate to true. You can set this field using either the condition builder or a script. |
| Skip reprompting if | No-code condition statement or low-code script that specifies a condition for letting users skip reprompting in the conversation. When a preceding node is revisited through a topic loopback or Dialog Act, the Virtual Agent bypasses this node and automatically retain its original value. |
Using the File Picker control in different client interfaces
The process to select an image differs based on the Virtual Agent client interface. Use the following steps to select an image in the client interface of your choice.
| Platform | Steps to select an image or file |
|---|---|
| Web UI |
|
|
Slack |
|
|
Microsoft Teams |
|
|
Workplace |
|
|
ServiceNow mobile |
Note:
The Upload a file button is only available when you enable the All file types file picker property. |
Example of a File Picker user input control
| File Picker properties | File Picker prompt |
|---|---|
Channel support
| Channel | Support | Constraints |
|---|---|---|
| Web UI | Supported | None |
| Mobile UI | Supported | Prompt that users see asking for permission for the app to access a camera or file system if the user has not already given the permission. |
| Now Assist panel | Supported | None |
| Microsoft Teams | Supported | None |
| Google Chat | Supported | None |
| Slack | Supported | None |
| Workplace | Supported | None |
| Facebook Messenger | Supported | Supported file types are JPG, PNG, BMP, and MP4. The files have a maximum size limit based on the file type:
|
| SMS Twilio | Partial support | Image files only |
| LINE | Supported | Supported file types are JPG, PNG, BMP, and MP4. The files have a maximum size limit based on the file type:
|
| WhatsApp (powered by Twilio) | Supported | None |
| Supported | The prompt has a maximum limit of 4,096 characters. For details on file size limits, see Supported media types. |
|
| Apple Messages for Business | Supported | None |
| Alexa (Voice) | Not supported | Not applicable |