[🐱‍🏍GIFs and Images](https://www.youtube.com/watch?v=97PytZLWgTU)


Link to the example : https://creator.celestory.io/project/UnjYWH0TL

## **🟩 Load image :**

If you want to upload images to your app, you can do it in Main Menu/Files.

You can also easily upload images hosted on external sites via URLs, such as Gif with Gyphy, your logos or user photos with Airtable.

Link: https://giphy.com/

After creating an Image block, expand the entry point "image" and click on the creation of the Load Image block.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmtGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--0d173ded859fab9ed608ffe6aade3bd9dc80046e/ad525bea-682e-4ce5-a3ce-aace61_navmi6.png)

Open the **Load Image** block, and paste your url into it.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBczREIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7102669b1d630ee200e40d278b3c640976bee383/608ffe65-0c6a-4776-8251-dfd227_1wuo51t.png)

## **Allow the user to import a custom URL :**

You can also offer the user to insert the custom url of their image - which you can then display wherever you want later in the experience by associating it with a text variable.

To do this, start by adding an "**Input text**" block - this will allow the user to insert the link of his URL. You just need to connect this block to an "**Assign**" block to which you will need to connect a text variable that you have previously created - in the example "**URL image profile**". Don't forget to link the value of the "**Input text**" block to that of the "**Assign**" block.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZzBFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--b625dad03abb1cbc1b3a040edf7a1645269f2550/6dd03148-bbd7-4b9a-b806-9e89c5_1jpapud.png)

The user will then be able to insert a URL himself:

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbTRHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--3f7bb138a74154bf9ebb116f2287754273c81789/3acbbc1d-eee6-4047-ad90-020c50_15ilxdk.png)

The image linked to this URL can be displayed at any time in the experiment as soon as you connect the "**URL image profile**" variable to the "**Upload image**" block.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmtFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--3714d1c6cbbc878993a37ebd4f2fe89f32034839/77ff74e8-c9af-4c6c-80a4-21e742_d5yqga.png)

You know how to allow the user to import a gif or image to customize their experience.