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

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Add slides to the carousel widget

# Add slides to the carousel widget {#ariaid-title1}

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

Use the related lists for an instance of the carousel widget to add images for the
carousel widget to scroll through.

## Before you begin

Role required: Admin or sp_admin

## Procedure

1. Navigate to AllService PortalWidgets.
2. Open the Carousel widget record.
3. From the carousel form, on the Instances related list, under instances, open a carousel instance.
4. From the instance of carousel form, click New on the Carousel Slides related list.
5. Complete the form.  
   {#add-slides-carousel-widget__table_pdm_13b_qz__entry__2}

   | Field | Description |
   |-|-|
   | Name | Name of the carousel slide. Use the name to differentiate the slide from other slide records. |
   | Order | Where the slide appears in the list of slides |
   | HREF/URL | Link to the item in the slide. For example, for a slide with a catalog item, link to page for the catalog item using the HREF ?id=\<page name\>\&sys_id=\<sys_id for item\>. For more information on linking to a page within a portal, see [Page navigation in Service Portal by URL](https://www.servicenow.com/docs/u3lGdCF9MRRpKDyJOxB~VA "You can navigate to a portal or a page in Service Portal using a URL."). You can also link to other sites using the URL. |
   | Background | Upload an image for the slides. Carousel images should be 1022x300 pixels. |
   | Application | Automatically populated with the name of the application the portal falls under. |
   | Carousel | Name of the instance of the carousel widget you are adding the slide to. This field is not automatically populated and you cannot select an instance of the carousel widget if it does not have a name. |
   [ ]

   {#add-slides-carousel-widget__table_pdm_13b_qz}

   Repeat this step for as many slides as you want to appear in the carousel
   widget.

*[\>]: and then