Menampilkan berkas PDF pada website-mu secara langsung dapat meningkatkan user experience pengunjung.
Sebab, mereka dapat dengan mudah dan cepat melihat konten PDF tersebut, tanpa perlu mengunduhnya terlebih dahulu.
Sayangnya, masih banyak pemilik website yang masih belum tahu cara menampilkan PDF di WordPress. Padahal, caranya sangat mudah dan dapat dilakukan tanpa plugin tambahan.
Melalui panduan ini, Sahabat Qwords akan belajar cara menyematkan (embed) file PDF di WordPress agar bisa ditampilkan secara langsung di halaman website. Yuk, kita mulai!
Mengapa Kamu Perlu Menampilkan PDF Secara Langsung?
Sahabat Qwords mungkin pernah mendapati website WordPress yang menggunakan PDF untuk menampilkan informasi produk atau layanan mereka secara lengkap.
Kita bisa ambil contoh pada website milik restoran atau kafe yang memublikasikan menu secara online dengan PDF.
Namun, ketika pengunjung ingin melihatnya, mereka harus mengunduhnya terlebih dahulu, karena pemilik tidak menampilkan PDF tersebut secara langsung, atau mengarah ke halaman baru yang menampilkannya secara khusus.
Bagi sebagian orang, ini akan memakan waktu dan berpotensi mengurangi jumlah waktu kunjungan dan menurunkan nilai bounce rate website-mu.
Maka, cara terbaik yang bisa dilakukan adalah dengan menampilkan PDF secara langsung.
Kecuali jika situs kamu memiliki konsep seperti Scribd, sebuah situs yang menampilkan jutaan dokumen secara online.
Sebab, Scribd menggunakan sistem berlangganan untuk dapat mengakses dokumen di dalamnya, sehingga situs ini hanya menampilkan dokumen, termasuk PDF, secara terbatas.
Baca Juga: Cara Embed Video dari YouTube dan IG di WordPress
Cara Menampilkan PDF di WordPress Tanpa Plugin
Jika ingin langkah yang lebih mudah, Sahabat Qwords bisa saja memasang plugin bernama PDF Embedder.
Namun, untuk meminimalisir keberadaan plugin dan menjaga performa website tetap ringan tanpa banyak plugin, kita akan mempraktikkan cara menampilkan PDF di WordPress secara manual. Caranya cukup mudah, kok!
1. Block Editor
Block Editor adalah dashboard yang digunakan untuk mengunggah konten website WordPress. Secara default, kini WordPress menggunakan Block Editor untuk menyunting dan memublikasikan konten.
Namun, sebagian pengguna yang terbiasa dengan Classic Editor mengaku kesulitan dan kurang nyaman dengan Block Editor.
Bagaimanapun, Block Editor bisa dikatakan sangat ramah bagi pengguna pemula. Nah, jika Sahabat Qwords menggunakan Block Editor, ikuti langkah-langkah berikut ini untuk melakukan embed PDF tanpa plugin.
- Pertama, kamu bisa masuk ke dashboard WordPress, kemudian pilih Posts > Add New Post, atau bisa juga ke Pages > Add New Page.
- Lalu, tampillannya akan seperti berikut ini.
- Ketuk ikon + (lihat gambar sebelumnya), kemudian ketik file. Unggah file PD-mu. Jika sudah mengunggah sebelumnya, ketuk Media Library, dan cari PDF tersebut.
- Langkah berikutnya, kamu bisa menyesuaikan ukuran tampilan PDF melalui tab sebelah kanan, tepatnya pada bagian Height In Pixels.
- Kemudian, apabila kamu ingin PDF tersebut bisa diunduh oleh pengunjung, aktifkan tombol “Show download button”.
- Usai mengatur semuanya, silakan ketuk Publish.
- Kamu bisa melihat contohnya seperti pada gambar berikut ini.
2. Classic Editor
Sementara itu, bagi Sahabat Qwords yang masih menggunakan Classic Editor, caranya juga tidak kalah mudah meski berbeda dengan cara sebelumnya.
Adapun letak perbedaannya adalah ini akan melibatkan pihak ketiga, yakni Google Drive.
Simak panduan lengkapnya berikut ini, yuk!
- Sebelum ke pengaturan WordPress, kamu perlu mengunggah file PDF ke Google Drive terlebih dahulu. Cara ini sangat menguntungkan sebab tidak mengurangi ruang penyimpanan-mu untuk mengunggah file PDF.
- Setelah terunggah, bagikan PDF tersebut dengan memberikan akses secara terbuka.
- Tekan Salin link, dan buka kunjungi tautan tersebut pada browse-mu untuk membuka PDF.
- Kemudian, tekan ikon titik tiga di sudut kanan atas, dan pilih Sematkan item.
- Salin kode yang muncul pada layar-mu.
- Masuk ke dashboard WordPres-mu. Pilih Posts > Add New Post.
- Setelahnya, ketuk bagian Text, dan paste kode yang telah disalin sebelumnya.
- Jika sudah, klik Publish, dan berikut adalah contoh hasilnya.
Nah, itulah kedua cara menampilkan PDF di WordPress tanpa plugin. Bagaimana, sangat mudah, bukan?
Mulai sekarang, kamu bisa lebih memaksimalkan pengalaman pengguna ketika mengunjungi website-mu, terutama ketika ingin mengakses file PDF yang ada.
Jika dalam penerapan cara ini kamu mengalami kesulitan, sampaikan pada kami melalui kolom komentar di bawah ini, ya. Sampai jumpa pada tutorial berikutnya, Sahabat Qwords!
