How to Add Contextual File Management to Retool with Weavy: Step-by-Step Tutorial

Hej folks, if you need to manage files in your apps—whether uploading, previewing, or attaching them to specific users or rows—this integration might come in handy.

TL;DR: In this tutorial, learn how to integrate Weavy's Files component into Retool to handle file management and contextual interactions effortlessly. This guide covers everything from generating API keys to adding workflows and file components.

Dynamic File Management in Retool

Weavy's Files component makes it easy to manage files contextually. You can:

  • Upload files directly from your computer or cloud storage
  • Preview and edit documents in-app (with built-in version control)
  • Add comments and collaborate on specific files
  • Access previous file versions and revert as needed

This tutorial covers the complete process—from authentication to embedding the Files component—all within a Retool workflow. No custom backend code is needed; everything is handled.

Here's a breakdown of what you'll learn from the video tutorial.

1. Set Up Authentication:
You’ll learn how to set up user authentication between Weavy and Retool by creating a workflow that securely handles access tokens.

2. Generate an API Key:
A Weavy API key is needed to establish a connection between the two platforms. I’ll show you how to generate one and add it to your workflow.

3. Create Workflows:
Using Retool’s workflow feature, you’ll create triggers and automation that connect users from Retool to Weavy, allowing you to impersonate users and generate access tokens.

4. Add the Files Component:
You’ll embed Weavy’s Files component into your Retool app, making it dynamic and contextual. This means you can attach files to specific users or rows in Retool—completely automated.

Let me know if you have any questions or run into any challenges. I’m happy to help!

4 Likes