Skip to content
Alamin Sultan
Platforms

How to Upload a Document to a Website

By Alamin Sultan · 6 May 2026 · updated 31 August 2026 · 4 min read

How to Upload a Document to a Website

Short answer: Most content management systems have a media library — upload the file (PDF, DOCX, image) there, then link to it from a page or button. In WordPress: Media → Add New, then insert a link. In Shopify: Settings → Files, upload, copy the URL. In Webflow: Assets panel. On a plain HTML site: put the file in a folder on the server and link to its path. Keep documents under a few megabytes and name them clearly.


WordPress

  1. Media → Add New (or drag the file in while editing a page).
  2. Once uploaded, click the file and copy the File URL.
  3. On the page, select the text or button, click the link icon, and paste the URL.
  4. To force a download rather than open-in-browser, add a download plugin or the attribute in HTML.

Shopify

  1. Settings → Files → Upload files.
  2. Click the uploaded file and copy its URL.
  3. In a page or product description, highlight text → link → paste the URL. Or use a button block in the theme editor.

Webflow

  1. Open the Assets panel, upload the file.
  2. Select a text link or button, set its link to the asset.
  3. Publish.

Plain HTML site

  1. Upload the file to a folder (e.g. ) via FTP or your host's file manager.
  2. Link to it: .

Keep it fast and findable

  • Compress PDFs (a "reduce file size" export, or a tool like Smallpdf). Aim under 2–3 MB.
  • Name the file clearly: , not .
  • Give the link real text: "Download the buyer's guide (PDF, 1.4 MB)", not "click here".
  • Gate it if it's a lead magnet: put a short form in front of the download and send the file by email — this turns the document into leads.
  • Don't rely on it for SEO content: search engines read PDFs, but a normal web page ranks better. Use the PDF as the takeaway, the page as the content.

Key takeaways

  • Every CMS has a media/files area — upload there, then link from a page or button.
  • Compress to under a few MB and name the file clearly.
  • Use descriptive link text with the file type and size.
  • If it's a lead magnet, put a form in front and deliver by email.

FAQ

Why does my PDF open instead of downloading?
That's the browser's default. Add the `download` attribute in HTML, or use a plugin/setting that forces download.
Is there a file size limit?
Your host or CMS sets one (often 2–100 MB). Keep documents small anyway for speed.
Can I upload a Word document?
Yes, but convert to PDF first — it displays consistently and looks more professional.

Alamin Sultan

Web developer for real estate and e‑commerce. WordPress · Next.js · MERN.

Related

How to Find Out Who Made a Website
Platforms

How to Find Out Who Made a Website

Check the footer for a "Website by…" credit; view the page source for a builder's name in the code or comments; run the domain through a WHOIS lookup for the registrant; use a technology detector like Wappalyzer or Built

6 May 2026 · 4 min read

What Are the Dimensions of a Web Page? A Practical Guide
Platforms

What Are the Dimensions of a Web Page? A Practical Guide

A web page has no fixed size. It's fluid — it fills the browser window, which varies by device. What matters is designing for a range of viewport widths (roughly 320px to 1920px+), using standard breakpoints to change th

6 May 2026 · 4 min read

WordPress for Real Estate and E-commerce: When It's the Right Call
Platforms

WordPress for Real Estate and E-commerce: When It's the Right Call

WordPress is the right choice for a real estate or e-commerce site when you need flexible content and IDX/plugin options, want to own your hosting and data, and value a huge ecosystem of developers and tools. It's the wr

6 May 2026 · 5 min read

Ready for a website that pays for itself?

Book a free 30‑minute call. I'll review your current site, show you what's costing you leads or sales, and tell you exactly what I'd do. No commitment.

5.0★ average rating · 350+ projects · 25+ countries · reply within 2 hours