Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Log in to your ServiceNow instance.

  2. Navigate to All > Service Portal > Service Portal Configuration > Widget Editor.

  3. Click Create a new widget.

    Image RemovedImage Added

  4. Enter a name for the widget, such as “EmpowerID IAM Shop,” and click Submit.

    Image RemovedImage Added


    This opens the Widget Editor.

    Image RemovedImage Added

  5. Replace the code in the HTML Template with code similar to the following. Be sure to replace the URL shown with the URL pointing to your organization's IAM Shop portal.

    Code Block
    languagehtml
    <iframe src="https://itshop.azurewebsites.net"  style="width:100%;height:100vh"></iframe>

    Image RemovedImage Added

  6. Save the widget.

...

  1. Navigate to Service Portal Configuration and click Add a new Page.

    Image RemovedImage Added

  2. Enter a Page Title, such as “IAM Shop Page,” and click Submit.

    Image RemovedImage Added


    This opens the Page designer.

    Image RemovedImage Added

  3. Under Layouts, select 12 and drag it onto the page.

    Image RemovedImage Added

  4. Search for the IAM Shop widget just created and drag it onto the designer.

    Image RemovedImage Added

  5. Click the Container link.

    Image RemovedImage Added

  6. Click the Edit icon for the container.

    Image RemovedImage Added

  7. Set the Container Width property to Fluid and save your changes.

    Image RemovedImage Added

Step 3 – Add a Navigation Menu Item for the IAM Shop Page

  1. Navigate to All > Service Portals > Portals.

  2. Select Service Portal.

    Image RemovedImage Added

  3. Next to the Main menu field, click Preview this record.

    Image RemovedImage Added

  4. Click Open Record.

    Image RemovedImage Added

  5. Under Menu Items, click New.

    Image RemovedImage Added

  6. On the Menu Item New Record form, enter the following information:

    1. Type – Page

    2. Label – This is the name that appears for the item in the menu.

    3. Page – Set this to the IAM Shop page created earlier.

    4. Glyph – Optionally, change the icon that appears next to the menu item.

    5. Click Submit.

      Image RemovedImage Added


      You should see the new menu item.

      Image RemovedImage Added

  7. Navigate to the Service Portal home.
    You should see the new IAM Shop menu item.

    View file
    nameInvalid file id - 22fa728a-46f4-4a4e-8057-fdb75ec63a00
    image-20240123-171414.pngImage Added

  8. Upon clicking the IAM Shop menu item, you should be prompted to authenticate and then directed to the IAM Shop for your organization.

    Image RemovedImage Added


Insert excerpt
IL:External Stylesheet
IL:External Stylesheet
nopaneltrue