Widget Website Keren untuk Notifikasi dan Pengumuman Terbaru

Posted by Ariadi on Apr 01, 2023

Dalam dunia website perubahan dan perbaikan selalu menjadi hal yang sering kali dilakukan karena banyak faktor dan tergantung kondisi masing-masing website nya. Website yang baik selalu memberikan informasi terkait perubahan yang dilakukan terutama website yang memiliki jasa layanan karena bisa saja perubahan itu berpengaruh secara langsung kepada visitor.

Semisal website anda memiliki rencana perawatan server pada tanggal dan jam tertentu maka ini akan menjadi pengalaman buruk pada pengguna jika tidak ada pemberitahuan sebelumnya karena perawatan server akan berdampak website tidak bisa diakses sementara.

Kali ini om akan membagikan cara bagaimana menambahkan pengumuman di website anda tanpa ngoding dan tanpa database.

Pertama-tama perkenalkan ini adalah tools yang akan membantu anda mengimplementasi fitur pengumuman di website anda.

Announce Kit

Announce Kit For Notification

Announce Kit For Notification

Tools ini membantu sekali jika ada informasi terbaru dari produk atau website dengan tampilan yang cantik, juga bisa mengirim email notifikasi dan mengumpulkan feedback secara realtime.

Apakah ini gratis? Anda tidak perlu khawatir untuk Plan Gratis sudah sangat cukup membantu anda dalam memberikan informasi terbaru kepada pengunjung website anda namun Announce Kit juga menyediakan Plan Berbayar untuk fitur-fitur yang powerfull untuk perusahaan yang memiliki cukup bajet.

harga announce kit

harga announce kit

Cara Implementasi

1. Sebelum nya anda harus daftar terlebih dahulu https://announcekit.app/dashboard/register

2. Setelah anda berhasil mendaftar silahkan masukkan nama projek dan alamat website anda lalu tekan Create Project

3. Kemudian akan muncul halaman informasi step-step untuk dapat mengimplementasikan tools ini di bagian kiri dan tombol untuk membuat postingan. Postingan disini yang nanti akan jadi pengumuman di website anda

langkah buat announce kit

langkah buat announce kit

4. Lengkapi Judul dan Isi postingan dan pilih label atau jenis informasi yang tersedia

langkah ttols announce kit

langkah ttols announce kit

langkah pilih label announce kit

langkah pilih label announce kit

5. Setelah berhasil lanjutkan ke menu widget untuk mengatur tampilan pada saat di implementasikan ke website anda

langkah pilih widget

langkah pilih widget

6. Silahkan atur widget sesuai tema dan kebutuhan website anda

pengatuan tampilan announce kit

pengatuan tampilan announce kit

7. Copy paste kode yang tampil di halaman selanjutnya untuk menampilkan widget ke website anda

copy paste coding announce kit

copy paste coding announce kit

8. Pada bagian kode untuk menu header anda bisa juga merubah bagain What's new dengan bahasa indonesia Pengumuman atau yang lain seperti gambar atau icon contoh dibawah lalu paste

contoh :

<div class="announcekit-widget">Pengumuman</div>

Kode di atas berfungsi menampilkan widget yang berisi postingan pengumuman yang telah anda buat, semisal anda ingin merombak kode atau custom pastikan element memiliki class="announcekit-widget" karena itu jadi parameter widget agar bisa memunculkan postingan pengumuman yang sudah anda buat sebelumnya

Hasil

Saya sudah implementasikan ini secara live di website umkmnaikkelas.com hasilnya jadi seperti ini

hasil announce kit implementasi

hasil announce kit implementasi

Saya melakukan custom kode dari announce kit lalu saya sesuaikan dengan tema website umkmnaikkelas.com menggunakan icon jadi saat icon tersebut di klik maka akan muncul widget di sebelah kanan seperti dibawah ini


Merubah Bahasa

Pada menu setting anda bisa melakukan pengaturan untuk merubah bahasa menggantinya seperti hasil dari website umkmnaikkelas karena kode dari announce kit secara default menggunakan bahasa inggris.

change language announce kit

change language announce kit

Jika anda ingin menambahkan bahas baru anda bisa menambahkan di bagian bawah namun jika tidak anda bisa langsung edit pada bahasa yang sudah tersedia dihalaman itu dan merubah sesuai dengan keinginan anda, seperti contoh dibawah ini

setting announce kit

setting announce kit

Setelah berhasil merubah sesuai dengan keinginan anda silahkan klik Save Changes untuk menyimpan perubahan anda yang telah dibuat.


Kesimpulan

Tools ini sangat membantu dan memudahkan dalam memberikan informasi terbaru kepada pengunjung website, cara penggunaannya juga mudah dan simpel. Versi gratis sudah cukup membantu dan jika ingin kebutuhan lebih bisa mulai dengan paket paling murah nya sebesar 19 dollar per bulan. 

Bagaimana apakah anda tertarik mencobanya? jangan ragu komentar dibawah jika ada saran dan masukkan mengenai tulisan ini