<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PP7S83N" height="0" width="0" style="display:none;visibility:hidden">
HACKATHON: Create cutting-edge enterprise apps using Retool + WeavyRead more
Tutorial

Add powerful file storage to your Retool app

This tutorial will show how to add our files component to your Retool app, enabling previews of virtually every file format, remote editing of Office files, and support to several cloud storage services.

Have Retool ready, and let's get started.

1. Get access token

For our Weavy component to work, we need an access token from the authentication workflow in our app. 

Go to Code in the left panel, click the + and select Import Workflow

  • Name it getWeavyToken 
  • Select WeavyAuthentication from the Select Workflow dropdown
  • Click the Reset to Example JSON in for Workflow parameters
  • Change the Run behavior to Automatic
  • Click Save & Run
  • If successful, you should see an access token in the output window
retool-query-getWeavyToken

2. Add Weavy Files

Search for Weavy Files in the components search bar and drag and drop it onto the canvas.

retool-wy-components

3. Done!

The Weavy Files with component should load instantly - but toggle to Preview mode and see the full experience.

Note that this is fully working now and available for all your users if you want - rich file storage and preview support added, just like that.

retool-files
On this page
Ask AI
Support

To access live chat with our developer success team you need a Weavy account.

Sign in or create a Weavy account