--- sourceDocument: Yokohama Customer Service Management sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/yokohama/customer-service-management Release : - yokohama ft:locale : - en-US ft:publication_title : - Yokohama Customer Service Management ft:clusterId : - csm bundleId : - csm workflow : - Customer and Industry --- # Portal Banner widget instance options form # Portal Banner widget instance options form {#ariaid-title1} Release version: Yokohama Updated January 30, 2025 ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read Summarize ![AI sparkle icon](https://servicenow.com/docs/portal-asset/ai-sparkle-icon) Summarized using AI This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete. ## Summary of Portal Banner widget instance options form The Portal Banner widget instance options form allows you to configure the Portal Banner widget on a ServiceNow portal page. These options control the content, appearance, and behavior of the banner, helping you customize the user greeting experience and interactive elements such as buttons and search functionality. Show full answer Show less ## Instance Options for Presentation * **Heading:** Required title text that greets the signed-in user, supporting placeholders like , , and \ for dynamic personalized greetings.\ \\Description:\ Required subtitle text appearing below the heading, with a default placeholder description.\ \\Background Image:\ Option to select or upload an image from the Images \[dbimage\] table to display as the banner background.\ \\Heading and Description Text Color:\ Hex code inputs to customize text colors, defaulting to white (#FFFFFF).\ \\Alignment:\ Sets the content alignment inside the banner, with options for Left or Center (default Center).\ \\Show Search Bar:\ Toggle to display a search bar within the banner; can be enhanced with AI search capabilities for faster results.\ \\Primary and Secondary Buttons:\ Options to show buttons with customizable labels and URLs. URLs can be absolute (including protocol) or relative (path only). Buttons open links either in the same tab or a new tab depending on the URL type.\ \\Search Placeholder Text:\ Allows customization of the placeholder text in the search bar, defaulting to "Search articles and request items."\\\Instance Options for Behavior\\ \\Buttons Condition Script:\ A script to conditionally show or hide the primary or secondary buttons. By default, both buttons display without conditions. This extension point enables advanced customization of button visibility.\ \\Widget Placeholder:\ Enables embedding an additional widget from the Widgets \[spwidget\] table inside the Portal Banner widget.\ \\Widget Option Schema:\ Defines parameters for the embedded widget to configure its behavior and appearance within the banner.\\\Practical Application for ServiceNow Customers\\Using these instance options, you can create a personalized and visually appealing banner for your portal pages that enhances user engagement by greeting users dynamically, providing quick search access, and offering actionable buttons linked to internal or external resources. The flexibility to embed additional widgets and conditionally display buttons allows for tailored user experiences aligned with your organization's needs.\ Instance options enable you to configure the Portal Banner widget on a portal page. {#banner-widget-inst-options__table_csm_base_entities__entry__2} | Instance option | Description | |-|-| | Heading | Required title of a Portal Banner widget to greet a user who signs in into the website. The default text is Home Page Banner. The heading field supports placeholder variables such as \, \, and \. For example, you could display a banner title such as Hello Mr. Luddy! Good Morning. * \: The name of the logged-in user. * \: The salutation of the logged-in user. The \ variable details are retrieved from the User \[sys_user\] table. * \: Displays the greeting based on the part of the day of the user's region. For example, Good morning, Good afternoon, or Good evening. {#banner-widget-inst-options__ul_f5f_whp_ryb} | | Description | Required subtitle that appears below the heading. The default description is This is home page description. | | Background Image | Image to appear as the background on the banner. Note: You can select images from the Images \[db_image\] table or upload a new image to it. For more information, see [Storing images in the database](https://www.servicenow.com/docs/access?context=c_StoringImagesInTheDatabase&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US). | | Heading Text Color Hex code | Color of the heading text in hex code format. The default value is #FFFFFF (white). | | Description Text Color Hex code | Color of the description text color in hex code format. The default value is #FFFFFF (white). | | Alignment | Alignment of the banner content inside the widget. The available options are: * Left * Center {#banner-widget-inst-options__ul_xgg_px5_1yb} The default alignment is Center. Note: Currently, if you select None, the alignment is set to Left. | | Show Search bar | Option to display the search bar on the Portal Banner widget to search content. Note: You can enable the AI search for a banner widget to get quick results. For more information, see [Enable and configure AI Search in Service Portal](https://www.servicenow.com/docs/access?context=enable-ais-sp&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US). | | Show Primary Button | Option to display the primary button on the Portal Banner widget. | | Primary Button Label | Label of the primary button. | | Primary Button URL | The URL that opens an internal web page or a portal page in the same tab and an external page or a portal in a new tab. The two types of primary URLs are: * Absolute URL: The full URL including its protocol (http or https). For example: https://example.servicenow.com/scripts/sn_csm_ec.js?v=3.1 * Relative URL: A URL that includes only the path that comes after the domain. For example: scripts/sn_csm_ec.js?v=3.1 {#banner-widget-inst-options__ul_rfl_wqn_tyb} | | Show Secondary Button | Option to display a secondary button on the banner widget. | | Secondary Button Label | Label of a secondary button. | | Secondary Button URL | The URL that opens an internal web page or a portal page in the same tab and an external page or a portal in a new tab. The two types of secondary URLs are: * Absolute URL: The full URL including its protocol (http or https). For example: https://example.servicenow.com/scripts/sn_csm_ec.js?v=3.1 * Relative URL: A URL that includes only the path that comes after the domain. For example: scripts/sn_csm_ec.js?v=3.1 {#banner-widget-inst-options__ul_ihq_xrn_tyb} | | Search Placeholder Text | Placeholder text for the search option. The default text is Search articles and request items. | [Table 1. Presentation fields on the Instance form] {#banner-widget-inst-options__table_csm_base_entities} {#banner-widget-inst-options__table_emr_mqk_2zb__entry__2} | Instance option | Description | |-|-| | Buttons Condition Script | Script to show or hide the primary or secondary button. You can use the scripted extension point to implement the condition script. By default, the new script displays both buttons and doesn't include any condition. For more information, see [Provide web page link buttons to display on the Portal Banner widget](https://servicenow-prod.fluidtopics.net/Iysb_X2_qX4hBaaxt1cNPg "Provide a link to a web page that you want to display by defining primary or secondary buttons on the Portal Banner widget. The widget displays these buttons by default."). | | Widget Placeholder | Option to embed an additional widget on the Portal Banner widget. You can include only widgets from the Widgets \[sp_widget\] table. | | Widget Option Schema | Defines the parameters of the widget that you want to add. For more information, see [Add a widget in the Portal Banner widget](https://servicenow-prod.fluidtopics.net/~3OLYh11Zylor3ocV01mjw "Add a widget for additional functionality to the Portal Banner widget and configure it. For example, you could add the Portal Quick Links widget to enable users to access knowledge articles, external URLs, catalog items, or custom pages from the Portal Banner widget."). | [Table 2. Behavior fields on the Instance form] {#banner-widget-inst-options__table_emr_mqk_2zb} **Related concepts** * [Portal Banner widget](https://servicenow-prod.fluidtopics.net/lg5dlh6RvGnR6iqNZQPXaA "You can use the Portal Banner widget to display announcements, new product or feature highlights, and important information on the portal page.") **Related tasks** * [Add and configure the Portal Banner widget](https://servicenow-prod.fluidtopics.net/U1kiQ93GI_0oryhli5wU7g "Add a Portal Banner widget to your portal and modify its appearance and behavior. You can use the Portal Banner widget to display announcements, new product or feature highlights, and important information on the portal page.") * [Provide web page link buttons to display on the Portal Banner widget](https://servicenow-prod.fluidtopics.net/Iysb_X2_qX4hBaaxt1cNPg "Provide a link to a web page that you want to display by defining primary or secondary buttons on the Portal Banner widget. The widget displays these buttons by default.") * [Add a widget in the Portal Banner widget](https://servicenow-prod.fluidtopics.net/~3OLYh11Zylor3ocV01mjw "Add a widget for additional functionality to the Portal Banner widget and configure it. For example, you could add the Portal Quick Links widget to enable users to access knowledge articles, external URLs, catalog items, or custom pages from the Portal Banner widget.")