Embedding Shares

Embedding Shares

Shared folders can be embedded anywhere on your website. This allows your customers to visit your website and still access the folders and files stored in your ExaVault account. Using embedding on your website can be so seamless, your clients might not even realize that they are accessing your ExaVault account!

Generating Embedding Code for a Share Folder

The code for embedding a share can be generated either when the share folder is first created or after the share already exists.

When Creating a Share Folder

Show Me
Embedding share folder

  1. Follow the steps to share a folder.
  2. When completing the Choose how to notify recipients of the shared folder section, select Embed this shared folder as a widget on my website.
  3. Finish remaining steps of creating the share folder and click CONFIRM SHARE.
  4. Copy the HTML code that appears in the pop-up.
  5. Paste the code in a document for record keeping or directly into your website editor.

For Existing Share Folders

Show Me
Embeding existing share folder

  1. Click the Activity button on the main toolbar.
  2. Click the SHARE ACTIVITY tab.
  3. Locate the entry for your share folder in the list and click on the item to open settings.
  4. Check the box next to the words Allow Embedding.
    • If you want to remove embedding for a share folder but you do not want to disable the share, you can uncheck this box and save changes.
  5. Click the link for Get code.
  6. Copy the HTML code that appears in the pop-up.
  7. Paste the code in a document for record keeping or directly into your website editor.
  8. Click the SAVE CHANGES button to save your changes.

The HTML code that you copy-and-paste should look something like this one:

  <!-- begin shared folder widget code -->
  <div id="exavault-share-widget" style="width:100%; height:500px;"></div>
  <script type="text/javascript" 
    src="https://your-account.exavault.com/share/widget/3-4ye3ek"></script>
  <!-- end shared folder widget code -->

Adding Your Share Folder To Your Website

Once you have generated the widget code for your share, you can copy the code and paste it into HTML / PHP / ASP / etc. code for your website.

Example of Embed Code Added to HTML

  <html>
  <head><title>Our Company File Server</title></head>
  <body>
    <h1>Our Company File Server</h1>
    <p>
        <!-- begin shared folder widget code -->
        <div id="exavault-share-widget" 
          style="width:100%; height:500px;"></div>
        <script type="text/javascript" 
          src="https://your-account.exavault.com/share/widget/3-4ye3ek">
        </script>
        <!-- end shared folder widget code -->
    </p>
  </body>
  </html>

Embedded Shared Folder Example

Below is a live demo of an embedded download-only shared folder.

Did you find an issue with this article? Let us know!

account/05-file-sharing/03-embedded-shared-folders.txt · Last modified 2021/01/31 03:14 (external edit)