Skip to content
Alamin Sultan
Platforms

How to Upload a Document to a Website

By Alamin Sultan · 6 May 2026 · 4 min read

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

Platforms

Shopify vs WooCommerce: Which Should You Build On?

Choose Shopify if you want a hosted, low-maintenance store, are selling standard products, and value speed-to-launch and reliability over deep customisation. Choose WooCommerce if you already run WordPress, need custom l

31 Aug 2026 · 6 min read

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

Platforms

Shopify Development in 2026: Building Stores That Scale

Shopify development in 2026 is less about building a store and more about building one that stays fast, converts, and doesn't collapse under its own app stack as you grow. The decisions that matter: how much is custom th

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