File Upload for Experience Cloud (LWR) Documentation

A Flow Builder and Experience Builder File Upload component that works in LWR.

File Upload for Experience Cloud (LWR)

As of: Winter '25

Authored By: George Abboud

Last Updated: 09/27/2024

Description

A Flow Builder and Experience Builder File Upload component that works in LWR.

Disclaimer:

This package is free to use, but is not an official salesforce.com product, and should be considered a community project. The functionality is not officially tested or documented, and does not come with any support, warrantees, or updates. It is offered as-is.

AppExchange Listing URL

https://appexchange.salesforce.com/appxListingDetail?listingId=fb653e95-2d5f-41c7-abf4-638c908d1dd0

Open-Source Code

https://github.com/salesforce-experiencecloud/lwrfileupload

Usage and Configuration

Using the File Upload component is pretty easy! Just follow these steps:

1. Install the package in your org

2. For Flow

   1. Access Flow Builder for the LWR site that you want to use this component in.

   2. Add a screen element to your flow

   3. While editing your screen element, in the components panel, and you should see a component called “LWR File Upload” - drag/drop that onto your page

   4. Configure the inputs as per the reference documentation for lightning-file-upload.

   5. Save an activate your flow, then expose it from an LWR site.

3. For Experience Builder

   1. Access Experience Builder for the LWR site that you want to use this component in.

   2. Open the components panel, and you should see a component called “LWR File Upload” - drag/drop that onto your page

   3. Configure the inputs as per the reference documentation for lightning-file-upload.

   4. Publish your LWR site.

4. That’s it! Make sure you activate your flow and/or publish you site and you should be able to see it in action!