8 Plugin WordPress Progress Bar Membaca Terbaik (Sebagian Besar Gratis)

Ingin menambahkan bilah kemajuan membaca ke WordPress?

Bilah kemajuan membaca adalah cara yang bagus untuk meningkatkan pengalaman pengguna situs Anda dengan memberi pembaca indikator visual tentang kemajuan mereka melalui sebuah pos.

Jika Anda ingin menambahkan satu ke situs Anda, ada banyak sekali plugin gratis atau terjangkau yang membantu Anda menambahkan bilah kemajuan dan mencocokkan desainnya dengan bagian lain situs Anda.

Dalam posting ini, kami telah mengumpulkan 8 opsi teratas, 6 di antaranya sepenuhnya gratis.

Di bawah ini, kami akan membagikan detail untuk setiap plugin, bersama dengan pengantar singkat tentang cara kerja bilah kemajuan dan mengapa bilah kemajuan dapat bermanfaat bagi situs Anda.

Apa Itu Bilah Kemajuan Membaca?

Bilah kemajuan membaca melakukan persis seperti namanya – ini memungkinkan pengunjung situs Anda melihat seberapa jauh kemajuan mereka melalui konten pos Anda.

Biasanya, Anda akan menempelkan bilah horizontal ke bagian atas atau bawah halaman. Saat pengguna menggulir pos, bilah akan "mengisi" untuk menunjukkan seberapa dekat mereka dengan akhir konten.

Beberapa plugin juga memberi Anda opsi untuk membuat bilah kemajuan vertikal di kiri atau kanan konten. Dalam kasus ini, tampilannya hampir seperti bilah gulir. Namun, perbedaan utama adalah bahwa bilah kemajuan akan didasarkan pada panjang konten yang sebenarnya, sedangkan bilah gulir browser didasarkan pada panjang penuh halaman.

Berikut adalah dua contoh nyata dari cara khas situs menggunakan bilah kemajuan membaca…

HubSpot menambahkan bilah kemajuan oranye yang muncul tepat di bawah header lengketnya:

Thrive Themes memiliki bilah kemajuan membaca berwarna hijau yang juga muncul di bawah header tempel:

Namun, Anda dapat bereksperimen dengan penempatan bilah kemajuan yang berbeda bergantung pada situs Anda.

Mengapa Menambahkan Bilah Kemajuan Membaca ke WordPress?

Pada tingkat tinggi, bilah kemajuan membaca adalah cara untuk meningkatkan kegunaan dan pengalaman pengguna di situs Anda, yang dapat memiliki lebih banyak efek langsung pada metrik penting seperti waktu di halaman dan rasio pentalan.

Pertama, mari kita bicara tentang pengalaman pengguna secara umum.

Kebanyakan orang ingin tahu apa yang mereka hadapi sebelum menginvestasikan waktu untuk terlibat dengan postingan Anda. Apakah artikel 5 menit yang dapat mereka baca di sela-sela tugas atau artikel panjang 20 menit yang memerlukan fokus serius?

Bilah kemajuan memberi pembaca ide bagus tentang apa yang diharapkan dari posting Anda saat mereka mulai membaca. Untuk membantu hal ini, beberapa situs juga menambahkan perkiraan waktu membaca selain bilah kemajuan, yang didukung oleh beberapa plugin di bawah ini.

Setelah pengunjung Anda mulai membaca, bilah kemajuan juga dapat mendorong mereka untuk menyelesaikan pos. Misalnya, jika pembaca melihat bahwa mereka telah berhasil melewati 80% konten, mereka akan didorong untuk menyelesaikan 20% terakhir karena mereka telah berhasil melewati sebagian besar postingan.

Peningkatan dalam pengalaman pengguna ini dapat memiliki efek positif pada dua metrik utama:

• Dwell time – dengan mendorong pembaca untuk menyelesaikan posting setelah mereka mulai membaca, Anda dapat meningkatkan waktu yang mereka habiskan di halaman.
• Rasio pentalan – dengan meningkatkan waktu yang dihabiskan pengunjung di laman Anda, Anda akan meningkatkan kemungkinan pengunjung akan terus terlibat dengan situs Anda (mungkin dengan membaca pos lain), yang dapat membantu mengurangi rasio pentalan Anda.

Jika Anda menggabungkan bilah kemajuan dengan taktik peningkatan pengalaman pengguna lainnya seperti struktur navigasi berkualitas dan penggunaan pagination yang cerdas, Anda dapat menciptakan pengalaman yang sangat menyenangkan dan menarik bagi pengunjung.

8 Plugin WordPress Progress Bar Membaca Terbaik

Sekarang, mari masuk ke 8 plugin WordPress progress bar terbaik untuk membantu Anda menambahkan progress bar membaca ke situs Anda.

Meskipun Anda dapat menemukan plugin bilah kemajuan umum yang memungkinkan Anda membuat bilah kemajuan khusus untuk apa pun, posting ini secara khusus berfokus pada plugin yang menambahkan indikator kemajuan membaca berdasarkan panjang konten halaman.

Dalam hal harga, 6 dari plugin ini benar-benar gratis, sedangkan 2 plugin yang tersisa terjangkau dan menambahkan beberapa fleksibilitas ekstra yang tidak akan Anda temukan di sebagian besar opsi gratis.

Yang terbaik dari semuanya, semua plugin ini harus bekerja dengan hampir semua tema WordPress.

Baca Meteran

Read Meter adalah plugin bilah kemajuan membaca dari Brainstorm Force, tim yang sama di belakang tema WordPress Astra yang populer (yang membuat daftar tema WordPress tercepat kami).

Plugin ini memungkinkan Anda secara otomatis menambahkan bilah kemajuan membaca yang menempel di bagian paling atas atau bawah halaman. Anda juga memiliki opsi untuk menampilkan perkiraan waktu membaca kiriman bersama dengan bilah kemajuan.

Inilah semua yang akan Anda dapatkan dengan Read Meter:

• Penempatan atas atau bawah – menampilkan bilah kemajuan di bagian atas atau bawah layar pengguna.
• Penargetan jenis posting – Anda dapat memilih untuk hanya menambahkan kemajuan membaca untuk jenis posting tertentu (termasuk jenis posting khusus). Misalnya, Anda dapat menampilkannya di posting blog tetapi tidak di halaman.
• Waktu baca – secara otomatis menambahkan perkiraan waktu baca ke berbagai bagian posting (misalnya di bawah judul) atau menempatkannya secara manual menggunakan kode pendek.
• Warna yang dapat disesuaikan – Anda dapat menyesuaikan warna dan gaya setiap elemen agar sesuai dengan situs Anda.

Harga : Baca Meter adalah 100% gratis.

Membaca progressbar

Bersamaan dengan Read Meter, Reading progressbar adalah salah satu plugin progress bar paling populer di WordPress.org. Tidak seperti Read Meter, bagaimanapun, plugin ini tidak memberi Anda pilihan untuk menambahkan perkiraan waktu membaca – ini khusus untuk progress bar.

Namun, ini memberi Anda beberapa fleksibilitas penargetan tambahan yang tidak ditawarkan oleh Read Meter. Misalnya, Anda dapat menargetkan bilah kemajuan Anda ke template tertentu selain penargetan jenis posting.

Inilah semua yang akan Anda dapatkan dengan Reading progressbar:

• Pemosisian yang fleksibel – Anda dapat secara otomatis menempelkan bilah kemajuan ke bagian atas atau bawah halaman. Atau, ada juga opsi pemosisian khusus yang memungkinkan Anda menempelkannya ke elemen CSS apa pun. Misalnya, jika Anda memiliki tajuk yang lengket, Anda dapat menempelkannya di bawah menu navigasi tajuk alih-alih di bagian atas halaman (seperti contoh HubSpot di atas).
• Desain yang dapat disesuaikan – ubah tinggi dan warna bilah kemajuan agar sesuai dengan situs Anda.
• Opsi penargetan – Anda hanya dapat menampilkan bilah kemajuan pada templat dan/atau jenis posting tertentu.

Harga : Membaca progressbar adalah 100% gratis.

Layak Dibaca

Worth the Read adalah salah satu plugin WordPress progress bar yang paling dapat disesuaikan, yang menjadikannya pilihan yang bagus jika Anda menemukan plugin sebelumnya terlalu membatasi.

Ini mencakup beberapa opsi penempatan dan penargetan unik yang tidak ditawarkan oleh sebagian besar plugin lain, bersama dengan beberapa sentuhan unik lainnya. Ini juga memberi Anda pilihan untuk menambahkan perkiraan waktu membaca jika diinginkan.

Inilah semua yang akan Anda dapatkan dengan Worth the Read:

• Opsi pemosisian horizontal atau vertikal – menyertakan bilah kemajuan horizontal di bagian atas atau bawah layar ATAU bilah kemajuan vertikal di kiri atau kanan layar. Opsi vertikal unik karena kebanyakan plugin lain tidak mendukungnya.
• Penargetan jenis posting – hanya sertakan bilah kemajuan membaca Anda pada jenis posting tertentu.
• Penargetan perangkat – Anda memiliki opsi untuk mematikan bilah kemajuan untuk perangkat seluler dan tablet (atau desktop).
• Kemajuan komentar – Anda memiliki opsi untuk menyertakan komentar dalam kemajuan membaca, yang akan menyenangkan jika Anda memiliki bagian komentar aktif dengan informasi yang berguna.
• Dukungan RTL – ini adalah salah satu dari sedikit plugin yang memungkinkan Anda mengubah ke RTL, yang sangat bagus untuk situs dalam bahasa RTL.
• Opsi gaya – sesuaikan warna, ketebalan, opasitas, dan sebagainya. Jika Anda telah mengaktifkan komentar, Anda bahkan dapat menggunakan warna terpisah untuk menunjukkan kapan bagian komentar dimulai pada bilah kemajuan.
• Perkiraan waktu membaca – jika Anda mengaktifkan waktu membaca, Anda dapat menyesuaikan fungsinya dan menempatkannya secara otomatis atau manual menggunakan kode pendek.

Harga : Layak Dibaca adalah 100% gratis.

Tangkap Bilah Kemajuan Gulir

Catch Scroll Progress Bar adalah opsi ringan lainnya untuk menambahkan bilah kemajuan dasar ke situs Anda.

Itu membuat segalanya cukup sederhana, hanya dengan opsi minimal yang Anda butuhkan untuk menempatkan dan menata bilah kemajuan Anda.

Inilah semua yang akan Anda dapatkan dengan Catch Scroll Progress Bar:

• Posisi atas atau bawah – tempelkan bilah kemajuan Anda ke bagian atas atau bawah halaman.
• Penargetan jenis posting – hanya tambahkan bilah kemajuan Anda ke jenis posting tertentu.
• Penargetan template – dalam jenis posting tersebut, hanya tampilkan pada template tertentu. Misalnya, Anda dapat menambahkannya ke satu posting tetapi tidak ke halaman arsip.
• Opsi warna dan gaya – sesuaikan warna, opasitas, dan tinggi bilah kemajuan Anda.

Harga : Bilah Kemajuan Gulir Tangkapan 100% gratis.

Kemajuan Membaca WP

WP Reading Progress adalah plugin WordPress progress bar gratis lainnya yang tersedia di WordPress.org.

Seperti plugin sebelumnya, plugin ini hanya memberi Anda pengaturan minimal yang diperlukan untuk menyesuaikan bilah kemajuan membaca Anda. Tetapi bagi kebanyakan orang, hanya itu yang Anda butuhkan, yang menjadikannya pilihan lain yang solid.

Inilah semua yang akan Anda dapatkan dengan WP Reading Progress:

• Pemosisian fleksibel – secara otomatis menempelkan bilah ke bagian atas atau bawah halaman. Atau, Anda dapat menempelkannya secara manual ke pemilih CSS apa pun.
• Penargetan jenis posting – hanya menyertakan bilah kemajuan pada jenis posting tertentu. Ada juga opsi untuk mengaktifkan/menonaktifkan pada halaman arsip.
• Kustomisasi gaya – Anda dapat menyesuaikan warna dan ketebalan bilah kemajuan. Namun , Anda hanya dapat memilih satu warna dan tidak ada opsi untuk opacity.

Harga : Kemajuan Membaca WP adalah 100% gratis.

Waktu Membaca

Reading Time adalah plugin progres membaca pertama dalam daftar ini yang hanya hadir dalam versi premium.

Namun, itu masih cukup terjangkau dan menawarkan pembaruan seumur hidup melalui pasar CodeCanyon Envato.

Ada 2 alasan utama mengapa Anda mungkin ingin mempertimbangkan Waktu Membaca daripada alternatif gratis:

• 8+ gaya prasetel – Anda mendapatkan beberapa opsi gaya unik, seperti menggunakan bilah vertikal alih-alih isian padat di dalam bilah kemajuan (digambarkan di atas).
• Aturan penargetan lanjutan – selain menargetkan jenis posting dan template, Anda dapat menargetkan bilah kemajuan Anda dengan aturan yang sangat spesifik seperti peran pengguna, URL, perangkat, dan banyak lagi.

Anda juga mendapatkan semua fitur "standar" yang Anda harapkan dari sebuah plugin:

• Pemosisian fleksibel – selain penempatan atas atau bawah otomatis, Anda juga dapat menggunakan pemosisian khusus untuk menempelkan bilah kemajuan ke pemilih CSS mana pun.
• Opsi gaya – di luar 8+ gaya prasetel, Anda juga mendapatkan opsi umum untuk menyesuaikan warna dan tinggi bilah kemajuan Anda.

Harga : Waktu Membaca berharga $15, yang dilengkapi dengan pembaruan seumur hidup untuk satu situs dan dukungan 6 bulan.

Indikator Posisi Membaca

Reading Position Indicator adalah plugin progress bar ringan gratis lainnya di WordPress.org.

Itu tidak memberi Anda banyak pengaturan, tetapi satu opsi unik adalah memungkinkan Anda menggunakan gradien khusus untuk bilah kemajuan membaca Anda (selain warna solid).

Inilah semua yang akan Anda dapatkan dengan Indikator Posisi Membaca:

• Posisi atas atau bawah – tidak ada penargetan pemilih CSS tetapi Anda dapat menambahkan offset.
• Penargetan jenis posting – targetkan bilah kemajuan Anda ke jenis posting tertentu.
• Opsi penyesuaian gaya – pilih dari gaya warna solid atau gradien. Anda juga dapat menyesuaikan ketebalan bilah kemajuan.

Harga : Indikator Posisi Membaca adalah 100% gratis.

ReBar

ReBar adalah plugin WordPress bilah kemajuan membaca premium lainnya yang dijual melalui pasar CodeCanyon Envato.

Seperti Waktu Membaca, berikut adalah beberapa fitur unik yang ditawarkannya yang mungkin layak untuk dibelanjakan:

• 8+ gaya prasetel – Anda mendapatkan sejumlah gaya unik yang melampaui isian warna solid, seperti plastik, gradien, gaya iOS, dan banyak lagi.
• Aturan penargetan lanjutan – selain menargetkan jenis posting, Anda dapat menargetkan bilah kemajuan Anda dengan aturan yang sangat spesifik seperti peran pengguna, URL, perangkat, dan banyak lagi.
• Dukungan gulir tak terbatas - ReBar masih berfungsi dengan tata letak gulir tak terbatas, yang menjadikannya pilihan yang bagus untuk situs tersebut. Anda dapat menentukan area gulir berdasarkan pemilih CSS dan itu akan menghasilkan bilah kemajuan unik untuk setiap posting dalam gulir tak terbatas.

Berikut adalah beberapa fitur penting lainnya:

• Gaya horizontal dan vertikal – letakkan bilah kemajuan horizontal di bagian atas atau bawah halaman ATAU tempatkan bilah kemajuan vertikal di sisi kiri atau kanan halaman.
• Gaya yang dapat disesuaikan – selain 8+ gaya prasetel, Anda juga dapat menyesuaikan warna dan tinggi/lebar bilah kemajuan Anda.
• Dukungan RTL – Anda dapat membalikkan bilah kemajuan untuk bahasa RTL.

Harga : ReBar berharga $15, yang dilengkapi dengan pembaruan seumur hidup untuk satu situs dan dukungan 6 bulan.

Lihat plugin bilah kemajuan membaca gratis dan mudah digunakan ini - 6 di antaranya benar-benar gratis! Klik untuk Tweet

Ringkasan

Itu merangkum koleksi 8 plugin WordPress bilah kemajuan membaca terbaik kami.

Untuk opsi paling sederhana untuk menambahkan bilah kemajuan dasar, Anda dapat mempertimbangkan plugin seperti Read Meter atau Reading progressbar.

Di sisi lain, jika Anda menginginkan kemampuan kustomisasi paling banyak secara gratis, Anda mungkin ingin memulai dengan Worth the Read, karena mencakup sejumlah opsi dan fitur unik yang tidak ditawarkan plugin lain.

Jika Anda ingin melampaui warna isian solid untuk bilah kemajuan, Anda mungkin juga ingin mempertimbangkan opsi premium di CodeCanyon – baik Waktu Membaca atau ReBar. Sekali lagi, detail paling unik tentang plugin ini adalah keduanya hadir dengan 8+ gaya prasetel dan opsi penargetan yang jauh lebih canggih.

Setiap plugin memiliki sentuhan uniknya sendiri dalam hal gaya dan fitur, jadi ada baiknya menjelajahi semuanya untuk menemukan opsi yang tepat untuk situs Anda.

Sebagian besar dari mereka memiliki versi gratis di WordPress.org, yang memudahkan untuk mengujinya. Jika Anda menghosting situs Anda dengan Kinsta, Anda dapat dengan mudah membuat situs pementasan untuk menguji dengan aman bagaimana setiap plugin akan terlihat di situs Anda.

Untuk menemukan beberapa plugin lain yang dapat meningkatkan situs Anda, Anda juga dapat menelusuri daftar lengkap plugin WordPress terbaik kami.