Display images from your Dropbox account in your Squarespace site.

Dropbox is a file hosting service. If you use Dropbox to store and manage photos, connect your account to publish those images to your gallery pages. This guide explores how to sync a Dropbox folder with your site. 

This information applies to version 7.0. Sites on version 7.1 can't display Dropbox images because they use gallery sections instead of gallery pages. 

Step 1 - Connect your Dropbox account

To authorize your account:  

1. Open the Connected Accounts panel.
2. Click Connect Account.
3. Select Dropbox from the Social Accounts menu. 
4. Log in using your Dropbox username and password.
5. Click Allow.

Step 2 - Create Dropbox folders

To publish content from your Dropbox:

1. Log into your Dropbox account.
2. In the folder called /Apps/Squarespace/, create a folder using your Account ID as the name. Your Account ID is the first part of your built-in domain before .squarespace.com. This folder will be the home for all content pushing from Dropbox to Squarespace.
3. In the folder called /Apps/Squarespace/accountid/, create a new folder for each gallery page you want to create on your site. The title of each folder becomes the title of the gallery page on your site.
4. Add all of the images you want to sync to your gallery pages now. You can add more later.

File formatting

Only .png, .jpg, and .gif file types are supported. To prevent specific images or unsupported file types (like a video) from appearing on your site, add an underscore (_) before the filename in Dropbox.

Step 3 - Publish your new pages

After setting up your Dropbox folders, the last step is to sync them so they appear on your site:

1. Return to the Connected Accounts panel.
2. Under Dropbox, click Publish to Squarespace to sync your Dropbox images.
3. The new gallery pages will appear in the Not linked section, along with their images.

Tip: You may need to refresh your browser to see the new pages.

4. Drag and drop these pages to other sections so they appear in your navigation menus.

Sync Dropbox again to see changes

When you first connect Dropbox to Squarespace, it publishes all images added to the folder. If you ever make changes to the folder, like add or remove images, you'll need to sync again to see the changes on your site.

To sync your files:

1. Open the Connected Accounts panel.
2. Under Dropbox, click Publish to Squarespace.

Any changes you made to your Dropbox folders will appear in your site. If you delete any folder or content in this directory, it will also be deleted on your site.

Troubleshooting sync failures

A Sync Failed error message may appear when you attempt to re-sync Dropbox after adding a large number of image files to your Dropbox folder. This error can indicate a delay in the sync process. Wait a few minutes, then refresh the associated gallery page to confirm the new Dropbox images have synced over.