![](https://media.stonly.com/media/images/becb82e7-6fa2-4d4a-849a-af69a087abaf.png?s=a0c9dc4432fa3966dc1f22c64d353c9750ed9b1eb56b1c9eacea08e08accb9651777f8022ed03ee72f96d9eb4f7fac47f485446044ce466a2753a1e9162e51be5788f44a93e560c385f483915dae093052cbd116ac6225ff91fe0ca1ed8c6fda3652ba83af2e13ae723dcbdacea5482f&w=1280&h=1440&auto=format)
![](https://media.stonly.com/media/images/ad971bfe-8541-4416-9033-27d1c8728591.png?s=a0c9dc4432fa3966dc1f22c64d353c9750ed9b1eb56b1c9eacea08e08accb9651777f8022ed03ee72f96d9eb4f7fac47f485446044ce466a2753a1e9162e51beaf4613cd11cf934338e6be3a73f07e420972f8ed96267c657376513a68bba3c53652ba83af2e13ae723dcbdacea5482f&w=1280&h=1440&auto=format)
![](https://media.stonly.com/media/images/86b9c961-80ae-4ebd-93d6-06e88fab8466.png?s=a0c9dc4432fa3966dc1f22c64d353c9750ed9b1eb56b1c9eacea08e08accb9651777f8022ed03ee72f96d9eb4f7fac47f485446044ce466a2753a1e9162e51be6593a6ee4d242ba9abb45bd335d11d0098c138a28f33f3871840f4989d31a24f3652ba83af2e13ae723dcbdacea5482f&w=1280&h=1440&auto=format)
![](https://media.stonly.com/media/images/becb82e7-6fa2-4d4a-849a-af69a087abaf.png?s=a0c9dc4432fa3966dc1f22c64d353c9750ed9b1eb56b1c9eacea08e08accb9651777f8022ed03ee72f96d9eb4f7fac47f485446044ce466a2753a1e9162e51be5788f44a93e560c385f483915dae093052cbd116ac6225ff91fe0ca1ed8c6fda3652ba83af2e13ae723dcbdacea5482f&w=1280&h=1440&auto=format)
Widget type
In the Step display block, choosing a widget type determines the general position and style of how a step will display in your guided tour.
There are 3 widget types to choose from:
- Modal: a pop-up in the center of the screen, recommended for kicking off a guided tour, welcoming customers, or announcing something
- Bottom-right corner: a window in the corner of the screen, recommended for giving customers an unobtrusive experience that lets them see and interact with your full UI but still enjoy guidance
- Next to highlighted element: recommended for showing customers one thing at a time, or calling out precise parts of your UI
![](https://media.stonly.com/media/images/ad971bfe-8541-4416-9033-27d1c8728591.png?s=a0c9dc4432fa3966dc1f22c64d353c9750ed9b1eb56b1c9eacea08e08accb9651777f8022ed03ee72f96d9eb4f7fac47f485446044ce466a2753a1e9162e51beaf4613cd11cf934338e6be3a73f07e420972f8ed96267c657376513a68bba3c53652ba83af2e13ae723dcbdacea5482f&w=1280&h=1440&auto=format)
Widget format
You can choose between two widget formats in guided tours:
- The classic format, which includes a header and footer
- And a light format, which removes them
![](https://media.stonly.com/media/images/86b9c961-80ae-4ebd-93d6-06e88fab8466.png?s=a0c9dc4432fa3966dc1f22c64d353c9750ed9b1eb56b1c9eacea08e08accb9651777f8022ed03ee72f96d9eb4f7fac47f485446044ce466a2753a1e9162e51be6593a6ee4d242ba9abb45bd335d11d0098c138a28f33f3871840f4989d31a24f3652ba83af2e13ae723dcbdacea5482f&w=1280&h=1440&auto=format)
Enabling an overlay
By enabling and overlay and choosing an opacity percentage, you can make your UI appear darker, which helps to add a spotlight effect to the steps in your guided tour.