🖼️ Image variable
Link to the example: https://creator.celestory.io/project/AKyvPs656
Image variables are variables that allow you to store images. You can store an image as a project file or as a URL (direct link).
To create an image variable, go to the main menu (blue button at the top left) and then to Variables
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-123012-celestory-cr_ae5bkl.png)
Then click on Add a variable !
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122559-celestory-cr_1j01q2y.png)
In the Variable Type drop-down menu, choose Image then enter the desired name and press Add !
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122630-celestory-cr_tm0900.png)
Here you can choose which image to store in your variable by clicking on Choose Image for a project file and using the Url field to indicate a direct link to an image
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122658-greenshot_2mfmlw.png)
For the example, we add a URL of an image, in this case, the Celestory logo.
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-140513-celestory-cr_tn88wz.png)
After creating a menu that has our image variable as a layout element (like in the example project), we press the Play Button.
We can then see that the image is displayed.
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/play-url_1w8tkqq.png)
You can also assign a URL from the graph as shown in the example project
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/screen-assignation_1rbsitj.png)
Now you know how to use image variables.
Image variables are variables that allow you to store images. You can store an image as a project file or as a URL (direct link).
To create an image variable, go to the main menu (blue button at the top left) and then to Variables
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-123012-celestory-cr_ae5bkl.png)
Then click on Add a variable !
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122559-celestory-cr_1j01q2y.png)
In the Variable Type drop-down menu, choose Image then enter the desired name and press Add !
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122630-celestory-cr_tm0900.png)
Here you can choose which image to store in your variable by clicking on Choose Image for a project file and using the Url field to indicate a direct link to an image
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122658-greenshot_2mfmlw.png)
For the example, we add a URL of an image, in this case, the Celestory logo.
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-140513-celestory-cr_tn88wz.png)
After creating a menu that has our image variable as a layout element (like in the example project), we press the Play Button.
We can then see that the image is displayed.
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/play-url_1w8tkqq.png)
You can also assign a URL from the graph as shown in the example project
![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/screen-assignation_1rbsitj.png)
Now you know how to use image variables.
Updated on: 03/06/2021
Thank you!