Uploading and Linking to a File in Your Store
When you want to provide a free download on your store, such as a free e-book, size chart or assembly instructions, you can link directly to a file on the product page or on its own webpage. File types that you can upload include images, documents and PDF files. This article covers how to first upload the file, then link to it via a Web Page or the WYSIWYG editor. Keep in mind, WebDAV has a limit of 512 MB per file
Uploading a File
1. Connect to your store via WebDAV.
2. Double-click on the content folder.
In WebDAV, you can create subfolders in the content folder to keep things organized. It will change the link to include the subfolder: /content/subfolder/filename.pdf
3. Drag and drop your file into the content folder. You may be prompted to re-enter your password. In our example, we're using "FileName.pdf".
Keep in mind that when creating a link in the steps below, the filename is case-sensitive and should have no spaces. You can rename the file after uploading it.
Now that you uploaded the file, there needs to be a way for your customers to access it. Below are the steps to link to the file in various locations.
How many files can I store? BigCommerce can store up to 4,000 files in a single folder. If you are storing more files, we recommend creating one or more subfolders.
Using a Web Page to Link to a File
This will place a link in the site's navigation to the free download.
1. Go to Storefront › Web Pages, then click the Create a Web Page button.
2. For This Page Will, select Link to another website or document.
3. Name the page, and enter the location of the file.
4. Save your changes. Your file link will appear in your site's navigation menu.
Using the WYSIWYG Editor to Link to a File
The WYSIWYG Editor is available when creating a webpage or editing a product description.
1. Edit the product or web page content that you are adding the link to.
2. In the Description or Page Content WYSIWYG Editor, highlight the text that will link to the file. Then click the Link button.
3. In the Link URL field, enter the location of the file.
4. Click Insert when finished. The linked text will now be blue and underlined.
If you need to edit your link, click on it, then click the Link button.
5. Save your changes.
Using the WYSIWYG Editor to Link to a Video or Audio File
The WYSIWYG editor can also be used to link a video or music file by embedding the data directly into the page. It's a great alternative to integrating media from other sources like Youtube or Vimeo.
1. Edit the page or product that will have the media file.
2. Using the WYSIWYG editor, click the Insert/Edit Embedded Media icon.
3. Choose either HTML5 Video or HTML5 Audio from the Type drop-down menu. Then in the File/URL field, enter the location and media file name.
4. Click the Advanced tab and enable Controls. This will provide the play and pause buttons on the media file.
5. Click Insert and Save when finished. The media file will now be embedded into your page.
Using HTML to Link to a File
If you are comfortable with code, you can edit HTML via the WYSIWYG when you click the HTML button.
To link to your file using HTML, copy and paste the following code:
Replace "FileName.pdf" with your actual file name, and "linked text" with your text.