top of page
  • Writer's pictureJordan Nelson

Static Resources in Flow

Updated: Dec 25, 2021

What does this post cover? - Learn how to insert images into your Salesforce flows via "Static Resources" Use Case? - Upgrade your Screenflows so they are more lively for your users

- Help Promote user adoption

- Add some fun to your processes




#1 Find your Images


First things first, you need to get the images you want to use and save them to your device.


a. Hit up that Google

b. Ideally search for .jpg files

c. Took a screenshot or didn't find a .jpg file of the image you wanted? Head HERE to convert it.

d. Adjust the size of your image to your liking. (For my use case, I didn't exceed 400 pixels in width)





#2 Create Static Resource


Switch over to Salesforce and follow the path below

Setup > Static Resources > New

a. Name the resource b. Add a description (optional) c. Choose the file that is saved on your device that you want to use d. Set cache control to "Public"





#3 Insert Display Image into Flow


Cool - you found your images, you created your resource(s), you are ready to move on to the flow portion. Obviously you need a flow here to do this so if you haven't already - open your flow or create a new one for testing purposes.


a. Open / Create your ScreenFlow

b. Drag the "Screen" element onto the canvas

c. Open up the screen element you just dragged onto the canvas

d. Search for "Display Image" on the left-hand side under "Screen Components"

e. Drag the "Display Image" component over

f. Enter the following for the Display Image

API NAME: Name for display image component

IMAGE NAME: Enter in the exact name of the Static Resource you created

g. Click "Done" when you are finished

h. Save your flow




#4 Test the Flow


After you have saved your flow go ahead and run it in Debug mode to verify that it works. If it does, you should see something similar to the gif below.


a. Click Debug

b. Click Run

c. Verify the flow ran appropriately



3,147 views0 comments

Recent Posts

See All

Comments


bottom of page