Apps Made by Wix: Adding and Setting Up the Dropbox Folder App

4 min read
A great option for sharing docs and files (e.g. photos or videos) on your site is using the Dropbox Folder app. Add the app to your site, then connect it to your Dropbox account (or create a new Dropbox account). Once you've connected your account, you can customize how the app looks.

Step 1 | Add the Dropbox Folder app to your site

You can find the Dropbox Folder app in the Wix App Market. Go to the App Market in your editor to add it to your site, then connect it to an existing or new Dropbox account.
Wix Editor
Studio Editor

  1. Click Add Apps   on the left side of the editor.
  2. Search for the Dropbox Folder in the search bar.
  3. Click Add to Site.
A screenshot showing how to add the Dropbox folder app to your Wix site
  1. Select the app in your editor and click Settings.
  2. Do one of the following:
    • Click Connect Account and sign in to your Dropbox account.
    • Click Create a new account:
      1. Sign up with Dropbox.
      2. Verify your email address.
  3. Click Allow to grant access to display your Dropbox folders. 
Tip:
If a pop-up does not open, try turning off your pop-up blocker or updating your browser version.

Step 2 | Choose which folders you want to display

After connecting the app to your Dropbox account, you'll be able to select which folders you want to make available on your site.

To select the folders:

  1. Click the Dropbox Folders app in your editor.
  2. Click Settings.
  3. Click the Folders tab.
  4. Click Select Folder.
  5. Hover over the folder you want to display and click Select.
A screenshot showing how to select a specific dropbox folder
Tip:
If you added a folder recently, and it doesn't appear, click the Refresh icon .

Step 3 | Customize how the app looks on your site

With the Dropbox Folder app, you can choose how the folder is displayed, what information is shown and what colors and fonts you want to use.

To customize how the app looks:

  1. Click the Dropbox Folders app in your editor.
  2. Click Settings.
  3. Click the Layout tab to choose how you want to display the files inside your folder:
    • List: Displays the full list of files in your folder.
    • Icon: Displays the folder name. When clicked, a pop-up appears with a list of files.
  4. Click the Settings tab to choose what info you want to show in the folder:
    1. Click the Show title toggle to show or hide the folder title.
      Tip: Edit the folder title in the Title text field.
    2. Click the Show number of items toggle to show or hide the number of files.
    3. Click the Allow file preview toggle to show or hide the title.
  5. Click the Design tab to customize the colors, fonts and icon style.
Note:
The design options differ depending on the layout you chose in step 3 above.

Frequently asked questions (FAQs)

Did this help?

|