Configure a header block
A header block is a visual element placed at the top of pages. It provides a place for branding and other important site-wide functionality.
Before you begin
Role required: content_admin or admin
About this task
Some of the options that are available in headers include, global search, text size toggle, menus for navigational purposes, and the user name with logout link.
Procedure
-
Navigate to All > Content Management > Blocks > Headers.
-
Click New.
-
Complete the form.
|
Field |
Description |
|---|---|
|
Name |
Type a unique name for the header block. |
|
Background |
Select a background for the header logo and menus.- None - No background is rendered.
|
|
Image |
If Background is Gradient/Image, upload an image for the header block background. For gradients, upload a gradient image. |
|
Top bar color |
If Background is Colored Bars, enter a CSS color or color name to use as the background for the top menu. |
|
Middle bar color |
If Background is Colored Bars, enter a CSS color or color name to use as the background for the logo and text. |
|
Bottom bar color |
If Background is Colored Bars, enter a CSS color or color name to use as the background for the bottom menu. |
|
Logo |
Select a logo image. The image is also a link to the main page. |
|
Active |
Select this check box to make the block available for use. |
|
Text |
Type the text to display beside the logo. |
|
Conditional |
Select the check box and type any scripted conditions to apply in the Condition script field that appears. |
|
Category |
Select a category to provide organization for the header block. The category also determines the detail page in which header block links open. Detail pages often display information in different ways. |
|
Top Menu |
Select a navigational menu block to use as a menu above the logo. |
|
Bottom Menu |
Select a navigational menu block to use as a menu below the logo. |
|
Height |
Specify the height for the header. |
|
Search |
Select this check box to add a search element in the header. |
|
Font sizer |
Select this check box to include text sizing controls in the header. |
|
Login |
Select this check box to include a login link in the header. If the user is logged in, this element displays the user name and a logout link. If you specify a login page on the site record, it is important to include a login link so users can enter their username and password. |
|
Chat Queue |
Select the chat queue that users access by clicking the Help Desk Chat button in the header. Clear the field to remove the button. This field appears only if the Chat plugin is active. |
Related topics
Create a navigation menu block
--- title: Configure a header block description: A header block is a visual element placed at the top of pages. It provides a place for branding and other important site-wide functionality. locale: en-US canonical_url: https://www.servicenow.com/docs/r/platform-user-interface/content-management-system/t\_HeaderBlock.html release: brazil product: Content Management System classification: content-management-system topic_type: task last_updated: "2026-09-10" reading_time_minutes: 3 breadcrumb: [Types of content blocks, Content blocks, Configure Content Management sites, Content Management System, Configure UIs and portals, Configure user experiences] --- # Configure a header block A header block is a visual element placed at the top of pages. It provides a place for branding and other important site-wide functionality. ## Before you begin Role required: content\_admin or admin ## About this task Some of the options that are available in headers include, global search, text size toggle, menus for navigational purposes, and the user name with logout link. ## Procedure 1. Navigate to **All** > **Content Management** > **Blocks** > **Headers**. 2. Click **New**. 3. Complete the form. <table id="table_oql_513_fr"><thead><tr><th> Field </th><th> Description </th></tr></thead><tbody><tr><td> Name </td><td> Type a unique name for the header block. </td></tr><tr><td> Background </td><td> Select a background for the header logo and menus.- **None** - No background is rendered. - **Gradient/Image** - Specify an image or gradient image to serve as the background. - **Colored Bars** - Specify colors for three different sections of the header, top, middle, and bottom. </td></tr><tr><td> Image </td><td> If **Background** is **Gradient/Image**, upload an image for the header block background. For gradients, upload a gradient image. </td></tr><tr><td> Top bar color </td><td> If **Background** is **Colored Bars**, enter a CSS color or color name to use as the background for the top menu. </td></tr><tr><td> Middle bar color </td><td> If **Background** is **Colored Bars**, enter a CSS color or color name to use as the background for the logo and text. </td></tr><tr><td> Bottom bar color </td><td> If **Background** is **Colored Bars**, enter a CSS color or color name to use as the background for the bottom menu. </td></tr><tr><td> Logo </td><td> Select a logo image. The image is also a link to the main page. </td></tr><tr><td> Active </td><td> Select this check box to make the block available for use. </td></tr><tr><td> Text </td><td> Type the text to display beside the logo. </td></tr><tr><td> Conditional </td><td> Select the check box and type any scripted conditions to apply in the **Condition** script field that appears. </td></tr><tr><td> Category </td><td> Select a category to provide organization for the header block. The category also determines the detail page in which header block links open. Detail pages often display information in different ways. </td></tr><tr><td> Top Menu </td><td> Select a navigational menu block to use as a menu above the logo. </td></tr><tr><td> Bottom Menu </td><td> Select a navigational menu block to use as a menu below the logo. </td></tr><tr><td> Height </td><td> Specify the height for the header. </td></tr><tr><td> Search </td><td> Select this check box to add a search element in the header. </td></tr><tr><td> Font sizer </td><td> Select this check box to include text sizing controls in the header. </td></tr><tr><td> Login </td><td> Select this check box to include a login link in the header. If the user is logged in, this element displays the user name and a logout link. If you specify a login page on the site record, it is important to include a login link so users can enter their username and password. </td></tr><tr><td> Chat Queue </td><td> Select the chat queue that users access by clicking the **Help Desk Chat** button in the header. Clear the field to remove the button. This field appears only if the Chat plugin is active. </td></tr></tbody> </table> **Parent Topic:**[Types of content blocks](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/content-management-system/r_TypesOfContentBlocks.md) **Related topics** [Create a navigation menu block]() [Configure dynamic blocks]() [Customize the list block]() [Configure a static HTML block]() [Configure Flash movie blocks]() [Configure content links]() [Configure iFrames]() [Configure a detailed content block]() [Configure a content block](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/content-management-system/t_CreateAContentBlock.md)
| title | Configure a header block |
| description | A header block is a visual element placed at the top of pages. It provides a place for branding and other important site-wide functionality. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/platform-user-interface/content-management-system/t\_HeaderBlock.html |
| release | brazil |
| product | Content Management System |
| classification | content-management-system |
| topic_type | task |
| last_updated | 2026-09-10 |
| reading_time_minutes | 3 |
| breadcrumb | Types of content blocksContent blocksConfigure Content Management sitesContent Management SystemConfigure UIs and portalsConfigure user experiences |