# 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: Trainn User Identity API Documentation

## METADATA

- id: IkUtfOS1hb7TtiU28iLlDQ
- type: article
- source: Wiki
- content_url: https://help.trainn.co/yDNi2PB4MIQ-in-app-tutorials/OBYwhUrd1QA-trainn-user-identity-api-documentation

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

## CONTENT

# Setting User Identity for Trainn Embeds

Before using the identity feature, ensure that **User Identification** is enabled in your [In-App Tutorials Configuration](https://app.trainn.co/embeds/configuration) page.

Once enabled, calling `identity` allows Trainn to accurately attribute **learner progression**, **overall engagement**, and other **analytics** to the corresponding user account.

---

### JavaScript

```
<script>
  window.Trainn('identity', {
    email: 'user@example.com', // required
  });
</script>```

---

### React

```
import { useEffect } from 'react';

export default function Embed({ user }) {
  useEffect(() => {
    if (window.Trainn && user?.email) {
      window.Trainn('identity', { email: user.email });
    }
  }, [user]);

  return <div id="my-embed" />;
}```

---

### Vue

```
<template>
  <div id="my-embed"></div>
</template>

<script setup>
import { onMounted } from 'vue';

const userEmail = 'user@example.com';

onMounted(() => {
  if (window.Trainn) {
    window.Trainn('identity', { email: userEmail });
  }
});
</script>```

---

### PHP

```
<?php $email = 'user@example.com'; ?>
<script>
  window.Trainn('identity', {
    email: '<?= $email ?>',
  });
</script>```

---

✅ **Tip:** Call `window.Trainn('identity', { email })` after your user logs in or when their email is available.
Make sure the **Identity** option is enabled in your Trainn embed settings.