Upload File to Be Downloaded via Link

Download Article

Download Commodity

Offering download links for files through your website is a mutual desire, and at that place are a couple ways to do it. Sites that offer website building tools, such as GoDaddy, WordPress, and Weebly, often offer the power to upload a file at the same time as you make a link. If you build your own site from scratch, y'all tin can create download links using simple HTML code for files hosted on your server.

1. 1

   Create an HTML folio if you don't have one notwithstanding. Y'all'll exist calculation your download link to an HTML web page. If you don't have an existing site, you tin can create a basic HTML page to test out the download link. See Create a Simple Web Page with HTML for details.

2. 2

   Open a folder on your server for both the folio and the file. The easiest style to link a file is by placing the file in the aforementioned folder as the page'due south HTML file. Employ the control console file managing director or the file browser in your FTP program to navigate to the folder containing the HTML file you'll be adding the link to.

   • Your FTP client should already be configured to connect to your webserver since yous've uploaded your site there before. If it isn't, run into How to Use FTP for instructions on configuring your FTP customer to connect to your server.
   • If your web server has an online control panel, you lot can admission your server files direct through the web management interface. Yous'll be able to admission this when you sign into your site as an administrator. Once you're in the control panel, select the "File Manager" pick.
   • If you created your website using a website cosmos tool like WordPress, Weebly, or Wix, encounter the platform-specific instructions in the methods below.

   Advertisement

3. three

   Upload the file yous want to create a link to. You can upload pretty much any type of file, from PDF files to Null files. Note that some servers may limit the size of the file yous are immune to upload, and large files tin can eat through your allotted bandwidth pretty quickly. Browsers may block potentially malicious files from being downloaded by your visitors, such as EXE or DLL files.

   • To upload files using your FTP program, drag the file into the folder in the FTP window that you want to upload information technology to. It will brainstorm uploading immediately. Your upload speeds will typically be much slower than your download speeds, and so it may have a while to completely upload the file.
   • If you are using the virtual control console file managing director, click the "Upload" push button at the top of the window. Browse your reckoner for the file you want to upload. Large files may take a while to upload to your server.

4. 4

   Open up the folio yous desire to add your link to in your code editor. Once the file is uploaded, you'll need to add the link to it on your spider web folio. Open the HTML file that you want to add the link to. You lot tin double-click it in the command panel file manager to open it in the built-in page editor. If you're using an FTP, right-click the HTML file on your server and utilise "Open up With" to open up information technology in your lawmaking or text editor.

5. 5

   Find the spot on the page that y'all desire to add the link. Place your cursor in the spot in the code that y'all desire to insert your download link. This could be in the body of a paragraph, at the lesser of a page, or anywhere else.

6. 6

   Add the lawmaking for the link. Enter the post-obit HTML5 code for your download link. This volition start the download immediately for users afterward they click the link. Every bit long as the file to be downloaded is in the same folder as the HTML file, you just need to utilize the name and extension. If the file is located in another folder, you'll need to include the folder construction.^[i]

                                               <!-- Uploaded file in same location every bit HTML file -->                      <                      a                      href                      =                      "examplefile.pdf"                      download                      >Link text</                      a                      >                      <!-- Uploaded file in different location than HTML file -->                      <                      a                      href                      =                      "/path/to/file/examplefile2.jpg"                      download                      >Link text</                      a                      >                    

   • The <a> download attribute does not work in Safari, Internet Explorer, or Opera Mini. Users with these browsers will open up the file in a new page and take to save it manually.^[two]

7. 7

   Create a download push button instead of a link. You lot can utilise an epitome instead of text to create the download link. This requires a button image already on your web server.

                                               <                      a                      href                      =                      "examplefile.pdf"                      download                      >                      <                      img                      src                      =                      "/images/downloadbutton.jpg"                      >                      </                      a                      >                    

8. eight

   Rename the downloaded file. If you ascertain the <a> download attribute, you can modify the proper noun for the file when someone downloads it. This can make information technology easier for users to identify files that they download from you.

                                               <                      a                      href                      =                      "083116sal_rep.pdf"                      download                      =                      "Baronial 31 2016 Sales Written report"                      >Download the report</                      a                      >                    

9. 9

   Save the changes to your HTML file. Once you're satisfied with your code, save the changes to your HTML file and reupload information technology if necessary. You'll exist able to come across your new download button alive on your website.

   Advertisement

1. one

   Open your site in the WordPress site editor. If you use WordPress to manage and publish your website, you can utilise the built-in tools to add a download link to any of your pages. Log into your WordPress dashboard using the admin account.

2. 2

   Place your cursor where you lot want the link to appear. You tin can put the link in the middle of an existing paragraph or create a new line for it.

3. 3

   Click the "Add Media" button. You'll find this above the posting tools at the top of the page.

4. 4

   Click the "Upload Files" tab and so drag the file into the window. You tin can upload a variety of different files, but WordPress may limit the size based on your account blazon.

   • It may take a little while to upload files, as most connections are slower uploading than downloading.

5. 5

   Add a clarification for the file. You can enter a description underneath the file in the Add Media window. This will be the text that displays equally the download link.

6. 6

   Click the "Insert into post/page" button. This will insert the download link at the location of your cursor. Note that this will link to an zipper page and non the actual file. This is a limitation of the WordPress software.^[3]

   Advert

1. i

   Open your website in the Weebly editor. Log into the Weebly site and open your spider web folio in the Weebly editor.

2. 2

   Select the text or object that you lot want to turn into a link. You can highlight text in a text field or select an image on your folio that y'all want to turn into the download link for your file.

3. 3

   Click the "Link" button. When you have text selected, this looks like a chainlink, and tin can be institute at the top of the text editor. When you lot have an paradigm selected, click "Link" in the prototype command panel.

4. 4

   Select "File" and and so click "upload a file." This volition open the file browser.

5. 5

   Select the file you want to brand available for download. In one case yous select the file, it will brainstorm uploading.

   • Bones users are limited to files 5 MB and smaller. Premium users accept a 100 MB file size limit.

6. 6

   Publish your site to encounter the new link. After uploading the file, the link will exist gear up to use. Click the Publish button to push your changes to the live site. Your visitors will now exist able to click the link and download the file.

   Advertisement

1. ane

   Open up your website in the Wix editor. If you utilise Wix to create and manage your site, log into the Wix website and load your webpage in the site editor.

2. two

   Select the text or epitome that you want to turn into a link. You can create links from text on your folio or from images.

3. 3

   Turn your selection into a link. The procedure varies a niggling for text and images:

   • Text - Click the Link push button in the Text Settings window. The button looks similar a chainlink. This will open the link menu.
   • Image - Select "A link open" from the "When paradigm is clicked" menu in the Image Settings window. Click "Add a link" in the "What does the link exercise?" section. This will open the link menu.

4. four

   Select "Document" from the list of link options. This will allow you to upload various document files.

5. 5

   Click the "Choose File" button. This will open the file uploader.

6. half-dozen

   Drag the file y'all want to upload into the window. You tin can only upload DOC, PDF, PPT, XLS, and ODT (and their subformats) files. This means you lot're substantially limited to uploading documents. File sizes are limited to 15 MB.

7. vii

   Publish your site. In one case you've uploaded the file, your link is ready to go. Click the "Publish" button in the upper-right corner to salve your changes and button them to the alive site.

   Advertisement

1. 1

   Open your site in the GoDaddy site editor. If you used the GoDaddy site architect, log into the GoDaddy website and open your website in the editor.

2. 2

   Select the object or text that you desire to plow into a link. You tin turn whatever object on your site into a link, too as any text from your text boxes. If you want to create a download button, click the "Button" option from the left menu to insert ane.

3. 3

   Create a link from your selected object or text. If you have an object selected, click the Settings button to open up the card. If you lot take text selected, click the "Link" button in the text formatting tools, which looks like a chainlink.

4. 4

   Click the red pointer beneath "Link (URL)" and select "Upload." This volition allow y'all to select the file you lot want to upload to your website.

5. five

   Click the "Browse" button and notice the file you lot desire to upload. Files are limited to 30 MB in size. Yous cannot upload HTML, PHP, EXE, DLL and several other potentially unsafe types of files.

6. 6

   Click "Insert" once the file has uploaded. Yous'll encounter a checkmark next to the file in the window when information technology has finished uploading.

7. 7

   Click "Relieve" to create the link. Clicking "Save" will apply the file to the object or text link you created.

8. 8

   Click "Publish" to save the changes to your site. This will make your new link live, and your visitors will exist able to download the linked file.^[4]

   Advertisement

Add New Question

• Question

  Does a hyperlink mean that I have to have the file on the server?

  

  No, a hyperlink is just something that redirects y'all to a link, it does non mean that the file needs to be on the server for information technology to be redirected.

• Question

  What would be the best method to have a PDF download link from ane of my YouTube posts?

  

  If you put information technology in the description of the video, the link will be bachelor to your viewers.

• Question

  How practice I find a website builder?

  

  Philip okugbe

  Customs Answer

  At that place are a lot of drag and drib site builders online such as Yola, Weebly, Wix, etc.

• Question

  Can I add a downloadable app to HTML with Android?

  

  Yes! You can use whatsoever word processing app (Android Notepad, or HTML viewers in the Play Store, etc.) to type HTML code. If you can do it on PC, you can on mobile. The steps are exactly the same.

Ask a Question

200 characters left

Include your email address to get a bulletin when this question is answered.

Submit

Advertisement

Thanks for submitting a tip for review!

About This Article

Commodity Summary X

To brand a file downloadable from your website, offset by creating a folder on your server for both your website's HTML page and the file you desire to share. Once you make the folder, you can find it past using your Control Panel'south file manager or the file browser in your FTP program. From here, yous can begin uploading files immediately by simply dragging them into the folder in the FTP window or by clicking the "Upload" push button in the virtual control console manager. Once everything is uploaded, open your spider web page in the lawmaking editor and place your cursor where y'all desire to add together the download link. Terminate by using HTML5 code to create a download link for the file, so save the changes you've fabricated to your HTML page. For more than tips, including how to make a file downloadable from your WordPress site, read on!

Did this summary aid you?

Cheers to all authors for creating a page that has been read 947,705 times.

Is this article upward to date?

bakerwiter1987.blogspot.com

Source: https://www.wikihow.com/Make-a-File-Downloadable-from-Your-Website

Share this post