How To Create A Download Link On Your Website

Download Article

Download Article

Offering download links for files through your website is a common want, and there are a couple ways to practise it. Sites that offering website edifice tools, such as GoDaddy, WordPress, and Weebly, oft offer the ability to upload a file at the same time as you make a link. If yous build your own site from scratch, you lot can create download links using elementary HTML code for files hosted on your server.

1. 1

   Create an HTML page if y'all don't have one yet. You'll be adding your download link to an HTML web page. If you don't have an existing site, you 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 way to link a file is by placing the file in the same folder every bit the page'south HTML file. Use the command console file manager or the file browser in your FTP program to navigate to the binder containing the HTML file you'll be adding the link to.

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

   Advertisement

3. 3

   Upload the file you want to create a link to. You tin can upload pretty much any type of file, from PDF files to ZIP files. Note that some servers may limit the size of the file yous are allowed to upload, and large files tin can eat through your allotted bandwidth pretty quickly. Browsers may block potentially malicious files from existence downloaded past 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 it to. It will begin uploading immediately. Your upload speeds will typically be much slower than your download speeds, and so information technology may take a while to completely upload the file.
   • If you are using the virtual control panel file managing director, click the "Upload" push at the top of the window. Browse your computer for the file you lot desire to upload. Large files may take a while to upload to your server.

4. 4

   Open the page you want to add your link to in your code editor. In one case the file is uploaded, you'll need to add the link to it on your web folio. Open the HTML file that you want to add the link to. You tin can double-click it in the command panel file manager to open it in the built-in page editor. If yous're using an FTP, correct-click the HTML file on your server and utilise "Open up With" to open it in your code or text editor.

5. five

   Discover the spot on the page that you want to add the link. Place your cursor in the spot in the code that you want to insert your download link. This could be in the torso of a paragraph, at the bottom of a page, or anywhere else.

6. 6

   Add together the code for the link. Enter the following HTML5 code for your download link. This volition start the download immediately for users after they click the link. As long as the file to be downloaded is in the same folder as the HTML file, you just need to employ the proper name and extension. If the file is located in another folder, yous'll need to include the folder construction.^[ane]

                                               <!-- Uploaded file in same location equally 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, Cyberspace Explorer, or Opera Mini. Users with these browsers will open the file in a new page and have to save it manually.^[two]

7. 7

   Create a download button instead of a link. You tin can use an prototype instead of text to create the download link. This requires a button prototype already on your web server.

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

8. 8

   Rename the downloaded file. If you define the <a> download attribute, you tin can change the name for the file when someone downloads it. This can brand it easier for users to identify files that they download from you.

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

9. 9

   Salve the changes to your HTML file. Once you're satisfied with your lawmaking, save the changes to your HTML file and reupload it if necessary. You'll be able to see your new download button live on your website.

   Advertisement

1. i

   Open up your site in the WordPress site editor. If you use WordPress to manage and publish your website, you can use the congenital-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 yous want the link to appear. You can put the link in the middle of an existing paragraph or create a new line for it.

3. 3

   Click the "Add together Media" button. Y'all'll observe this higher up the posting tools at the elevation of the folio.

4. 4

   Click the "Upload Files" tab and then drag the file into the window. You can upload a variety of unlike files, just WordPress may limit the size based on your account type.

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

5. five

   Add a description for the file. You can enter a description underneath the file in the Add together Media window. This will exist the text that displays as the download link.

6. 6

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

   Advertisement

1. ane

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

2. ii

   Select the text or object that you want to turn into a link. Y'all tin highlight text in a text field or select an prototype on your page that you want to plow into the download link for your file.

3. 3

   Click the "Link" button. When you have text selected, this looks like a chainlink, and can be constitute at the meridian of the text editor. When yous have an paradigm selected, click "Link" in the image control console.

4. four

   Select "File" then click "upload a file." This will open the file browser.

5. 5

   Select the file you want to make available for download. Once you select the file, it will begin uploading.

   • Basic users are express 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. Later on uploading the file, the link volition be ready to apply. 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. 1

   Open 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. 2

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

3. 3

   Turn your selection into a link. The process varies a little for text and images:

   • Text - Click the Link push button in the Text Settings window. The button looks like a chainlink. This will open the link carte du jour.
   • Image - Select "A link open up" from the "When image is clicked" carte du jour in the Image Settings window. Click "Add together a link" in the "What does the link do?" section. This will open the link bill of fare.

4. iv

   Select "Document" from the listing of link options. This will let you to upload diverse document files.

5. 5

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

6. half-dozen

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

7. 7

   Publish your site. Once you've uploaded the file, your link is ready to go. Click the "Publish" button in the upper-right corner to save your changes and button them to the live site.

   Advertisement

1. 1

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

2. 2

   Select the object or text that you want to plough into a link. You lot can plow whatever object on your site into a link, equally well as any text from your text boxes. If you want to create a download push, click the "Button" choice from the left menu to insert ane.

3. three

   Create a link from your selected object or text. If you have an object selected, click the Settings button to open up the carte du jour. If y'all have text selected, click the "Link" push in the text formatting tools, which looks similar a chainlink.

4. iv

   Click the red arrow below "Link (URL)" and select "Upload." This will let you to select the file you want to upload to your website.

5. five

   Click the "Browse" button and find the file you lot want to upload. Files are limited to thirty MB in size. You lot cannot upload HTML, PHP, EXE, DLL and several other potentially dangerous types of files.

6. 6

   Click "Insert" once the file has uploaded. You'll see a checkmark adjacent to the file in the window when information technology has finished uploading.

7. seven

   Click "Salve" to create the link. Clicking "Relieve" volition employ the file to the object or text link you created.

8. 8

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

   Advertisement

Add New Question

• Question

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

  

  No, a hyperlink is merely something that redirects yous to a link, it does non mean that the file needs to be on the server for it 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 it in the description of the video, the link volition be available to your viewers.

• Question

  How do I notice a website builder?

  

  Philip okugbe

  Community Answer

  There are a lot of drag and drop site builders online such as Yola, Weebly, Wix, etc.

• Question

  Can I add together a downloadable app to HTML with Android?

  

  Yes! You can use any word processing app (Android Notepad, or HTML viewers in the Play Shop, etc.) to type HTML lawmaking. If you can do information technology on PC, you lot can on mobile. The steps are exactly the aforementioned.

Inquire a Question

200 characters left

Include your e-mail accost to go a message when this question is answered.

Submit

Advertisement

Thanks for submitting a tip for review!

Well-nigh This Commodity

Article Summary X

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

Did this summary help you?

Thanks to all authors for creating a page that has been read 940,890 times.

Is this article up to date?

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

Posted by: cooperspattent.blogspot.com

Share this post