Cara Membuat Tombol Whatsapp, Telp Melayang Dengan Mudah
Halo semua, kali ini saya mau berbagi lagi buat teman-teman yang sedang belajar website atau sudah menjadi expert dalam membangun website tetapi terkendala hal-hal kecil yang diminta oleh Customer untuk ditambahkan ke Aplikasi atau website yang sedang dibangun.
kalo sebelumnya saya sudah pernah menuliskan tentang “Cara Mudah Menambahkan Tombol Whatsapp, Messenger , Telp , SMS di Website” yang didalamnya memiliki fungsi yang sama tetapi hanya memiliki maksimal 3 Tombol untuk yang Free dan jika ingin menambahkan tombol lain harus menggunakan akun pro
na kali ini saya akan memberi tips yang hampir sama tetapi ini FREE dengan tombol yang lebih banyak dibandingkan cara yang sebelumnya, dan tombol-tombol yang diberikan juga dapat dicustomize seperti warna, serta memiliki animasi yang unik. langsung aja deh ikuti langkah-langkah dibawah ini
1.silahkan buka alamat https://keyreply.com/chat/?ref=getwidget ,setelah dibuka akan menampilkan halaman web seperti dibawah ini, pada icon sebelah kanan bawah terdapat icon preview yang nantinya akan kita dapatkan jika menggunakan Situs ini untuk Website kita
2. silahkan klik GET IT NOW, jika sudah selanjutnya isikan Tombol apa yang ingin kalian gunakan, misal saya mau ada tombol Messenger, Telp, Whatsapp, Twitter,dll bisa kalian isi sesuai dengan keinginan. jika sudah silahkan scroll ke bawah
3. Tentukan Warna Chat Icon yang dimau
setelah memilih warna, teman-teman bisa lihat preview hasil yang nantinya akan kita dapat, posisi ada disebelah kanan bawah
4. jika semua merasa sudah sesuai, maka selanjutnya klik Generate Embed Code lalu Copykan Syntax yang ada didalam Kotak
Jika Menggunakan Web Buatan Sendiri
5. jika sudah, maka selanjutnya buka halaman index.php atau Main File pada project aplikasi/web yang kita buat lalu pastekan syntax tadi ke dalam file tersebut dan disisipkan sebelum tags </body>. jika sudah silahkan jalankan
dan horeeeee Tombol sudah muncul pada website, kebetulan masalah ini muncul pada saat saya membuat web STKIP Muhammadiyah Pringsewu, dan ini preview hasilnya
Jika Menggunakan WordPress
jika teman-teman menggunakan wordpress, teman-teman
- cukup masuk ke halaman WP-Admin lalu –> Appearance -> Widget
- Lalu Tambahkan Widget Text/HTML
- Pastekan Syntax Tombol yang sudah kita copy sebelumnya dan selanjutnya silahkan save
- Lalu lihat Hasilnya.
cukup mudah bukan. jika masih bingung, boleh ditanyakan disini
