Components

iFrame

Used to define and configure customer features, applications, or components that are not built using the Now® Experience UI Framework so that agents and customers can use them within a workspace or portal.

Overview

  • Available since: Quebec
  • A11Y: WCAG 2.1 AA

An iFrame is a container that allows you to embed external web content within your UI.

ServiceNow link
iFrame code documentation

UIB and developer guidance

Figma link
iFrame Figma component

Horizon components and styles library

Loading playground

When to use

Use iFrames to embed content third-party features, applications, or components.

When not to use

Don't use iFrames for content you control or can integrate directly.

Anatomy

An iFrame is a container for externally sourced content.

Usage

iFrame is used to display relevant web-based content.

iframe being used within a record

In this example, iframe is used within a record to display externally sourced content in the center of the page.

Configurations

Learn how to customize iFrame by configuring the available properties.

Source

Provide the URL for your external content to configure the source.

Title

Provide a name for your iFrame to configure the title.

Dimensions

You can specify the dimensions of iFrame by configuring the height and width.