Cara Menampilkan File PDF di WordPress

PDF (Portable Document Format) adalah format document yang sangat populer untuk berbagi informasi digital. Mulai dari laporan, e-book, katalog produk, hingga dokumen resmi. 

Di era digital, kebutuhan untuk menampilkan atau menyematkan file PDF di halaman website, khususnya WordPress, semakin meningkat. Dengan menampilkan file PDF, pengunjung dapat membaca dokumen langsung di halaman tanpa harus mengunduhnya terlebih dahulu. Hal ini dapat membuat informasi lebih mudah diakses.

Selain dokumen PDF, WordPress juga memungkinkan Anda menyematkan formulir untuk mengumpulkan informasi dari pengunjung. Jika membutuhkan fitur tersebut, pelajari cara memasukkan Google Form ke WordPress.

Artikel ini akan membahas langkah demi langkah cara menampilkan PDF di WordPress, baik menggunakan plugin maupun tanpa plugin.

Pentingnya Menampilkan File PDF di WordPress

Melakukan embed atau menampilkan file PDF di website memberikan beberapa manfaat, yaitu: 

• Meningkatkan user experience: Pengunjung dapat membaca dokumen secara langsung di halaman tanpa perlu menggunakan aplikasi tambahan. 

• Kontrol Akses: Anda dapat mengatur apakah file dapat diunduh, dicetak, atau hanya dibaca saja. 

• Profesionalitas: Menampilkan dokumentasi resmi, katalog, atau portofolio secara langsung dapat membantu menyajikan informasi bisnis dengan lebih rapi dan meyakinkan. Agar identitas visual website juga tetap konsisten, Anda dapat mempelajari cara mengganti logo WordPress.

• SEO dan Analytics: Beberapa plugin mendukung pelacakan interaksi pengguna dengan file PDF. Namun, kemampuan ini bergantung pada plugin yang digunakan dan konfigurasi pelacakannya.

Cara Menampilkan File PDF di WordPress

Secara umum, terdapat dua metode cara menampilkan file PDF di WordPress, yaitu menggunakan plugin dan tanpa plugin. Berikut adalah langkah-langkahnya: 

Cara Menampilkan File PDF menggunakan Plugin 

Pada artikel kali ini, plugin yang digunakan adalah PDF Embedder. Berikut langkah cara embed PDF menggunakan plugin PDF Embedder: 

Langkah 1: Install plugin PDF Embedder

 1. Masuk ke dashboard WordPress, lalu pilih Plugins > Add New. Jika belum terbiasa menambahkan plugin, ikuti panduan cara install plugin WordPress.

2. Cari plugin PDF Embedder. 

3. Klik Install Now, lalu Activate.

Langkah 2: Upload File PDF

1. Buka editor postingan

2. Tambahkan blok jika Anda menggunakan Gutenberg, plugin PDF Embedder. 

3. Upload file PDF dari perangkat atau salin URL.

4. Pilih File yang ingin diupload.

5. Atur bagian toolbar. Anda dapat mengatur lokasi di mana file PDF akan muncul, berikut dengan visibilitasnya.

Tampilan PDF

Penggunaan plugin PDF Embedder dan sejenisnya, memang sangat membantu. Hanya saja, kadang dijumpai batasan yang kadang mengganggu, yaitu fitur download yang hanya tersedia pada versi premium. Kekurangan inilah yang mungkin harus Anda pertimbangkan.

Cara Menampilkan File PDF Tanpa Plugin

Selain menggunakan plugin, embed PDF dapat dilakukan tanpa plugin. Cara ini cocok untuk Anda yang tidak ingin performa website menurun karena banyak menggunakan plugin. Terdapat dua metode cara embed PDF tanpa plugin, yaitu upload file langsung ke editor jika menggunakan Gutenberg, dan menyisipkan kode HTML jika menggunakan editor klasik. 

Menambahkan File PDF dari Editor Gutenberg

1. Masuk ke salah satu post atau page > klik ikon + > cari File. 

2. Klik upload atau pilih file dari media library. 

3. Upload file yang hendak dipilih. 

4. Tampilan PDF tanpa plugin

Embed PDF menggunakan <iframe>

Jika Anda menggunakan classic editor di WordPress, Anda dapat melakukan embed PDF menggunakan iframe via code editor.

Berikut cara embed PDF menggunakan <iframe>:

1. Upload file PDF ke Google Drive atau ke media library website. 

2. Salin URL file PDF. 

3. Masuk ke editor HTML di post/page.

Sisipkan kode berikut ini: 

<iframe src="https://drive.google.com/file/d/14RZaEzRG_U3Qph3kPMNqqJs9bcYdfi7e/preview" width="640" height="480" allow="autoplay"></iframe>

Kelebihan cara ini adalah file PDF akan langsung tampil di halaman. Yang jadi kekurangan adalah tidak tersedia tombol download di sekitar file PDF-nya. Untuk mendownload file PDF, pengunjung harus membuka file tersebut di halaman lain.

Berikut adalah tampilannya:

Berhasil Menampilkan File PDF di WordPress?

Itulah cara menampilkan file PDF di WordPress, baik menggunakan plugin maupun tanpa plugin. Jika menggunakan file PDF berukuran besar, perhatikan dampaknya terhadap kecepatan halaman dan pertimbangkan solusi optimasi yang sesuai. Pastikan juga tampilan PDF diuji pada berbagai browser dan perangkat.

Dengan menampilkan PDF, Anda dapat menyajikan dokumentasi resmi, katalog, atau portofolio secara langsung di website. Agar pengalaman pengunjung tetap baik, pastikan website dikelola dan dipelihara secara rutin.

Jika Anda ingin fokus mengelola konten dan bisnis tanpa harus menangani semua kendala teknis sendiri, pertimbangkan jasa maintenance WordPress dari Tonjoo. Tim kami dapat membantu menjaga website tetap terawat dan mendukung kebutuhan teknis website Anda.

 

 

Updated on October 14, 2026 by Admin Tonjoo