Sharing Files on Multiple Site Pages

3 min read
When you add the Wix File Share app, it adds a dedicated File Share page to your site. If you also add the Shared Folder Add-On to your site, you can display your folders on any page on your site, not just the File Share page. 
A screenshot showing a shared folder in the Editor.
Before you begin:
Make sure to add the Wix File Share app to your site. 

Step 1 | Add the Shared Folder Add-On

Once you've added the Wix File Share app to your site, you can then go and add the Shared Folder app as an "Add-On". Both apps work together to enable you to share your files/folders on multiple site pages. 

To add the app:

  1. Click the File Share app in your Editor. 
  2. Click Settings
  3. Click Add-Ons.
  4. Click Choose Add-On.
A screenshot showing the option to choose an Ad-On in the app settings.
  1. Click the Add to Page drop-down and select the page you want to add the app to. 
A screenshot showing the Add to Page drop-down.

Step 2 | Choose a folder to display

Choose the folder you want to display in the file. This folder appears on the page you selected as part of step 1. You can select an existing folder or make a new folder.

To add a folder:

  1. Click the Shared Folder app in your Editor. 
  2. Click Settings.
  3. Click Select Folder
  4. Select an existing folder or click + New Folder to add a new folder. 
A screenshot showing the Folder tab and all existing folders.

Step 3 | Customize what is displayed on the app

Choose the elements you want to display on your app and customize how the files are sorted in the folder. 

To customize the display:

  1. Click the Shared Folder app in your Editor. 
  2. Click Settings
  3. Click the Display tab. 
  4. Select the checkboxes next to the elements you want to display. 
  5. Click the Sort folder items by drop-down and choose how you want to sort the items in your folder:
    • Last updated: Sort the items by when they were last updated. 
    • Item name A-Z: Sort the items alphabetically from A-Z. 
    • Item name Z-A: Sort the items alphabetically from Z-A.
    • Most views: Sort the items by most views. 
    • Most favorites: Sort the items by the files that are the most popular.
    • Item type: Sort the items by type. 
    • Item size: Sort the items by size.
  6. Choose an alignment for the display: Left or Right
A screenshot showing the alignment options available.

Step 4 | Customize the design of your folder

Change the design to match the look and feel of your site. 

To customize the design:

  1. Click the Shared Folder app in your Editor.
  2. Click Settings
  3. Click the Design tab. 
  4. Choose what you want to customize:
    • Icons, Style & Color: Choose a style for your icons and customize the color. 
    • Buttons & Actions: Choose the button style and color.
    • Table & Background: Customize the table content and colors, adjust the divider line, and change the background color.
A screenshot showing the design settings.
Tip:
Publish your site to view the changes. 

Did this help?

|