WebDAV File Manager for BigCommerce

If you have previously granted access to WebDAV to the logged-in user, a screen will be displayed with the following information:

• WebDAV Path
• WebDAV Server Type
• WebDAV Username
• WebDAV Password

If you have not granted access to WebDAV to the logged-in user, please complete these steps:

• Go to Account Settings > Users
• Find the user you want to grant WebDAV access to and select Edit from the stacked menu
• Under WebDAV, click the Yes, allow this user to use WebDAV box
• A password will automatically be created for the user, with the ability to copy it to your clipboard
• The WebDAV path will also be displayed which is typically, https://yourdomain.com/dav

The WebDAV file manager will require the following information from your store:

• WebDAV Path
• WebDAV Username
• WebDAV Password

So please have that information available for the next step.

To connect your store to the WebDAV File Manager, click the Media Manager button on the WebDAV File Manager tile from the Your Store Tools dashboard.

A window will open up where you will enter the following information:

• WebDAV Path
• WebDAV Username (this is the BigCommerce username that has access to WebDAV)
• WebDAV Password
• Use CDN URL – by default, it is set to use files pulled via BigCommerce’s CDN which offers image/file caching as opposed to WebDAV pulled files that do not.
  • An example of a URL from the CDN: https://cdn11.bigcommerce.com/s-giequ5xl7r/content/yst-media/1/filename.png
  • An example of a URL from WebDAV: https://yourstore.com/content/yst-media/1/filename.png

Once entered, click Submit and your store will be linked.

If you need to change these settings in the future, you can do so by selecting WebDAV Settings from the stacked menu on the WebDAV File Manager tile on the Your Store Tools dashboard.

To use the WebDAV File Manager’s Media Manager, click the Media Manager button on the WebDAV File Manager tile from the Your Store Tools dashboard.

From the main Media Manager screen, you can:

• Upload new files
• View existing files and their file information
• Search for an existing file
• Sort the listing of existing files
• Create a new folder/directory

To upload a file using the WebDAV File Manager Media Manager, click Upload then simply browse, or drag and drop the files you want to upload.

Please note: Files uploaded to this location are stored in a separate directory created by the WebDAV File Manager. The path is /webdav/content/yst-media/ which can be browsed by using our File Library tool.

To view information about a file stored using the Media Manager, simply locate or search for the specific file and click on it. In the right-hand pane, the following information will be displayed:

• File name
• File size
• BigCommerce user who uploaded the file
• Date and time the file was uploaded

You can also take the following actions:

• Edit allows you to enter a caption for the image as well as ALT-tags which are used if you choose to embed the file. If no information is entered, the file name is used for caption and ALT.
• Move Media To allows you to move the selected file from the current directory (shown) to a new directory chosen from the drop-down.
• View will open the file in a separate window or tab.
• Delete will delete the image from the media library.
• Embed & Sharing Options allows you to embed the file into a webpage or share it in other places. Additional options include:
  • Select Size to choose which size of the image you want to embed or share
  • Link which can be copied and pasted
  • Embed code which can be copied and pasted with additional options to:
    • include a link to the original media file
    • open the link in a new tab/window
    • convert to a text link
    • lazy load the image to reduce load time

To better organize your files, you can create folders/directories by clicking + Media library which expands to say “Create Folder."

To create a new folder/directory click the Create Folder button, enter the name for your folder and click Create.

Each BigCommerce store comes with a web hosting environment that is accessible via WebDAV. Prior to the release of our WebDAV File Manager tool, having access to the files stored in web hosting required the use of a WebDAV client installed locally on a user’s computer.

By using our WebDAV File Manager tool, files can be managed with an easy-to-use web interface through any web browser.

To access the WebDAV File Manager’s File Library, select File Library from the stacked menu on the WebDAV File Manager tile from the Your Store Tools dashboard.

This will open the File Library window.

Upon initial load, the File Library defaults to the root, or /webdav/ directory of your BigCommerce Store. You can navigate through the various directories by using the familiar file explorer-type interface.

Helpful Tips Regarding Default Directories:

• /content/ is where you’ll find the directory which hosts the files you uploaded using the Media Manager tool. By default, all files uploaded using this tool can be found in /content/yst-media/
• /exports/ is where you’ll find any export files you created using the built-in BigCommerce export tools such as product export or category export. They are automatically saved to this directory when the option to “Save on Server” is selected as part of the export process.
• /import_files/ is where you’ll find files that were imported using the BigCommerce API.
• /product_images/ is where you’ll find images for your items that were added during the item creation process. As part of the Your Store Tools suite, a free product image download tool is available to download product images as a ZIP file.

There are various functions you can do within the File Library by using the toolbar located at the top of the file explorer:

Depending on the file type and or current action, the following functions (left to right) may be available:

• Navigate Backward
• Navigate Forward
• Refresh
• Create New File
• Create New Directory
• Upload File
• Delete File
• Copy a File
• Cut a File
• Paste a File
• Show or Hide Hidden Files

You can also customize the view of files by choosing either list format or thumbnail. Additionally, you can choose to have the File Library load full screen.

Right-clicking on a file will bring up a quick menu of common functions:

The Edit function can be used to edit text, CSS, HTML, and javascript files using the built-in editor: