Cara Menambahkan Penghitung Waktu Mundur di WordPress

Diterbitkan: 2023-02-12

Saat Anda membuat situs WordPress, Anda mungkin perlu menyertakan alat, desain, dan fitur yang membantu Anda mempromosikan acara atau penawaran sensitif waktu lainnya. Menggunakan widget atau plugin penghitung waktu mundur dapat membuat pencapaian itu jauh lebih mudah.

Dengan widget penghitung waktu mundur WordPress, Anda dapat mempermudah pemilik situs dan pengunjung untuk melacak tanggal dan waktu tertentu. Plus, ada beberapa plugin hitung mundur yang membuat penambahan satu ke situs Anda menjadi proses yang cepat.

Dalam posting ini, kami akan menjelaskan kapan menggunakan penghitung waktu mundur dan apa itu widget penghitung waktu mundur WordPress. Kemudian kami akan memandu Anda melalui tiga opsi terbaik untuk menambahkan penghitung waktu mundur di WordPress menggunakan plugin. Mari kita mulai!

Daftar isi
1. Kapan Menggunakan Hitung Mundur
2. Apa itu Widget Penghitung Waktu Mundur?
3. Opsi untuk Menambahkan Penghitung Waktu Mundur ke WordPress
3.1. Opsi 1: Tambahkan Penghitung Waktu Mundur Menggunakan T(-) Widget Hitung Mundur
3.2. Opsi 2: Tambahkan Penghitung Waktu Mundur Menggunakan Penghitung Waktu Mundur Ultimate
3.3. Opsi 3: Tambahkan Timer Penghitung Menggunakan POWr
4. Temukan Sumber Daya Lebih Bermanfaat dari WP Engine

Kapan Menggunakan Hitung Mundur

Penghitung waktu mundur dapat digunakan untuk menampilkan pencapaian yang berbeda, seperti peringatan bisnis. Anda juga dapat menggunakannya untuk membantu membangun antisipasi untuk acara mendatang (seperti peluncuran produk baru), mempromosikan dimulainya penjualan, atau memberi tahu pengunjung saat situs akan keluar dari mode pemeliharaan.

Apa itu Widget Penghitung Waktu Mundur?

Widget penghitung waktu mundur adalah ekstensi yang dapat Anda tambahkan ke situs WordPress Anda, untuk membangun kegembiraan atau urgensi seputar produk atau acara. Anda dapat menggunakan widget penghitung waktu mundur WordPress untuk memberi tahu atau mengingatkan pelanggan kapan harus mengharapkan sesuatu, dengan menampilkan jam yang menghitung sisa waktu yang tersisa.

Beberapa skenario paling umum di mana penghitung waktu mundur digunakan meliputi:

  • Memberi tahu pengunjung bahwa situs WordPress sedang dalam pemeliharaan, dan kapan akan kembali online
  • Mempromosikan dan membangun antisipasi untuk acara mendatang seperti peluncuran produk, arisan, atau konferensi
  • Mengakui tonggak penting seperti peringatan
  • Membangkitkan kegembiraan untuk acara penjualan khusus, promosi, atau halaman Segera Hadir

Opsi untuk Menambahkan Penghitung Waktu Mundur ke WordPress

Ada beberapa opsi untuk menambahkan penghitung waktu mundur ke situs WordPress Anda. Meskipun Anda dapat melakukannya melalui kode, metode termudah adalah menggunakan plugin hitung mundur WordPress. Mari kita lihat tiga plugin penghitung waktu mundur yang direkomendasikan, dan cara memulainya.

Opsi 1: Tambahkan Penghitung Waktu Mundur Menggunakan T(-) Widget Hitung Mundur

(T-) Countdown Widget adalah salah satu plugin hitung mundur WordPress paling populer yang tersedia. Ini memungkinkan Anda untuk menampilkan pengatur waktu HTML5 yang sangat fleksibel dan dapat disesuaikan melalui kode pendek, di halaman atau pos mana pun di situs WordPress Anda:

Namun, untuk memanfaatkan sepenuhnya fitur plugin, Anda memerlukan sedikit pengetahuan HTML dan CSS. Oleh karena itu, ini mungkin bukan pilihan terbaik untuk pemula.

Setelah Anda menginstal dan mengaktifkan plugin, Anda dapat menemukannya di Settings > T(-) Countdown :

Di layar ini, Anda dapat memilih untuk menghitung mundur detik, minggu, bulan, atau tahun. Anda juga dapat menyesuaikan label yang akan ditampilkan, dan menambahkan CSS Anda sendiri.

Saat Anda mengunduh dan mengaktifkan plugin, blok T(-) Countdown akan ditambahkan ke editor WordPress Anda. Untuk menggunakannya, navigasikan ke halaman atau pos yang ingin Anda tambahkan penghitung waktu mundur. Klik pada ikon tambah, lalu cari blok untuk opsi T(-) Countdown :

Blok ini akan menambahkan penghitung waktu mundur standar ke halaman atau posting. Anda dapat menyesuaikan dan mengonfigurasinya di panel di sebelah kanan:

Anda dapat memilih waktu dan tanggal peluncuran, dan memilih salah satu dari 13 gaya tampilan pengatur waktu. Ada juga bagian bagi Anda untuk men-tweak pengaturan yang sama (termasuk label dan custom CSS) yang juga ditemukan di halaman pengaturan T(-) Countdown .

Jika Anda membutuhkannya, tersedia dukungan gratis untuk plugin ini, serta daftar lengkap opsi shortcode yang dapat Anda gunakan. Perlu juga dicatat bahwa ini adalah versi yang dikembangkan secara aktif dari plugin jQuery T(-) Countdown Widget yang lebih lama.

Opsi 2: Tambahkan Penghitung Waktu Mundur Menggunakan Penghitung Waktu Mundur Ultimate

Penghitung Waktu Mundur Ultimate menggunakan kode pendek untuk menampilkan penghitung waktu mundur di situs WordPress Anda. Ini bekerja dengan baik dengan editor Gutenberg, sepenuhnya responsif, dan memungkinkan Anda membuat hitungan mundur tanpa batas:

Setelah Anda menginstal dan mengaktifkan plugin, itu akan memberi Anda pesan selamat datang. Pilih Lewati atau Izinkan & Lanjutkan :

Selanjutnya, navigasikan ke Penghitung Waktu Mundur > Tambahkan Pengatur Waktu :

Di layar ini, Anda dapat memberi nama penghitung waktu mundur dan menyesuaikan tampilannya. Setelah Anda memilih tanggal kedaluwarsa, Anda dapat memilih antara dua gaya animasi: Smooth atau Ticks .

Selanjutnya, pilih lebar dan warna lingkaran Anda. Apa pun yang tidak Anda tentukan akan disetel ke gaya default. Setelah selesai, klik Terbitkan .

Anda kemudian dapat menambahkan widget penghitung waktu mundur Anda ke posting atau halaman WordPress mana pun. Untuk melakukannya, salin shortcode penghitung waktu mundur (terletak di bawah kolom Shortcode di halaman WP Countdown TImer ):

Kemudian navigasikan ke halaman atau posting tempat Anda ingin menambahkan penghitung waktu. Klik ikon plus di editor blok, dan pilih widget Shortcode :

Tempel kode pendek ke bidang teks, lalu pratinjau halaman untuk memastikan Anda puas dengan tampilannya. Jika Anda puas, tekan Terbitkan .

Jika Anda ingin menambahkan widget hitung mundur ke sidebar di situs Anda, Anda dapat melakukannya dengan membuka Appearance > Widgets , dan menambahkan widget Teks ke sidebar Anda. Di bawah pengaturan widget, cukup rekatkan kode pendek penghitung waktu mundur:

Seperti yang kami sebutkan sebelumnya, Anda dapat mengunduh dan menggunakan versi gratis dari plugin ini untuk membuat penghitung waktu tanpa batas. Anda juga dapat meningkatkan ke versi premium, untuk membuka kunci akses ke desain tambahan dan fitur lanjutan. Jika Anda ingin menguji plugin terlebih dahulu, Anda juga dapat mendaftar untuk demo gratis.

Opsi 3: Tambahkan Timer Penghitung Menggunakan POWr

Last but not least, POWr adalah plugin penghitung waktu mundur berbasis cloud. Oleh karena itu, untuk menggunakannya, Anda harus terlebih dahulu mendaftar untuk mendapatkan akun gratis.

Salah satu manfaat POWr adalah sepenuhnya responsif dan dapat disesuaikan. Namun, ini unik karena selain membuat penghitung waktu mundur biasa, Anda juga dapat menggunakannya untuk melacak acara dari waktu ke waktu.

Untuk memulai, pertama-tama unduh dan aktifkan plugin hitung mundur POWr WordPress di situs Anda. Muncul sebagai paket dengan berbagai fitur lain, yang dapat digunakan untuk membuat formulir dan umpan sosial:

Selanjutnya, kunjungi situs web POWr dan klik tombol Mulai untuk mendaftar akun gratis. Setelah membuat akun, Anda akan dibawa ke halaman Plugin Saya . Di sinilah Anda dapat 'membuat plugin Anda sendiri', dengan memilih Penghitung Waktu Mundur di menu navigasi sebelah kiri:

Selanjutnya, Anda akan dibawa ke layar tempat Anda dapat membuat dan menyesuaikan widget penghitung waktu mundur untuk situs WordPress Anda:

Anda memiliki berbagai opsi untuk jenis hitungan mundur yang ingin Anda gunakan. Selain itu, di bawah tab Konten dan Desain , Anda dapat menetapkan tanggal target, menyesuaikan label pengatur waktu, membuat pesan khusus, dan menambahkan animasi.

Setelah Anda puas dengan penghitung waktu mundur Anda, klik tombol Tambahkan ke Situs di bagian bawah layar:

Anda kemudian akan disajikan sejumlah opsi untuk menambahkannya ke situs Anda. Misalnya, Anda dapat mengklik ikon WordPress untuk menghasilkan kode pendek penghitung waktu mundur:

Anda kemudian dapat menyalin kode pendek ini dan menempelkannya ke blok Kode Pendek di editor WordPress (seperti yang terlihat di bagian sebelumnya). Anda juga dapat memilih opsi Kode Semat untuk menyalin dan menempelkan kode ke elemen HTML apa pun di situs Anda.

Temukan Sumber Daya Lebih Bermanfaat dari WP Engine

Menambahkan penghitung waktu mundur ke situs web Anda adalah cara yang bagus untuk menghidupkan kegembiraan dan membuat pengunjung termotivasi. Tentu saja, fitur apa pun yang ingin Anda tambahkan ke situs Anda, kami siap membantu.

WP Engine menawarkan sumber daya terbaik untuk pengguna dan pengembang, memberi Anda informasi dan alat yang diperlukan untuk menghadirkan pengalaman digital yang luar biasa. Mulailah dengan hosting WordPress terbaik hari ini!