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