# Create image through URL

**URL:** <https://community.tulip.co/t/create-image-through-url/92>\
**Category:** Support, Troubleshooting, & Help\
**Created:** [October 29, 2019, 7:52pm UTC](https://community.tulip.co/t/create-image-through-url/92 "2019-10-29T19:52:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wei](https://sea2.discourse-cdn.com/flex020/user_avatar/community.tulip.co/wei/32/25_2.png) [@Wei](https://community.tulip.co/u/Wei)\
**Post date:** [October 29, 2019, 7:52pm UTC](https://community.tulip.co/t/create-image-through-url/92/1 "2019-10-29T19:52:32Z")

</div>

Hey there! Is it possible to create an image in an app that is populated through a URL (and that URL is variable?). It seems I am able to upload a static image, but I’d like my image(s) to be dynamic. Thanks!

---

<div class="post-metadata">

**Author:** ![Brian\_Haselton](https://sea2.discourse-cdn.com/flex020/user_avatar/community.tulip.co/brian_haselton/32/77_2.png) [@Brian\_Haselton](https://community.tulip.co/u/Brian_Haselton)\
**Post date:** [October 31, 2019, 1:23pm UTC](https://community.tulip.co/t/create-image-through-url/92/2 "2019-10-31T13:23:13Z")

</div>

Hi, I’d be happy to help you with this. There are two parts: writing the trigger action, and then embedding the image on the step.

For part 1, here is a sample trigger that can store any image URL value in a variable called “sample\_dynamic\_image”

 ![](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/1X/257daac2bac5995706858db681b6013390a7b2b0.png)

Then, you need to add that image to a step. Under the “Text” menu on the widget bar, select the “Variable” widget.

![](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/1X/0ddb6aabb7b287f98d9e478e7fc377c7eb8d7b54.png)

Then, in the Context Pane, choose that specific variable. Tulip will automatically recognize it as an image URL and load the image on your step.

![](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/1X/374088b454d93892c980b7bc461b8e5ae3fd4ce0.png)

---

<div class="post-metadata">

**Author:** ![hed](https://avatars.discourse-cdn.com/v4/letter/h/7bcc69/32.png) [@hed](https://community.tulip.co/u/hed)\
**Post date:** [July 7, 2020, 1:32pm UTC](https://community.tulip.co/t/create-image-through-url/92/3 "2020-07-07T13:32:25Z")

</div>

Hi, can I enter the image url using a form step?

---

<div class="post-metadata">

**Author:** ![Lauriane\_B](https://avatars.discourse-cdn.com/v4/letter/l/c68b51/32.png) [@Lauriane\_B](https://community.tulip.co/u/Lauriane_B)\
**Post date:** [September 28, 2023, 12:25pm UTC](https://community.tulip.co/t/create-image-through-url/92/4 "2023-09-28T12:25:55Z")

</div>

Hello there!

For those who still have this issue in 2023, I would like to share my own tips.  
I used the same logic as Brian\_Haselton but I add an variable and a imput space for the “dynamic” url, so every time you write down a new url the image automatically change.

**First step : create two new variables for your app**  
dynamic\_image (type image url ; no value by default)  
dynamic\_url (type text ; no value by default)

**Second step : insert an image**  
with “dynamic\_image” as data source

**Third step : insert a text imput**  
with “dynamic\_url” as data source

**4nd step : add this trigger ↓ to the text imput you just create**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/0/047ef38f124f9b5b3dbc999eff0c25f0a86a9fb1.png)

In this example you will need to write the url to change the image, but you can also make that happen differently. For example, the new url could come from a MQTT message (that what I do in my use case)

---

<div class="post-metadata">

**Author:** ![John](https://sea2.discourse-cdn.com/flex020/user_avatar/community.tulip.co/john/32/4971_2.png) [@John](https://community.tulip.co/u/John)\
**Post date:** [September 28, 2023, 1:14pm UTC](https://community.tulip.co/t/create-image-through-url/92/5 "2023-09-28T13:14:13Z")

</div>

@Lauriane_B, great tip, thanks for sharing!