ServiceNow Portal: Add Virtual Agent To Custom Portal

Introduction

Have you ever tried adding a Virtual Agent to your custom ServiceNow portal and felt it was more complicated than it should be? Don’t worry, you’re not alone! In this blog, I’ll walk you through the easy steps to get a Virtual Agent up and running in your portal, making it helpful for your users and simple for you to manage.

ServiceNow Journey Starts Here

1. Navigate to Service Portal → Widget.

   

2. Find a widget with the name Virtual Agent Service Portal Widget and copy the id of the widget.

   Note: Copy the id of the widget, not the sys_id of the widget.

3. Navigate to Service Portal → Portals.

4. Open your custom portal record.

5. Open the theme record of the portal.

6. Open the footer record present in the theme.

7. In the footer widget, add the following code:

    <!-- Embedd Virtual Agent  -->
<div>
    <widget 
            id="sn-va-sp-widget">
    </widget>
</div>

8. Save the footer

9. Make sure the FIxed Footer checkbox is checked in the theme, or else your Virtual Agent widget will float across the page.

10. Open your custom portal and you will see the Virtual Agent on your custom portal.

Conclusion

And there you have it! You've just added a Virtual Agent to your custom ServiceNow portal, and it wasn’t nearly as complicated as it seemed, right? Now, your portal has a friendly chatbot ready to assist users, making you look like a tech wizard. Just remember, while the Virtual Agent can handle many questions, it’s always good to keep an eye on things—after all, even robots need a little supervision! Keep experimenting and customizing, because the only limit is your imagination (and maybe a few system configurations). Happy automating!