Bạn có catalogue sản phẩm, bảng giá, cẩm nang kỹ thuật hay hồ sơ năng lực dạng PDF và muốn khách đọc ngay trên website thay vì phải tải về mới xem được? Bài này SonWeb chia sẻ plugin PDF Embed with Download – giải pháp nhúng PDF vào WordPress gọn nhẹ, dùng thư viện PDF.js của Mozilla, có sẵn thanh công cụ lật trang, zoom và nút Tải xuống.
Plugin do SonWeb viết cho nhu cầu thực tế của khách hàng, miễn phí, mã nguồn mở theo giấy phép GPL. Bạn chỉ cần tải về, cài như plugin bình thường là dùng được.
Vì sao không nên chỉ đặt link tải PDF trong bài viết
Cách phổ biến nhất là chèn một dòng “Tải file PDF tại đây”. Cách này đơn giản nhưng có ba nhược điểm. Thứ nhất, khách trên điện thoại bấm vào thường bị mở sang ứng dụng khác hoặc tải về rồi quên luôn, tức là họ rời khỏi website của bạn.
Thứ hai, một đường link trơn không cho khách biết tài liệu dài bao nhiêu, trình bày ra sao, có đáng đọc không. Thứ ba, thời gian khách ở lại trang ngắn đi – một tín hiệu hành vi mà bạn luôn muốn cải thiện khi làm SEO.
Khi hiển thị file PDF trên website ngay trong bài viết, khách xem trước được trang bìa, lướt vài trang, và chỉ tải về khi thật sự cần. Trải nghiệm liền mạch hơn, còn bạn giữ được người đọc trên trang lâu hơn.
Plugin PDF Embed with Download có những tính năng gì
Plugin tập trung làm đúng một việc: hiển thị PDF đẹp, nhẹ và có nút tải. Không có trang cài đặt rườm rà, không quảng cáo bản Pro.
Tính năng Chi tiết Xem PDF trực tiếp Render bằng PDF.js lên canvas, hiển thị giống nhau trên mọi trình duyệt hiện đạiĐiều hướng trangNút trang trước/trang sau, ô nhập số trang để nhảy nhanh, hiển thị tổng số trangZoomNút phóng to/thu nhỏ và danh sách mức zoom 50%–200%, có chế độ “Vừa khung”Nút tải xuốngNút “Tải xuống” màu xanh nổi bật ở góc phải thanh công cụ Thanh tiêu đề Hiển thị tên tài liệu kèm biểu tượng file (tùy chọn)Classic EditorNút “📄 Nhúng PDF” trên thanh công cụ soạn thảo, chọn file từ Thư viện MediaGutenbergBlock riêng “PDF Embed (có tải xuống)” trong nhóm MediaBáo lỗi thân thiện Nếu file không tải được, hiện thông báo kèm link tải trực tiếp
Nhẹ trang vì chỉ tải script khi cần
Plugin chỉ nạp CSS và JavaScript ở những bài viết, trang thực sự có nhúng PDF. Các trang còn lại không phải gánh thêm bất kỳ file nào, nên không ảnh hưởng tốc độ tải chung của website.
Tương thích cả Classic Editor và Gutenberg
Nhiều website WordPress tại Việt Nam, đặc biệt là web dùng theme Flatsome, vẫn soạn bài bằng Classic Editor. Plugin hỗ trợ cả hai: với Classic Editor, khi bạn chèn một file PDF từ nút “Thêm Media” quen thuộc, plugin tự đổi thành khung xem thay vì chỉ chèn link.
Hướng dẫn cài đặt plugin nhúng PDF WordPress
Quá trình cài đặt mất khoảng 2 phút:
- Tải file
pdf-embed-dl.ziptại link cuối bài. - Vào Quản trị WordPress → Plugin → Cài mới → Tải plugin lên, chọn file zip và bấm Cài đặt.
- Bấm Kích hoạt. Plugin không có trang cài đặt, dùng được ngay.
3 cách nhúng PDF vào bài viết WordPress
Cách 1: Dùng nút “Nhúng PDF” trong Classic Editor
Mở bài viết, bấm nút 📄 Nhúng PDF trên thanh công cụ. Thư viện Media hiện ra và chỉ lọc các file PDF. Chọn file (hoặc tải file mới lên), bấm Nhúng file này – shortcode được chèn tự động vào vị trí con trỏ.
Cách 2: Dùng block trong Gutenberg
Bấm dấu + để thêm block, gõ “pdf” và chọn PDF Embed (có tải xuống). Chọn file từ Thư viện Media, sau đó chỉnh tiêu đề hiển thị và chiều rộng ở thanh bên phải. Block hỗ trợ cả căn rộng (wide) và toàn khung (full).
Cách 3: Dùng shortcode ở bất kỳ đâu
Nếu bạn dùng page builder hoặc muốn chèn vào widget, hãy dán shortcode:
[pdf-embedder url="https://tenmien.com/wp-content/uploads/cam-nang.pdf" title="Cẩm nang hướng dẫn" width="max"]Trong đó url là đường dẫn file PDF (bắt buộc), title là tên hiện trên thanh tiêu đề (để trống thì ẩn thanh này), còn width nhận giá trị max (rộng 100%) hoặc số pixel như 800.
Một vài lưu ý khi hiển thị file PDF trên website
Nén file trước khi tải lên. PDF xuất từ phần mềm thiết kế thường nặng vài chục MB. Nên nén xuống dưới 5 MB để khách trên 4G không phải chờ lâu.
Ưu tiên file nằm trên chính website. Nút tải xuống hoạt động tốt nhất khi file PDF nằm cùng tên miền với website. Nếu dùng file từ Google Drive hay tên miền khác, trình duyệt có thể chặn việc đọc file hoặc mở file thay vì tải về.
PDF.js được tải từ CDN cdnjs. Thư viện PDF.js được nạp từ cdnjs.cloudflare.com, một CDN công khai và ổn định. Nếu website của bạn chặn tài nguyên bên ngoài bằng chính sách bảo mật (CSP), hãy cho phép tên miền này.
Đặt tên file có dấu gạch ngang, không dấu. Ví dụ bang-gia-2026.pdf thay vì Bảng giá (final) 2.pdf. Tên file sạch giúp đường dẫn gọn và dễ được Google đọc hiểu hơn.
Câu hỏi thường gặp
Plugin có miễn phí không? Có. Plugin phát hành theo giấy phép GPL-2.0, bạn được dùng cho nhiều website, chỉnh sửa mã nguồn tùy ý.
Nhúng nhiều file PDF trong một bài được không? Được. Mỗi khung xem hoạt động độc lập, có thanh công cụ và nút tải riêng.
Có chặn được khách tải file PDF về không? Plugin này được làm để khách xem và tải thuận tiện. Nếu cần ẩn nút tải hoặc giới hạn quyền xem, SonWeb có thể tùy biến riêng theo yêu cầu.
Plugin có làm chậm website không? Không đáng kể. Script chỉ nạp ở trang có nhúng PDF, và PDF.js chỉ tải file khi người đọc mở trang đó.
Khung xem có hiển thị tốt trên điện thoại không? Có. Bạn có thể chọn mức zoom “Vừa khung” để trang PDF co giãn theo chiều rộng màn hình.
Cần tính năng riêng cho website? SonWeb viết plugin theo yêu cầu
PDF Embed with Download là một trong những plugin SonWeb tự phát triển, cùng với SW Auto QR Payment (tự xác nhận chuyển khoản VietQR cho WooCommerce), SonWeb Warranty (tra cứu bảo hành trực tuyến) và SonWeb TOC (mục lục tự động cho bài viết). Với khoảng 10 năm làm WordPress, chúng tôi ưu tiên viết plugin gọn, đúng nhu cầu thay vì cài plugin cồng kềnh làm chậm web.
Khi thiết kế website mới tại SonWeb, bạn nhận thêm:
- Bản quyền plugin Rank Math Pro miễn phí – công cụ tối ưu SEO on-page mạnh cho WordPress.
- Plugin Schema Pro miễn phí – khai báo dữ liệu có cấu trúc để Google hiểu và hiển thị website nổi bật hơn.
- Plugin tự động viết bài chuẩn SEO kèm 10 bài viết dịch vụ miễn phí cho website mới.
- File PDF kế hoạch SEO – Marketing và lộ trình phát triển riêng cho công ty, cửa hàng, doanh nghiệp của bạn.
Tải plugin: [Bổ sung: link tải pdf-embed-dl.zip]
Cần thêm tính năng cho plugin hoặc muốn làm một plugin riêng? Gọi hoặc nhắn Zalo 0932 644 183 để SonWeb tư vấn trực tiếp.
Liên hệ SonWeb
SonWeb – Thiết kế web WordPress chuẩn SEO tại Hồ Chí Minh
- Địa chỉ: 24 Lê Văn Lương, Phước Kiển, H. Nhà Bè, TP.HCM
- Hotline / Zalo: 0932 644 183
- Website: https://sonweb.net
