Dropbox
Configure Dropbox integration so customers can upload files from their Dropbox account during checkout.
The Dropbox integration adds an "Upload from Dropbox" button to the storefront file upload page. When configured, customers can browse and select files directly from their personal Dropbox account instead of uploading from their computer. This is especially useful for large print files that customers may already have stored in Dropbox.
To use this integration, you need a Dropbox App Key from the Dropbox Developer Console. The integration uses the Dropbox Chooser, which provides a file picker overlay that lets customers navigate their Dropbox folders and select files without leaving your storefront.
Configure Dropbox
- From your Unified Admin, go to Settings > Integrations > Dropbox.
- Enter your App Key in the field provided.
- Click Save.
Settings
| Field | Description |
|---|---|
| App Key | The App Key from your Dropbox developer application. When set, the "Upload from Dropbox" button appears on the storefront upload page. When empty, the Dropbox upload option is hidden from customers. |
Getting a Dropbox App Key
- Go to the Dropbox App Console.
- Click Create app.
- Choose Scoped access and Full Dropbox access type.
- Name your app and click Create app.
- On the app settings page, copy the App key value.
- Paste it into the Dropbox settings in your Unified Admin.
Associations
Print Store
| Area | Effect |
|---|---|
| File Upload Page | When an App Key is configured, an "Upload from Dropbox" button appears alongside the "Upload from Computer" button on the product file upload page (upload.aspx). Customers click the button to open the Dropbox Chooser, select a file, and it is automatically downloaded and attached to their order. The button is hidden when no App Key is set. |
| Custom Upload Templates | Custom upload page templates (Mustache) also support the Dropbox button via the AllowDropboxUpload template variable, which is true when the App Key is configured. |
Print Editor
| Area | Effect |
|---|---|
| Filestack Image Sources | The Print Editor's Filestack integration includes Dropbox as one of the available image sources in the file picker. This uses the Filestack API rather than the Dropbox Chooser directly, but allows customers to browse Dropbox for images to place on their designs. |