Blog Post

How to Build a Salesforce PDF Viewer with PSPDFKit

Illustration: How to Build a Salesforce PDF Viewer with PSPDFKit

In this post, you’ll learn how to build a Salesforce PDF viewer by integrating PSPDFKit for Web into your Salesforce organization. By the end of this post, you’ll be able to open PDF, JPG, PNG, and TIFF files in a custom PSPDFKit tab inside Salesforce.

PSPDFKit for Salesforce Integration

The PSPDFKit for Salesforce integration uses PSPDFKit for Web Standalone as a static resource. When the integration is deployed to a Salesforce organization, the static resources are automatically created. The static resources are then used to load the PSPDFKit for Web Standalone library in the Salesforce organization.

PSPDFKit for Salesforce shares the same APIs as PSPDFKit for Web Standalone, so please use the web documentation when customizing your Salesforce application.

Getting Started

To get started, you’ll need to:

Deploying the Package

To deploy the PSPDFKit package to your Salesforce organization, follow these steps.

  1. Download the PSPDFKit for Salesforce project from GitHub and then unpack the ZIP file.

Alternatively, run the following terminal command to clone the PSPDFKit Salesforce repository from GitHub:

git clone
  1. Navigate to the salesforce directory and run the following commands to install the dependencies and log in to your Salesforce organization:

npm install

sfdx force:auth:web:login --setalias vscodeOrg --instanceurl --setdefaultusername
  1. In the browser window that opens, log in to your Salesforce organization and authorize the Salesforce CLI.

  2. In the terminal, run the following command from the root folder:

sfdx force:source:deploy -x manifest/package.xml

Enabling Users to Use PSPDFKit

To enable users of your Salesforce organization to use PSPDFKit, follow these steps:

  1. In Salesforce, go to Users > Permission Sets.

  2. Find PSPDFKit Admin Access in the list and click it.

Permission set

  1. Click Manage Assignments.

  2. Click Add Assignment.

  3. Select the users you want to authorize to use PSPDFKit.

  4. Click Next, and then click Assign.

Changing the Security Settings

PSPDFKit for Salesforce requires Lightning Locker to protect Lightning web components, but Salesforce uses Lightning Web Security by default. To change the default security settings, follow these steps:

  1. In Salesforce, go to Security > Session Settings.

  2. Deselect Use Lightning Web Security for Lightning web components.

Session settings

  1. Scroll down and click Save.

Using the PSPDFKit for Salesforce Integration

To use PSPDFKit in your Salesforce organization, follow these steps:

  1. Ensure you’re logged in as a user authorized to use PSPDFKit.

  2. In the top-right corner, open the App Launcher.

  3. Search for and click PSPDFKit.

Search for PSPDFKit in the quick find box in your organization

  1. Click browse to upload local PDF files, or open a file from Salesforce.

PSPDFKit tab in the Salesforce environment

Adding Even More Capabilities

Once you’ve deployed your viewer, you can start customizing it to meet your specific requirements or easily add more capabilities. To help you get started, here are some of our most popular Salesforce guides:


You should now have our Salesforce integration up and running. If you hit any snags, don’t hesitate to reach out to our Support team for help.

You can also deploy our vanilla JavaScript PDF viewer or use one of our many web framework deployment options like Vue.js, React.js, and Angular. To see a list of all web frameworks, start your free trial. Or, launch our demo to see our viewer in action.

If you’re interested in PSPDFKit for Salesforce, you can contact our Sales team.

Hulya Karakaya Technical Writer

Hulya is a frontend web developer and technical writer at PSPDFKit who enjoys creating responsive, scalable, and maintainable web experiences. She’s passionate about open source, web accessibility, cybersecurity privacy, and blockchain.

Share Post
Free 60-Day Trial Try PSPDFKit in your app today.
Free Trial

Related Articles

Explore more
DESIGN  |  Baseline UI • Web

Part V — Mastering the Baseline UI Theme: An In-Depth Exploration

DESIGN  |  Baseline UI • Web

Part IV — Building Consistency: A Guide to Design Tokens in Baseline UI

DESIGN  |  Baseline UI • Web

Part III — Accessible UI Design: Building Inclusive Digital Experiences