# How to create Tours?

A tour or walkthrough typically consists of a series of steps that guide users through the features and functionality of a product. Each step of the tour can contain various elements, such as text descriptions, images, videos, and interactive elements such as Buttons, Modals, Tooltips, Hotspots. The purpose of a tour is to help users quickly understand and learn how to use the product effectively.

Before start building, you'll need to install [Uzera Google Chrome Extension](https://chrome.google.com/webstore/detail/userlove/lgfgpnbkgekoknomkkjogkomdlbmnjol?hl=en-US)

1. Log in to your Uzera account and click on "Tour" from the left sidebar menu.\
   &#x20;

   <div data-full-width="true"><figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FrGo2AcztM6SmCppVeUhe%2Fimage.png?alt=media&#x26;token=869cf76e-983e-4386-9fc8-63ab05c5ce8f" alt=""><figcaption></figcaption></figure></div>
2. Click on the "Create new tour" button, then enter a descriptive name for your tour.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FVZKR7taBV4T6ZXD0AX3k%2Fimage.png?alt=media&#x26;token=0b3eded2-bbd1-4e68-9156-69149b2b8e60" alt=""><figcaption></figcaption></figure>

3. You can select Sandbox (For testing) or Custom Domain &#x20;
4. Enter the Build URL. Build URL is a page link from where you want to start building your tour.
5. Enable wild card if you want to publish on all subdomain.
6. Click on "Submit" button.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FrjFPBv8xfAbXAtySomvk%2Fimage.png?alt=media&#x26;token=8a858acf-ade9-400d-b58f-2b16381dccc9" alt=""><figcaption></figcaption></figure>

7. Next you will be redirected to Build URL and it'll automatically open Uzera chrome extension If you already installed Uzera Google Chrome Extension. If you still not download extension it'll ask you to [download extension](https://chrome.google.com/webstore/detail/userlove/lgfgpnbkgekoknomkkjogkomdlbmnjol?hl=en-US).&#x20;
8. Once the Uzera Chrome extension loads, you can select a tour element such as Modal, Tooltips, and Hotspots.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2Fxx2s6SJSS2pGlG7RbrNs%2Fimage.png?alt=media&#x26;token=a5860ef2-83ed-4c5d-ac31-dee336c438ac" alt=""><figcaption></figcaption></figure>

9. Once you select element type (ie: Modal, Tooltip, Hotspot ) you can select pre-made template to quick start or you can start from scratch.&#x20;

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FfDtFVB44x544A3b4t7zF%2Fimage.png?alt=media&#x26;token=b508c8ba-d404-4960-a12a-bf433c69d78a" alt=""><figcaption></figcaption></figure>

10. Selected template will be shown to website. Click on "Settings" icon to open settings menu.\\

    <div data-full-width="true"><figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2Fo4yuQw4tqsa7kla2cZ0x%2Fimage.png?alt=media&#x26;token=c391cf3a-9849-4642-aba3-b423f3f0a88a" alt=""><figcaption></figcaption></figure></div>
11. Once the settings menu is opened, you can make changes to the design of the template (e.g., position, color, element positions, add new blocks, etc.).

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FewrarWLMl2qq56TkOgNQ%2Fimage.png?alt=media&#x26;token=522e15fb-146c-4b35-9af8-fa2565cdc3f1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FdSZXbaOZOPyBWd59Z0mJ%2Fimage.png?alt=media&#x26;token=201ed1fa-2b2c-41f6-ac10-9eb42b28acb9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2Fe5h5LS5NO5X3y9mrcjqO%2Fimage.png?alt=media&#x26;token=44728fe6-ffb0-4a0d-91a6-56abf31fcad9" alt=""><figcaption></figcaption></figure>

12. To create step click on "Add new step" button.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2F1NuiGp7B4EAEkH0JFhdY%2Fimage.png?alt=media&#x26;token=ef7b5919-8f73-41fc-99d5-63a8aea537dc" alt=""><figcaption></figcaption></figure>

13. After creating a tour or walkthrough, click on the "Publish" button, which will redirect to the Target page where you can set your target audience.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2F959ghoKr9RD0Of73MqNo%2Fimage.png?alt=media&#x26;token=af39ac51-e2c9-4011-ae3b-0ed0ae4e175d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FAlX4MKd3IRwkepXw2MKx%2Fimage.png?alt=media&#x26;token=a782548c-8b1c-4e46-9cea-a3500905fc69" alt=""><figcaption></figcaption></figure>

&#x20;14\. Once the target audience is selected, click on the "Continue" button.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FV8REJZD6Y6RqIPBEBOkk%2Fimage.png?alt=media&#x26;token=45b56889-2f55-4d57-9ca4-3b3a2444182d" alt=""><figcaption></figcaption></figure>

15. Finally you can review and publish or save in draft.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FC2kzYkCoccReawqiEWXA%2Fimage.png?alt=media&#x26;token=ddb83901-ac04-4328-b696-32dca1972f0d" alt=""><figcaption></figcaption></figure>

*Note: Make sure that, you have* [*install Uzera JavaScript code snippet*](https://uzera.gitbook.io/uzera-help-center/getting-started/javascript-installation) *in your application / website*

By following these steps, you can easily create a tour using Uzera and provide a guided experience to your users.

16. You can choose to either publish the tour immediately or schedule it for a later time. Once a publish or unpublish time is scheduled, the system will automatically trigger the action at the specified time, and the tour will be published or unpublished accordingly.

<figure><img src="https://1535888196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbc2nibKwy27UEWgzIr5B%2Fuploads%2FQ8S4cyLaVQhdC2pTWOHD%2Fimage.png?alt=media&#x26;token=4060cb97-8f23-4ca0-906f-64ec1d7a2491" alt=""><figcaption></figcaption></figure>
