---
sourceDocument: Xanadu ServiceNow AI Platform user interface
sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Format an image as a static HTML block

# Format an image as a static HTML block {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

An easy way to add an image to a CMS page is to use a static HTML block. After the
block is created, you can reuse it throughout the site.

## Before you begin

Role required: content_admin or admin

## Procedure

1. Navigate to AllContent ManagementDesignImages.
2. Click New.
3. Select a Category to help organize the images.
4. Type the file name of the image, including the extension (such as .png).
5. Upload the file by selecting Click to add and browsing for the image.
6. Click OK.
7. Click Update.
8. Navigate to Content ManagementBlocksStatic HTML and click New.
9. Paste the following code into the HTML block, substituting the image name as uploaded in the previous step.  
   The "x" at the end of the filename is required for image caching.  

       <img src="<image_name>.gifx"/>

   Now the image is a static HTML block and you can add it to any content page. Use standard HTML code to alter the image in the content block.
**Related concepts**   

* [Content blocks](https://www.servicenow.com/docs/10IBm6HPSkM1sg4lE0xKOg "A block is a defined piece of content within the system that can be reused.")  
**Related tasks**   

* [Configure a content block](https://www.servicenow.com/docs/LS4gI2XtPDodhjSB4lqvdA "To configure a content block, define it in the appropriate form.")
* [Configure a header block](https://www.servicenow.com/docs/d6HJpBR28Q2TS98dj6j10w "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.")

*[\>]: and then