Introducing In-App Tutorials. Trainn’s no-code solution to deliver videos and guides directly inside your product, right where your users need them!
## Browse Collection 1. [Trainn User Identity API Documentation](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/OBYwhUrd1QA-trainn-user-identity-api-documentation.md) (Article) 2. [Setup & Installation](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/hujSnetwQYQ-setup-installation.md) (Article) 3. [Setup for frameworks (Vue, React, Angular)](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/11kqrTSm2G8-setup-for-frameworks-vue-react-angular.md) (Article) 4. [Introducing In-App Tutorials](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials.md) (Video) 5. [Top 4 Places for In-App Tutorials](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/At5C9H6LQdY-top-4-places-for-in-app-tutorials.md) (Article) 6. [Understanding URL Variables ](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/NizpCj2i50g-understanding-url-variables.md) (Article) 7. [Understanding In-App Tutorial Limits](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/tebQQXa2Jzk-understanding-in-app-tutorial-limits.md) (Article) --- # ARTICLE: Setup & Installation ## METADATA - id: htZuxaHloSGiay758oDSYA - type: article - source: Wiki - content_url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/hujSnetwQYQ-setup-installation - collection_url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials ## CONTENT The first step to creating In-App Tutorials is configuring it for your application. Share this documentation with your engineering team to complete the setup. ### **1. Add the In-App Tutorials Snippet** To enable In-App Tutorials, you’ll need to add a **one-time JavaScript code snippet** to your application’s HTML. This connects Triann with your application to allow you to use our no-code editor. 1. Go to the **[Configurations](https://app.trainn.co/embeds/configuration)**[ page](https://app.trainn.co/embeds/configuration) in your workspace. 2. Copy the JavaScript code snippet provided there. 3. Add the snippet to your application’s element in the HTML code. The code will look like this: ``` ``` ### **2. Verify Connection** Once the code has been added successfully, your workspace will show a **“Connected”** status on the Configurations page. This confirms that your application is ready to start creating and publishing In-App Tutorials. *[Image]* ### **3. Set Up User Identification (Recommended)** **User Identification** enables advanced analytics , including user email addresses and progress tracking for In-App Tutorials. **Example:** If 100 users log in to your application in a month, and 40 of them view an In-App Tutorial, Trainn will capture those 40 users’ email IDs and their progress data — helping you measure adoption accurately. ** **In case this code is not set, you will not be able to view unique learners who have interacted with your In-App Tutorials. ``` window.Trainn('identity', { email: 'user@example.com', // required });``` ** **To learn more about how to set up user identification, [click here](https://help.trainn.co/share/We9bomXmVadoygbwIj9Pmg)