As Salesforce Admins, we’ve all experienced the frustration: you spend hours designing a beautiful screen Flow in the sandbox, carefully adding logos, diagrams, and instructional images — only to deploy it to production and see all your images broken. It’s a deployment nightmare, and it often requires tedious manual fixes after every move.
Thankfully, Salesforce has introduced a solution: you can now add images in Display Text components directly from Static Resources (beta). Unlike Salesforce Files, which are considered data and do not reliably deploy, Static Resources are metadata — meaning they travel with your Flow seamlessly from sandbox to production.
This change ensures that your Flow visuals — whether logos, diagrams, or step-by-step instructions — always appear exactly as intended.
Key Features
1. Deployable Flow Images
Images stored in Static Resources are metadata, so they move with your Flow during deployment, eliminating the frustration of broken images.
2. Supports All Display Text Components
Any image you add to a Display Text element — from instructional diagrams to branding logos — can now be linked via Static Resources.
3. Consistent Production Experience
Your Flow users in production see the same visuals you created in sandbox, improving usability and reducing support tickets.
4. Simple Integration
No coding is required — everything is managed through Flow Builder and Static Resources, keeping the setup accessible for all admins.
Steps to Set Up Static Resource Images in Flows
Follow these steps to ensure your Flow images survive deployment:
Step 1: Upload Images as Static Resources
- Go to Setup → Static Resources → New.
- Upload your image file
- Give it a descriptive name for easy reference in Flows.
Step 2: Open Your Flow in Flow Builder
- Navigate to Setup → Flows.
- Open the Flow you want to edit or create a new one.
Step 3: Add a Display Text Component
- Drag the Display Text element onto the Flow screen.
- Open the text editor inside the component.
Step 4: Insert Image from Static Resource
-
Click the Image icon in the Display Text editor.
-
Select Static Resource instead of Salesforce Files.
- Choose the image you uploaded in Step 1.
Step 5: Save and Test
- Save your Flow.
- Test in sandbox to ensure the image displays correctly.
- Deploy your Flow to production — your images will now appear automatically.
Key Considerations
- Beta Feature: This functionality is currently in beta, so thoroughly test your Flows in the sandbox before deploying to production.
- File Naming: Use clear, descriptive names for your Static Resources to avoid confusion during deployment.
- Image Size: Keep images lightweight (preferably under 1 MB) to maintain Flow performance.
- Flow Portability: Only images linked via Static Resources will deploy with the Flow. Images still referenced via Salesforce Files will not transfer automatically.
- Consistent Updates: If you update an image, ensure the Static Resource is updated as well before redeploying the Flow.
For more detailed information, refer to the official Salesforce documentation:
Flow Screen Input Component: Display Image
Conclusion
With this enhancement, Salesforce admins can finally build Flow screens with confidence, knowing that their images will deploy correctly every time. By leveraging Static Resources, your flows stay visually consistent across sandbox and production, making the user experience smoother and reducing the need for post-deployment fixes.
Have any questions? Feel free to drop an email to support@astreait.com or visit astreait.com to schedule a consultation.