Cara Membuat Countdown TImer di WordPress

Begini Cara Membuat Countdown Timer di WordPress

Pernahkah kamu melihat hitung mundur dalam sebuah website atau blog? Inilah yang dinamakan dengan countdown timer. Tujuannya adalah sebagai pengingat yang digunakan untuk bisnis dan sebagainya. WordPress selaku salah satu platform blogging terbesar di dunia juga memiliki plugin menghitung mundur yang dapat digunakan dengan mudah oleh penggunanya. Lalu, bagaimana cara memasangnya? Simak ulasannya berikut ini.

Fungsi Countdown Timer

Penghitungan mundur terkadang dianggap sepele bagi sebagian orang. Tapi jika kamu berkecimpung dalam dunia blogging, terutama untuk blog e-commerce atau sedang mengadakan event tertentu, fitur ini memiliki berbagai fungsi dan manfaat yang bisa diperoleh.

Kita gunakan contoh e-commerce, fitur timer hitung mundur dapat memberikan awareness kepada para konsumen terkait kapan produk baru akan diluncurkan. Dengan begitu, konsumen akan bersiap-siap untuk mendapatkan produk baru tersebut dan ini merupakan salah satu tips yang cukup efektif dalam meningkatkan pemasaran.

Begitu juga halnya dengan event yang akan diadakan. Contohnya saja kapan akan ada great sale di toko online-mu atau kegiatan lainnya seperti gathering atau aksi sosial. Adanya timer hitung mundur akan membuat orang lain selalu mengingat kapan dan tinggal berapa hari lagi acara yang kamu buat akan dihelat.

Baca Juga: Rekomendasi Plugin Slider WordPress Terbaik

Beberapa Plugin Countdown Timer

Plugin WordPress memang banyak jenisnya dan kerap digunakan untuk blog berdasarkan kebutuhan dan kegunaan. Demikian halnya dengan countdown timer di WordPress juga memiliki beberapa plugin terbaik, yang bisa kamu pilih di antaranya adalah WooCommerce yang dapat digunakan sebagai pengingat untuk mempromosikan sebuah produk tertentu.

Kemudian WordPress juga memiliki hitung mundur responsif. Plugin countdown timer ini memiliki tampilan animasi khusus untuk memberitahu waktu yang tersisa. Plugin ini menggunakan data vektor dalam menggambarkan angka dan panel hitung mundur. Selain itu, mudah untuk diubah berdasarkan ukuran.

Selain keduanya, WordPress juga memiliki plugin Coming Soon CountDown yang paling populer. Plugin ini memiliki dua model yang dihitung mundur. Selain itu, 10 wallpaper menarik yang disajikan juga bisa membuat tampilan feed lebih disukai pengunjung.

Cara Membuat Countdown Timer di WordPress

Ada beberapa langkah yang perlu kamu perhatikan untuk membuat countdown timer¬†di WordPress. Sebenarnya, langkahnya pun tidak terlalu sulit jika diamati. Langkah awal yang perlu kamu lakukan adalah menginstal dan mengaktifkan terlebih dulu plugin¬†“Countdown Timer Ultimate”¬†(Gambar 1). Setelah plugin tersebut aktif dan berhasil diinstal langkah selanjutnya adalah mengakses Countdown Timer > Add Timer (Gambar 2).

Cara Membuat Countdown TImer di WordPress
Gambar 1
Cara Membuat Countdown TImer di WordPress
Gambar 2

Kemudian, atur countdown timer sesuai dengan keinginanmu, seperti tanggal berakhir, warna background penghitung waktu mundur hingga model penghitung mundur detik yang bisa kamu pilih antara Smooth (halus) atau Ticks (detak) (Gambar 3). 

Setelah memilih desain countdown timer sesuai dengan keinginanmu, klik “Update” di sebelah kanan atas halaman WordPress Admin (Gambar 4). Jika sudah terpublikasi, klik “Countdown Timer” untuk melihat daftar timer-mu.

Cara Membuat Countdown TImer di WordPress
Gambar 3
Cara Membuat Countdown TImer di WordPress
Gambar 4

Pilih timer yang ingin kamu gunakan pada artikel unggahanmu yang relevan dengan artikelmu. Lalu, salin Shortcode yang terdapat di sebelah kanan judul timer. Pindah ke halaman WP Admin, lalu tempel kode di tempat timer tersebut seharusnya berada.

Cara Membuat Countdown TImer di WordPress
Gambar 5

Baca Juga: 11 Plugin Popup WordPress Terbaik untuk Website

Penting pula untuk diperhatikan, buatlah judul atau headline pada halaman countdown timer. Nantinya, fungsi judul adalah agar mempermudah kamu untuk mengetahui dan mengidentifikasi pengatur waktu internal. Oleh karena itu, kamu perlu mengklik kapan tanggal kedaluwarsanya. Misalnya pengingat waktu penghitung mundur untuk tahun baru.

Setelah semuanya selesai, kamu dapat melihat hasilnya di artikel yang baru saja kamu edit, dan lihat countdown timer yang telah kamu buat. Jangan lupa untuk mematikan atau menghapus artikel jika waktunya sudah tidak relevan. Berikut ini adalah contoh countdown timer yang sudah dipajang di artikel Dewaweb.

Cara Membuat Countdown TImer di WordPress
Gambar 6

Selain Countdown Timer Ultimate, kamu juga bisa menggunakan plugin lainnya, yaitu Elementor. Plugin yang satu ini mempunyai berbagai jenis fitur yang bisa digunakan untuk mendesain website hanya dengan drag and drop. Elementor sangat disarankan bagi kamu yang tidak mau repot-repot dengan kode.

Sebelum mulai memasang dengan Elementor, kamu harus terlebih dulu memasang plugin Elementor yang bisa kamu dapatkan secara gratis jika memesan minimal paket Warrior dari Dewaweb. Setelah itu, aktivasi plugin Elementor hingga kamu dapat menemukannya di menu Dashboard seperti pada gambar di bawah ini (Gambar 7).

Cara Membuat Countdown TImer di WordPress
Gambar 7

Selanjutnya kamu harus menginstal ‚ÄúCountdown timer for Elementor‚ÄĚ agar dapat menggunakan fitur ini (Gambar 8).

Cara Membuat Countdown TImer di WordPress
Gambar 8

Setelah itu, klik Add New Post, lalu pilih panel ‚ÄúEdit with Elementor‚ÄĚ agar dapat masuk ke editor website Elementor (Gambar 9).

Cara Membuat Countdown TImer di WordPress
Gambar 9

Scroll di dashboard sebelah kiri Elementor hingga menemukan countdown timer. Jika sudah, klik logo tersebut, lalu drag ke bagian website yang ingin kamu tambahkan countdown timer, dan drop widget countdown timer. (Gambar 10)

Cara Membuat Countdown TImer di WordPress
Gambar 10

Edit widget countdown timer hingga memenuhi penyesuaian yang kamu inginkan. Ada tiga hal yang bisa kamu sesuaikan, yaitu:

  • Content yang bisa mengatur tanggal berakhir timeline atau pesan setelah countdown timer berakhir
  • Style yang berisi pengaturan visual statis seperti ukuran grafik, border frame hingga letak kotak-kotak penghitung waktu mundur.
  • Advance untuk mengatur tampilan timer untuk menarik perhatian pengunjung website, seperti bounce, slide, rotate, dsb. (Gambar 11)
Cara Membuat Countdown TImer di WordPress
Gambar 11

Baca Juga: 15 Plugin WordPress untuk Website Bisnis Anda

Usai mengedit timer, kamu hanya perlu mengklik ‚ÄúPublish‚ÄĚ dan countdown timer-mu sudah tayang di website. Tidak seperti Countdown Timer Ultimate yang harus menyalin Shortcode ke artikel, countdown timer milik Elementor sudah terletak di lokasi yang kamu inginkan sejak kamu melakukan drop.

Cara Membuat Countdown TImer di WordPress
Gambar 12

Bagaimana, cukup mudah bukan membuat countdown timer yang ada di WordPress? Jika website-mu masih lelet, tidak aman dan sering eror, sebaiknya kamu pertimbangkan kembali, mungkin inilah waktunya bagimu untuk pindah ke web hosting terbaik. Selamat mencoba, semoga bermanfaat dan menambah wawasan!