Unlocking Visuals: Displaying Images in Your Salesforce Screen Flow

Hello friends, today we will discuss Unlocking Visuals: Displaying Images in Your Salesforce Screen Flow. Displaying images in your Salesforce Screen Flow, helping you improve user engagement and enhance the overall flow experience. Whether you want to display product images, icons, or company logos, this guide will cover everything you need to know. I’ll walk you through how to add and display images in your Salesforce Screen Flows easily.

Also, check this: Step-by-Step Guide to Handling Selected Rows in Lightning Datatable with Salesforce Flow

Why Display Images in Salesforce Screen Flows?

Before we dive into the technical steps, let’s talk about why we want to add images to your flows in the first place:

1. Enhance User Experience: They can make the interface more visually appealing and user-friendly.
2. Increase Engagement: Visual elements, such as logos, icons, or product images, can help keep users engaged during longer or more complex flows.
3. Provide Clarity: In some cases, images can be used to better explain steps or instructions in the flow. A picture, after all, is worth a thousand words.

Steps to Display Images in Salesforce Screen Flow

Step 1: Upload Your Image to a Static Resource

1. Navigate to Setup → Static Resources in Salesforce
2. Click the New button. Upload your image file and give it a meaningful name.
3. Set the Cache Control to “Public” to ensure the image is accessible via URL

Step 2: Create a Screen Element in Flow Builder

1. Go to Setup and type Flows in the Quick Find box.
2. Click on New Flow and select Screen Flow.
3. Add a Screen element to your flow.
4. Drag and drop the Display Image component onto the screen.
5. In the Image Name field, enter the name of the static resource you created.
6. Adjust the Horizontal Alignment to center the image if needed.
7. Click Done and save your flow.

Step 3: Activate and Deploy the Flow

Once you’re satisfied with how the image looks, activate your flow and deploy it in your desired environment. Your users will now see the image as part of the flow.

Output :

Reference :

1. Using Static Resources in Salesforce
2. Salesforce Flow Builder Guide