Anda berniat memasang countdown timer di situs Anda tetapi masih bingung bagaimana langkah-langkahnya? Tak usah khawatir! Artikel ini akan mengulas segala hal yang perlu Anda ketahui mengenai countdown timer—mulai dari pengertian dan manfaatnya, hingga cara menambahkannya ke website menggunakan JavaScript dan plugin. Apa Itu Countdown Timer dan Apa Saja Manfaatnya? Sebagaimana namanya, countdown timer adalah jam virtual yang berfungsi untuk menghitung mundur waktu atau tanggal tertentu, serta menunjukan tanda dimulai atau berakhirnya suatu penawaran, acara, hingga live video. Tidak hanya di landing page, countdown timer juga biasanya ditampilkan di social media, dan bahkan jadi bagian dari strategi email marketing. Lalu apa manfaatnya untuk Anda? Mari simak uraian berikut. Menarik Perhatian Pengunjung Secara psikologis, countdown timer menimbulkan apa yang disebut sebagai “a sense of urgency”—yang mana bisa memotivasi pengunjung untuk tidak melewatkan sesuatu atau mengambil suatu tindakan dengan cepat. Contohnya jika Anda memasang countdown timer untuk mengenalkan produk terbaru, pengunjung akan terdorong untuk menunggu waktu peluncuran tersebut. Menyoroti Produk atau Jasa tertentu Countdown timer juga bisa digunakan untuk menyoroti produk atau jasa khusus yang anda tawarkan. Jika Anda berniat mengadakan clearance sale atau menawarkan produk limited edition, misalnya, countdown timer bisa menunjukan kesan bahwa produk/jasa tersebut adalah spesial dan terbatas. Meningkatkan Penjualan Tak lupa, countdown timer juga bisa jadi cara untuk menjalankan apa yang dinamakan dengan psychology of scarcity marketing. Yaitu, memberi kesan bahwa produk serta penawaran Anda terbatas, sehingga mendorong customer untuk berlomba-lomba membeli sebelum waktunya berakhir. Menaikkan Engagement Menampilkan countdown timer di media sosial ataupun email juga bisa meningkatkan engagement dan conversions. Untungnya, beberapa social media termasuk Facebook dan Instagram menawarkan fitur tersebut, sedangkan platform seperti Sendtric dan CountdownMail menyediakan tools untuk kustomisasi countdown timer di email Anda. Baca Juga 7 Strategi Marketing Ampuh untuk Mendongkrak Omzet Penjualan Membuat Countdown Timer dengan JavaScript Setelah mengetahui apa itu countdown timer beserta manfaatnya, sekarang mari kita pelajari bagaimana cara memasangnya di website dengan menggunakan JavaScript. Kabar baiknya, JavaScript menawarkan struktur kode yang sederhana, ringan, dan tak mengharuskan Anda memuat scripts maupun stylesheets eksternal—sehingga menjaga performa serta kecepatan situs Anda secara optimal. Selain itu, JavaScript memungkinkan Anda mendesain tampilan countdown timer sesuai dengan keinginan Anda, tanpa ada batasan seperti menggunakan plugins. Dan adapun contoh kode JavaScript untuk membuat countdown timer adalah sebagai berikut // Set a valid end date var countDownDate = new Date"Jan 5, 2021 153725".getTime; // Update the count down every 1 second var x = setIntervalfunction { // Get today's date and time var now = new Date.getTime; // Find the distance between now and the countdown date var distance = countDownDate - now; // Calculate Remaining Time var days = / 1000 * 60 * 60 * 24; var hours = % 1000 * 60 * 60 * 24 / 1000 * 60 * 60; var minutes = % 1000 * 60 * 60 / 1000 * 60; var seconds = % 1000 * 60 / 1000; // Display the result in the element with id="demo" = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the countdown is finished, write some text if distance Anda dapat mengubah beberapa bagian dalam kode tersebut sesuai dengan kebutuhan Anda, yang meliputi Set a valid end date — tentukan kapan waktu berakhirnya countdown. Calculate Remaining Time — tuliskan kalkulasi waktu yang tersisa hingga countdown tersebut berakhir. Display the result in the element — atur bagaimana hasil countdown tersebut nantinya akan ditampilkan. If the countdown is finished, write some text — tentukan teks apa yang nantinya muncul setelah countdown berakhir. Lalu, bagaimana caranya menambahkan kode tersebut ke dalam website? Nah jika Anda pengguna WordPress, Anda bisa menginput kode tersebut ke dalam file dengan mengakses Dashboard > Appearance > Theme Editor. Atau Anda juga bisa memanfaatkan beberapa plugins seperti Simple Custom CSS and JS dan CSS & JavaScript Toolbox Plus untuk memasukkan kode JavaScript dengan lebih mudah. Baca Juga Tips Belajar Javascript Untuk Mengembangkan Website Membuat Countdown Timer dengan Plugins Bingung dengan kode JavaScript? Tenang, ada banyak countdown plugins yang memungkinkan Anda membuat penghitung waktu mundur tanpa harus berurusan dengan kode yang panjang. Berikut beberapa opsinya Countdown Timer Ultimate menyediakan puluhan desain timer yang bisa dikustomisasi sesuka hati. Kabar baiknya, countdown yang ditawarkan plugin ini juga sepenuhnya responsif dan bisa diintegrasikan dengan kupon ecommerce. Selain itu, plugin ini juga kompatibel dengan gutenberg maupun classic editor—sehingga Anda bisa menambahkan countdown di post atau halaman dengan mudah dan tanpa menghabiskan waktu yang lama. Countdown Builder Countdown Builder hadir dengan berbagai jenis countdown, mulai dari coming soon page, sticky countdown, circle popup, hingga WooCommerce coupons—semuanya bisa ditambahkan ke post maupun halaman website hanya dengan menginput shortcode sederhana seperti [ycd_countdown id=73]. WordPress Countdown Widget WordPress Countdown Widget tak hanya bisa menampilkan countdown di post dan halaman, namun juga di sidebar. Yang paling menarik, plugin ini dibekali dengan fitur drag and drop serta kustomisasi warna; memungkinkan Anda membuat timer yang menarik dalam waktu singkat. Tak hanya countdown, Anda juga dapat membuat countup timer dengan mudah menggunakan plugin ini. Nah cara mengaktifkan setiap plugins tersebut juga tidak sulit. Anda hanya perlu memasangnya melalui menu Plugins > Add New > kemudian tulis nama plugin dalam kolom search > klik Install Now > Activate. Jika proses instalasi telah selesai, Anda bisa langsung melakukan kustomisasi countdown timer dan menginput shortcode-nya ke posts, pages, maupun sidebar. Bagaimana, tentunya semakin tertarik kan untuk memasang countdown timer di website Anda? Nah dari dua pilihan metode di atas, opsi mana yang akan Anda coba? Sebagai pertimbangan, JavaScript menawarkan struktur kode yang ringan dan kebebasan kustomisasi. Sedangkan plugin memungkinkan Anda membuat countdown dengan mudah tanpa berurusan dengan kode yang panjang. Selanjutnya agar Anda semakin jago mengelola website, jangan lupa update terus pengetahuan Anda tentang topik-topik seputar hosting, domain, digital marketing, hingga bisnis online di blog Anda juga dapat berlangganan newsletter untuk mendapatkan informasi post populer hingga penawaran hosting murah. Selamat belajar!
Ilustrasi memasang jam untuk blog. Foto dan memasang jam untuk blog tak sekadar membantu pengunjung mengetahui waktu secara akurat ataupun mempercantik halaman situs. Lebih dari itu, menambahkan jam pada blog memiliki fungsi teknis, terlebih pada situs web yang dibangun dari CMS seperti kamu yang ingin mengetahui lebih lanjut mengenai fungsi dan cara memasang jam untuk blog pribadi, simak pemaparan selengkapnya berikut Fungsi Jam untuk Blog?Secara umum, keberadaan jam pada sebuah blog tak hanya menyediakan informasi bagi pengunjung. Mengutip beberapa sumber, mengatur jam untuk blog sesuai zona waktu berfungsi agar setiap pencatatan waktu di postingan di situs web sesuai dengan waktu yang hanya itu, menampilkan jam untuk blog akan memberi kesan profesional bagi siapa pun yang mengunjunginya. Pada situs web seperti Blogger atau Blogspot, kamu bisa menambahkan berbagai informasi cuaca, waktu, dan informasi menarik lainnya melalui tampilan laman Meer’s Word, Blogger tak menyediakan opsi untuk menambahkan widget jam. Kendati demikian, kamu dapat menggunakan kode HTML gratis dari pihak ketiga untuk menampilkan waktu, tanggal, dan jam di halaman blog Menambahkan Widget Jam untuk BlogIlustrasi menambahkan widget jam untuk blog. Foto menambahkan widget jam untuk blog terbilang mudah untuk dilakukan. Meski begitu, kamu harus melakukannya secara runtut agar tampilan jam berhasil muncul di halaman dari sumber yang sama, berikut cara menambahkan widget jam untuk blog yang bisa kamu laman ClockLink di itu, pilih kategori jam sesuai Get Free Clock’ untuk mendapatkan kode itu, kamu akan diarahkan untuk memahami syarat dan ketentuan yang berlaku. Klik Accept’ untuk melanjutkan ke langkah pilih warna sesuai atur waktu jam sesuai wilayah kamu berada. Kamu bisa memilih Select by Timezone’ atau Select by City’.Lakukan pengaturan negara dan kota sesuai ukuran jam sesuai konfigurasi selesai dilakukan, salin kode HTML yang tersedia pada kolom. Adapun kode HTML tersebut ditandai dengan “