# In-App Tutorials > **Source**: [Wiki](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials) > >

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) --- # VIDEO: Introducing In-App Tutorials ## METADATA - id: Hwm2pEWMoeU0uK3sWH8qTg - type: video - source: Wiki - content_url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials - collection_url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials ## TRANSCRIPT - time: 00:00 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=0 text: Meet In-App Tutorials by Trainn, the fastest and easiest way to deliver in-app learning experiences. - time: 00:06 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=6 text: Here's an example. - time: 00:07 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=7 text: We've embedded a tutorial in our course builder page to offer contextual help for anyone who might need it while using - time: 00:13 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=13 text: the feature. - time: 00:15 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=15 text: The help icon, tooltip, and pop-up video. - time: 00:18 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=18 text: Everything was created in Trainn without writing a single line of code. - time: 00:23 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=23 text: To set up your in-app tutorials, first go to the configurations - time: 00:26 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=26 text: page. There's a one time code snippet you need to copy and paste into your application's HTML. - time: 00:33 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=33 text: Once your engineering team sets it up, it will show as connected. - time: 00:38 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=38 text: To create your in-app tutorials, navigate to "Builder". - time: 00:42 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=42 text: This is your builder page. - time: 00:44 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=44 text: Here you'll find every in app tutorial you've created all in one place. - time: 00:49 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=49 text: To create, click "Create In-App Tutorial". - time: 00:53 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=53 text: First, give it a name. - time: 00:55 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=55 text: This is just for internal use. - time: 00:58 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=58 text: We recommend naming it after the feature or modal where you'll embed your content. - time: 01:02 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=62 text: As you can see, you can embed either a video or a guide. Simply select any video from your library to - time: 01:08 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=68 text: embed it here. Enter the URL of the page where you'd like to embed the video. - time: 01:14 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=74 text: Next, - time: 01:15 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=75 text: you can add hover text. - time: 01:17 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=77 text: This is optional, but it's a nice touch. - time: 01:19 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=79 text: It shows a message when users hover over your tutorial icon. - time: 01:24 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=84 text: Now choose an icon from the existing icon list. - time: 01:28 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=88 text: For this example, - time: 01:29 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=89 text: I'll use the help icon. - time: 01:31 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=91 text: Once done, click open editor. - time: 01:34 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=94 text: Here's the no-code editor to set up your in-app tutorial. - time: 01:37 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=97 text: It always opens directly to the application URL you specified - time: 01:41 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=101 text: you can then navigate to the page you want to embed the video. - time: 01:45 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=105 text: Here I want to embed a tutorial on "how to setup voiceovers" - time: 01:49 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=109 text: under the voice settings feature. - time: 01:51 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=111 text: Once ready, click on enter selection mode. - time: 01:55 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=115 text: Now you can select an anchor to place the in app tutorial. - time: 01:59 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=119 text: Since I wanna add it near the title, I'll select the title as an anchor and position the tutorial right here. - time: 02:06 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=126 text: You can adjust the spacing with respect to the anchor using the spacing settings. - time: 02:12 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=132 text: Choose a spacing that is perfect for you and then save and close. - time: 02:16 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=136 text: Once saved, the in app tutorial will be in staging. In order to publish it, click on publish. - time: 02:22 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=142 text: Publishing the in app tutorial takes it live, so any user using your app can actively see it and interact with - time: 02:28 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=148 text: it. - time: 02:29 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=149 text: If you want to disable it, click on "Disable Embed" to unpublish the in-app tutorial. - time: 02:35 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=155 text: If you want to edit the position, click the "open editor" settings. - time: 02:40 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=160 text: If you wanna see a live preview, just hit the dots and hit live preview. - time: 02:45 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=165 text: To delete the embed, you can select the delete option. - time: 02:50 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=170 text: You can also view the total views generated for the particular in app tutorial. - time: 02:55 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=175 text: And who created it. ## SUMMARY # **Introducing In-App Tutorials** **Trainn’s In-App Tutorials** is a no-code solution that enables Product and Customer Success teams to embed videos and training guides directly inside their application. This allows you to deliver contextual, in-app learning experiences — such as guided product tours or feature walkthroughs — exactly where users need help, without any engineering effort. As part of Trainn’s customer education suite, In-App Tutorials brings learning right into your product experience — helping you deliver training across the entire customer lifecycle. ### **Impact** - **Improve Adoption** Guide users through product features with in-app help to accelerate onboarding and drive faster activation. - **Reduce Support Tickets** Empower users to learn directly within your product instead of visiting the help center or raising support requests. - **Deliver Seamless Learning** Combine Trainn’s external learning tools — such as the LMS and Knowledge Hub — with In-App Tutorials to deliver a unified education experience across the customer journey. ### **Key Features** - **No-Code Embedding** Trainn’s no-code editor lets you point, place, and publish any video or guide directly within your application — no developers required. - **Icons** Use pre-built or custom icons to embed tutorials anywhere inside your product. When users click the icon, the tutorial opens instantly. - **Tooltips + Tutorials** A feature unique to Trainn,  that allows you to pair tooltips with tutorials. Tooltips appear on hover to provide additional context before users engage with the video or guide. - **User Identification (_upcoming_)** Gain detailed insights on who views your In-App Tutorials. Identify users — customers or prospects — and track their progress and engagement within your product. ## CHAPTERS - time: 00:23 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=23 title: Configuring In-App Tutorials - time: 00:47 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=47 title: Creating In-App Tutorial - time: 01:43 url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/5aE8ZlIIjjg-introducing-in-app-tutorials?start_time=103 title: Placing a Tutorial