# Callout how-to guides

> This page includes guides and resources that can help you learn how to create automations using the activities in this package. You can employ these tutorials in the context of [Trigger-based attended automation](https://docs.uipath.com/studio/standalone/latest/user-guide/trigger-based-attended-automation-introduction).

This page includes guides and resources that can help you learn how to create automations using the activities in this package. You can employ these tutorials in the context of [Trigger-based attended automation](https://docs.uipath.com/studio/standalone/latest/user-guide/trigger-based-attended-automation-introduction).

## Tutorials

Step-by-step guides on how to create automations from scratch. Each tutorial includes a project that you can download and open in UiPath Studio.

| Tutorial | Description | Activities | Image preview |
| --- | --- | --- | --- |
| [Building your first callout](https://docs.uipath.com/activities/other/latest/workflow/building-your-first-callout) | Build your first callouts, inside the context of the Trigger-based Attended Automation solution. The tutorial consists of guiding a user through the weather.com website, to search the weather for the place where they're currently in. | [Show Callout](https://docs.uipath.com/activities/other/latest/workflow/show-callout-activity) | Figure 1. Callout welcoming you to weather.com ![Callout welcoming you to weather.com](https://dev-assets.cms.uipath.com/assets/images/activities/activities-callout-welcoming-you-to-weather-com-537242-f2a74213.webp)   Figure 2. Callout prompting you to search for the weather of a location ![Callout prompting you to search for the weather of a location](https://dev-assets.cms.uipath.com/assets/images/activities/activities-callout-prompting-you-to-search-for-the-weather-of-a-location-537238-24044719.webp) |
| [Design forms using custom HTML](https://docs.uipath.com/activities/other/latest/workflow/design-forms-using-custom-html) | Create and display a simple form using an HTML file. This form displays a short message, two buttons, and the live date and time when the user interacts with the form. You can apply these steps to create custom HTML callout files, too. | [Show Callout](https://docs.uipath.com/activities/other/latest/workflow/show-callout-activity), [Form Event Trigger](https://docs.uipath.com/activities/other/latest/workflow/form-trigger-activity), [Close form](https://docs.uipath.com/activities/other/latest/workflow/close-form-activity) | Figure 3. The result of a form created using HTML ![The result of a form created using HTML](https://dev-assets.cms.uipath.com/assets/images/activities/activities-the-result-of-a-form-created-using-html-536882-2faa01e6.webp) |
| [Creating a guided product tour](https://docs.uipath.com/studio/standalone/2023.10/user-guide/building-a-product-tour) | Create a guided product tour, as part of the digital adoption attended scenario. This tutorial, in particular, shows how to create a guided tour for the Wikipedia website. | [Form Event Trigger](https://docs.uipath.com/activities/other/latest/workflow/form-trigger-activity), [Show Callout](https://docs.uipath.com/activities/other/latest/workflow/show-callout-activity), [Show Form](https://docs.uipath.com/activities/other/latest/workflow/show-form-activity) | Figure 4. Callout displayed to offer a guided tour within an application ![Callout displayed to offer a guided tour within an application](https://dev-assets.cms.uipath.com/assets/images/activities/activities-callout-displayed-to-offer-a-guided-tour-within-an-application-214566-feb3e4a9.webp) |
| [Creating and displaying a simple callout](https://docs.uipath.com/activities/other/latest/workflow/creating-and-displaying-a-simple-callout) | Create and display a callout for 10 seconds, whenever a certain UI element appears during the automation. | [Run Local Triggers](https://docs.uipath.com/activities/other/latest/workflow/start-triggers), [Use Application/Browser](https://docs.uipath.com/activities/other/latest/ui-automation/n-application-card), [Application Event Trigger activity](https://docs.uipath.com/activities/other/latest/ui-automation/n-native-event-trigger), [Show Callout](https://docs.uipath.com/activities/other/latest/workflow/show-callout-activity), [Close Form](https://docs.uipath.com/activities/other/latest/workflow/close-form-activity), [Stop Local Triggers](https://docs.uipath.com/activities/other/latest/workflow/stop-local-triggers), | Figure 5. Animated image showing the callout next to the Windy logo ![Animated image showing the callout next to the Windy logo](https://dev-assets.cms.uipath.com/assets/images/activities/activities-animated-image-showing-the-callout-next-to-the-windy-logo-536841-17bb6f5c.gif) |
| [Creating and displaying a countdown callout](https://docs.uipath.com/activities/other/latest/workflow/creating-and-displaying-a-countdown-callout) | Create and display a callout for 10 seconds, while showing the countdown for it, whenever a certain UI element appears during the automation. | [Run Local Triggers](https://docs.uipath.com/activities/other/latest/workflow/start-triggers), [Use Application/Browser](https://docs.uipath.com/activities/other/latest/ui-automation/n-application-card), [Application Event Trigger activity](https://docs.uipath.com/activities/other/latest/ui-automation/n-native-event-trigger), [Show Callout](https://docs.uipath.com/activities/other/latest/workflow/show-callout-activity), [Close Form](https://docs.uipath.com/activities/other/latest/workflow/close-form-activity), [Set Form Values](https://docs.uipath.com/activities/other/latest/workflow/set-form-fields-activity), [Global Variable Changed Trigger](https://docs.uipath.com/activities/other/latest/workflow/notify-global-variable-changed), [Stop Local Triggers](https://docs.uipath.com/activities/other/latest/workflow/stop-local-triggers) | Figure 6. Animated image showing a callout displaying a timer ![Animated image showing a callout displaying a timer](https://dev-assets.cms.uipath.com/assets/images/activities/activities-animated-image-showing-a-callout-displaying-a-timer-536845-273a2a9e.gif) |
| [Creating and displaying an AI summary callout](https://docs.uipath.com/activities/other/latest/workflow/creating-and-displaying-an-ai-summary-callout) | Create a callout that shows an AI summary of user-selected information within a web application. | [Use Application/Browser](https://docs.uipath.com/activities/other/latest/ui-automation/n-application-card), [Run Local Triggers](https://docs.uipath.com/activities/other/latest/workflow/start-triggers), [Application Event Trigger activity](https://docs.uipath.com/activities/other/latest/ui-automation/n-native-event-trigger), [Show Callout](https://docs.uipath.com/activities/other/latest/workflow/show-callout-activity), [Close Form](https://docs.uipath.com/activities/other/latest/workflow/close-form-activity), [Set Form Values](https://docs.uipath.com/activities/other/latest/workflow/set-form-fields-activity), [Content Generation](https://docs.uipath.com/activities/other/latest/integration-service/uipath-uipath-airdk-Content-Generation), [Stop Local Triggers](https://docs.uipath.com/activities/other/latest/workflow/stop-local-triggers) | Figure 7. Callouts prompting users to perform actions ![Callouts prompting users to perform actions](https://dev-assets.cms.uipath.com/assets/images/activities/activities-callouts-prompting-users-to-perform-actions-541060-27c5df15.webp) |

## Video tutorials

| Tutorial | Description | Activities |
| --- | --- | --- |
| [Designing validation for existing apps](https://docs.uipath.com/studio/standalone/2023.10/user-guide/designing-validation-for-existing-apps) | Design validations using callouts, forms, and triggers, for a smooth user experience while using the **UiDouble** sample application. | [Form Event Trigger](https://docs.uipath.com/activities/other/latest/workflow/form-trigger-activity), [Show Callout](https://docs.uipath.com/activities/other/latest/workflow/show-callout-activity), [Show Form](https://docs.uipath.com/activities/other/latest/workflow/show-form-activity) |