# In-App Tutorials

> **Source**: [Wiki](https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials)
>
> <p>Introducing In-App Tutorials. Trainn’s no-code solution to deliver videos and guides directly inside your product, right where your users need them!</p>

## 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: Understanding URL Variables 

## METADATA

- id: cPEltKMGdhsnJ3KgU8U6aw
- type: article
- source: Wiki
- content_url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/NizpCj2i50g-understanding-url-variables

- collection_url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials

## CONTENT

### What are Static and Dynamic URLs?

When you're setting up In-App Tutorials in your application, you'll encounter two types of URLs:

*[Image]*

**Static URLs**

A static URL is a fixed web address that always points to the same specific page. It doesn't change based on user actions, sessions, or content being viewed.

Examples of static URLs:

- [https://app.example.com/dashboard](https://app.example.com/dashboard)
- [https://app.example.com/settings/profile](https://app.example.com/settings/profile)

These URLs remain constant regardless of which user visits them or when they visit.

**Dynamic URLs**

A dynamic URL contains variables or parameters that change based on the context, user, or content being accessed. These variables are typically represented as placeholders like :id, :user_id, or query parameters.

Examples of dynamic URLs:

- [https://app.example.com/courses/:id/overview](https://app.example.com/courses/:id/overview) — the :id changes for each course
- [https://app.example.com/projects/:project_id/tasks](https://app.example.com/projects/:project_id/tasks) — different project IDs for different projects

When you visit actual pages, these variables get replaced with real values:

- [https://app.example.com/courses/101/overview](https://app.example.com/courses/101/overview)
- [https://app.example.com/courses/202/overview](https://app.example.com/courses/202/overview)
- [https://app.example.com/courses/303/overview](https://app.example.com/courses/303/overview)

All three URLs above follow the same pattern (/courses/:id/overview) but point to different course pages.

---

### **How Trainn Handles URL Variables**

When you embed in Trainn, the system **automatically detects the URL structure** of the page you're on. 

> If the embed is placed in a static URL. Then Trainn will automatically add the static URL to the Page URL field

**Example of Static URL**

*[Image]*
If the embed is placed in a dynamic URL. Then your page URL will contain varialbles (like :id). (Trainn automatically adds the :id).

**Example of Dynamic URL**

*[Image]*

By default, when Trainn detects a dynamic URL pattern, your embed will appear across all pages matching that pattern. This is usually what you want, it means you set up the embed once, and it appears on every relevant page automatically.

**Example Scenario**

Let's say you're building a learning academy within your SaaS product. You have hundreds of courses, each with its own overview page:

- Course 1: [app.example.com/courses/101/overview](http://app.example.com/courses/101/overview)
- Course 2: [app.example.com/courses/102/overview](http://app.example.com/courses/102/overview)
- Course 3: [app.example.com/courses/103/overview](http://app.example.com/courses/103/overview)
- ...and so on

When you place an embed on any course overview page, Trainn captures the pattern as:

/courses/:id/overview

With this pattern, your **embed will automatically appear on all course overview pages** without you having to configure it for each individual course.

---

### **The "Remove URL Variables" Option**

The Remove URL Variables checkbox gives you control over whether your embed should appear across multiple similar pages (dynamic) or only on one specific page (static).

*[Image]*

**When UNCHECKED (default)**:

- The embed appears on all pages matching the URL pattern
- Variables like :id remain in the URL

> Example: Embed shows on /courses/101/overview, /courses/102/overview, /courses/103/overview, etc

**When CHECKED:**

- The embed appears only on the exact page URL you captured
- Variables like :id are removed from the pattern

> Example: Embed shows only on /courses/101/overview — not on any other course pages