{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":42517,"path":"platform-user-interface/service-portal/hello-world-widget.md","title":"Hello World widgets","bundle":null,"doc_type":null,"release":"australia","body":"\n# Hello World widgets\n\nThe Hello World widgets are included with Service Portal as examples of how to use and create widgets. You can use this base system widget as-is in your portal or clone it to suit your own business needs.\n\nAll three Hello World widgets display the same way. The real difference between them is in their underlying code base. Each version of the widget uses a different method of using the server and client script.\n\nTo view the Hello World widgets, navigate to **Service Portal** > **Service Portal Configuration** then click **Widget Editor**. In the Widget Editor, click **Check out the Hello World Example**.\n\n\\[Omitted image \"HelloWorld1.png\"\\] Alt text: Hello World 1 widget, showing the HTML and client script in the IDE\n\nHello world 1 displays how the HTML template and the client script communicate. For more information on using the client script in Service Portal, see [Developing custom widgets](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/widget-dev-guide.md).\n\nUse the widget list to switch to Hello World 2 or 3.\n\n\\[Omitted image \"HelloWorld2.png\"\\] Alt text: Hello World 2 widget, showing the HTML, client, and server scripts in the IDE\n\nHello World 2 includes an example of how the server script can be used as well.\n\n\\[Omitted image \"HelloWorld3.png\"\\] Alt text: Hello World 3 widget, showing the HTML, client, server, and link function scripts in the IDE\n\nFor more information on Service Portal APIs, see the GlideSPSriptable API.\n\n**Parent Topic:**[Example widgets](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/sp-example-widgets.md)\n\n**Related topics**  \n\n\n[Create and edit a page using the Service Portal Designer]()\n\n[Configure widget instances]()\n\n[Clone a widget]()\n\n"}}