# How to show a tutorial just one time in my app?

**URL:** <https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [May 23, 2019, 9:23pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868 "2019-05-23T21:23:07Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![joeldavid1809](https://avatars.discourse-cdn.com/v4/letter/j/b5ac83/32.png) [@joeldavid1809](https://community.thunkable.com/u/joeldavid1809)\
**Post date:** [May 23, 2019, 9:23pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/1 "2019-05-23T21:23:07Z")

</div>

Hi guys. I’m a thunkable user and I wanna add one tutorial for the first time that the app will open. I wanna show how to use my app. Can you help me?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 23, 2019, 10:49pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/2 "2019-05-23T22:49:21Z")

</div>

Hey @joeldavid1809,

There’s two parts to this question:

> [@joeldavid1809](#):
>
> the first time that the app will open.

You need a stored variable to save when the app has been opened. On the initial load, when the app is opened for the first time, you should load your tutorial.

> [@joeldavid1809](#):
>
> I wanna show how to use my app.

There’s probably a couple of ways to do this - probably the most straightforward would be to have s quick screenshot, or animated Gif, appear with a demonstration of how to use the app.

---

<div class="post-metadata">

**Author:** ![farzam.parto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farzam.parto/32/32429_2.png) [@farzam.parto](https://community.thunkable.com/u/farzam.parto)\
**Post date:** [May 23, 2019, 11:10pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/3 "2019-05-23T23:10:51Z")

</div>

By the way I think it’s called OnBoarding Animation in Material Design.  
Refer to link below:

> **[Onboarding](https://material.io/design/communication/onboarding.html)**
>
> Onboarding is a virtual unboxing experience that helps users get started with an app.

😉 @joeldavid1809

---

<div class="post-metadata">

**Author:** ![farzam.parto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farzam.parto/32/32429_2.png) [@farzam.parto](https://community.thunkable.com/u/farzam.parto)\
**Post date:** [May 23, 2019, 11:13pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/4 "2019-05-23T23:13:55Z")

</div>

I’ll give it a try 😉 Seems like interesting topic @domhnallohanlon 🤔

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 23, 2019, 11:15pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/5 "2019-05-23T23:15:55Z")

</div>

Can confirm… definitely an interesting topic? 😂

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 24, 2019, 10:13am UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/6 "2019-05-24T10:13:08Z")

</div>

3 posts were split to a new topic: [Local Storage is showing null on first load](https://community.thunkable.com/t/local-storage-is-showing-null-on-first-load/76897)

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [May 25, 2019, 10:12pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/7 "2019-05-25T22:12:28Z")

</div>

Not sure if this will work for you, but one thing I do with my app is to check for the presence of a variable saved in local storage (I would have to check it in X, but in the classic thunkable, you can specify a “value if not found” that would default to whatever you need even before the first value is stored with its key, i.e. if the key does not exist. In X, perhaps you may have to check the returned value against the logical ‘null’).  
Then, if the key is not found, your launch your first run tutorial _AND_ set the key “seen\_tutorial” to true in local storage. Next time the app is run, it will see that “seen\_tutorial” is true and would skip showing again.

Just a word of advise: you may want to retain the possibility of showing the tutorial even after the first run, by having a button somewhere to run it whenever needed, because a user may want to review a bit that he forgot, or want to showcase it to a friend for instance. Reinstalling the app just to see that bit again would be an annoyance.

---

<div class="post-metadata">

**Author:** ![joeldavid1809](https://avatars.discourse-cdn.com/v4/letter/j/b5ac83/32.png) [@joeldavid1809](https://community.thunkable.com/u/joeldavid1809)\
**Post date:** [May 26, 2019, 6:35pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/8 "2019-05-26T18:35:28Z")

</div>

Now I can understand. Thank you so much.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:13pm UTC](https://community.thunkable.com/t/how-to-show-a-tutorial-just-one-time-in-my-app/76868/9 "2024-11-08T12:13:39Z")

</div>


