How can I create a hyperlink in Webflow that automatically downloads a Microsoft Word document when clicked on the published site?
- Upload your Word document to Webflow’s Assets panel and copy the file URL.
- Add a link element, set its URL to the file, and add a custom attribute named
downloadto trigger the download on click.
To create a hyperlink in Webflow that automatically downloads a Microsoft Word document, you need to upload the file and link to it correctly—ensuring the browser triggers a download instead of displaying it.
1. Upload the Word Document to Webflow
- Go to the Webflow Designer.
- Open the Assets panel (press
Jor click the folder icon). - Click Upload and select your
.docor.docxfile. - Once uploaded, Webflow will give you a file URL. Copy it.
2. Create a Link Element
- Drag a Link Block or Text Link onto your canvas.
- Select the link element and go to the Element Settings panel.
- In the Link Settings, choose URL and paste the Word document URL from the Assets panel.
3. Trigger File Download
Webflow doesn’t have native support for forcing file downloads. However, you can suggest it by using a small workaround:
- Add a Custom Attribute to the link:
- Name:
download - Leave the value empty or add the desired file name (e.g.,
MyDocument.docx)
Note: The download attribute only works for same-origin URLs (i.e., files hosted directly by Webflow). It may not work for Word documents opened through third-party file viewers like Google Docs or Dropbox.
4. Publish and Test
- Publish your site.
- Click the link on the live site—it should download the file instead of opening it in a new browser tab.
Summary
To make a Microsoft Word document downloadable in Webflow: upload the file to the Assets panel, link to it with a text or block element, and add a custom attribute called download to prompt the browser to download the file instead of opening it.