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. CaraMembuat Tombol WhatsApp Melayang di Blog Pertama, buka Blogger >> Tema >> Edit HTML. Kemudian letakkan kode berikut diatas kode Ganti kode 628xxxxxxxxxx dengan nomor WhatsApp anda. Secaradefault WhatsApp dan Facebook sudah terpilih, jadi cukup hilangkan Facebook Messenger apabila pengguna ingin memakai WhatsApp saja. Kemudian isikan nomor ponselnya pada kolom yang disediakan. Pada bagian Customize your button , terdapat beberapa menu disana, berikut ini penjelasannya. Vay Tiền Nhanh. Latar Belakang WhatsApp telah menjadi salah satu sarana komunikasi yang banyak digunakan oleh customer di Indonesia, jika anda banyak menggunakan WhatsApp untuk berkomunikasi dengan customer, anda dapat menambahkan sebuah tombol pada webpage yang anda miliki dimana jika tombol tersebut di click akan mengarahkan customer untuk membuka aplikasi WhatsApp dan langsung mengirimkan message ke nomor perusahaan anda. Pada dasarnya ada tiga langkah dalam membuat floating button WhatsApp ini. Pertama membuat tombolnya terlebih dahulu, kemudian menatanya styling, dan yang terakhir memasang tautan ke WhatsApp. Anda dapat membuat desain apa pun untuk tombol, Anda hanya perlu CSS dan/atau JavaScript untuk itu. Bagian terpenting adalah mengarahkan lokasi ke tautan WhatsApp Anda. Create the Button First, we'll need to use some icon for the buttons, in this case we're going to use icon from FontAwesome. You can add this code snippet at the `....` section of your webpage. Then you can paste this code snippet for the button, please change the number inside the URL to your company WhatsApp Number. Style the Button Setelah kita menambahkan elemen tombol pada halaman, kita dapat mengatur tampilan dari tombol tersebut menggunakan snippet CSS berikut body {font-family sans-serif;}/* Add WA floating button CSS */.floating {position fixed;width 60px;height 60px;bottom 40px;right 40px;background-color 25d366;color fff;border-radius 50px;text-align center;font-size 30px;box-shadow 2px 2px 3px 999;z-index 100;}.fab-icon {margin-top 16px;} Hasil Setelah mengimplementasikan kode tersebut, akan tampil button seperti berikut Anda dapat mempelajari lebih lanjut tentang ini dari referensi ini **** Was this article helpful? Eril Obeit Choiri Follow Graduating with an IT degree, Eril falls in love with Digital Marketing especially with Search Engine Optimization and Content Writing. 15 September 2022 3 min read WhatsApp saat ini menjadi aplikasi chatting paling populer didunia dengan pengguna lebih dari milyar. Hampir semua pemilik smartphone memiliki aplikasi WhatsApp chat, tidak percaya? Silahkan cek smartphone teman masing-masing. Aplikasi ini mulai mengantikan teknologi SMS Short Message Service dan telepon. Bahkan saat ini WhatsApp sudah bisa melakukan panggilan suara dan juga melakukan panggilan video ke sesama pengguna. Dari semua keunggulan WhatsApp tersebut bisa kita manfaatkan WhatsApp sebagai aplikasi live chat yang ada pada website WordPress. Bagaimana menarik bukan? Sejarah Singkat WhatsApp WhatsApp logo Aplikasi pesan singkat terpopuler dengan pengguna terbesar di dunia WhatsApp sudah berumur 13 tahun. WhatsApp dibuat oleh Brian Acton dan Jan Koum, sebelumnya pernah menjadi karyawan di perusahaan Yahoo. Ide membuat WhatsApp muncul setelah membeli iPhone, keduanya menyadari potensi aplikasi software dari App Store iOS. Kemudian keduanya bertemu Alex Fishman di Wes San Jose untuk mengembangkan aplikasi berkirim pesan singkat. Mereka kemudian mencari programmer untuk iOS di website sekarang menjadi Mereka bertemu dengan developer dari Rusia bernama Igor Solomennikov, aplikasi yang dibuat bernama “WhatsApp” agar terdengar seperti “Whats up” saat dibaca. Kemudian pada 24 Februari 2009 dibentuklah perusahaan WhatsApp Inc. di California. Singkatnya, pada 1 November 2009 WhatsApp dirilis eksklusif di di App Store. Pada 19 Februari 2014, Facebook resmi mengakuisisi WhatsApp dengan nilai US$19 miliar. Sampai saat ini, WhatsApp memiliki 2 miliar lebih pengguna di seluruh dunia. Apakah Anda termasuk salah satu pengguna WhatsApp diatas? Alasan WhatsApp Banyak Digunakan cara membuat chat wa di wp Keunggulan yang dimiliki WhatsApp adalah dari segi kecepatan dan penggunaan yang lebih mudah. Jika menggunakan fitur live chat Anda perlu menghadap komputer untuk bisa membalas pesan yang masuk. Dengan menggunakan aplikasi WhatsApp, Anda bisa dimana dan kapan saja untuk membalas pesan yang masuk. Keuntungan dari kecepatan respon ini yang pasti akan meningkatkan angka penjualan dan keuntungan bisnis. Jika pada pembahasan artikel sebelumnya sudah dibahas mengenai 5 plugin WordPress WhatsApp chat terbaik, tinggal pilih saja. Sekarang waktunya untuk membuat chat WhatsApp di website WordPress sendiri dengan mudah. Kenapa bisa dengan mudah? Karena Anda tidak perlu mengedit script coding, hanya perlu menginstall plugin saja. Silahkan ikuti tutorialnya karena sudah kami sertakan langkah beserta tangkapan layarnya. Cara Membuat Chat WhatsApp di WordPress Sebelum memulai cara membuat WhatsApp chat, pastikan Anda sudah menyiapkan nomor WhatsApp aktif yang akan digunakan sebagai live chat kepada pelanggan. Nah berikut cara membuat WhatsApp chat Pastikan Anda sudah login ke dashboard WordPress website Anda. Jika sudah silahkan ke menu Plugin > Add New. Add New Plugin di WordPress Pada dashboard Add Plugin, silahkan cari pada menu Search Plugin, kemudian tulis “WhatsApp me”. Install WhatsApp Me WhatsApp me memiliki thumbnail warna hijau dengan tulisan “WA me”, plugin ini sudah diinstall lebih dari lebih pengguna dengan rating bintang 5. Berikut beberapa keunggulan dari WA me Banyak pilihan icon yang tersedia Bisa menambahkan beberapa nomor WhatsApp lebih dari satu Tampilan notifikasi yang menarik Custom pesan untuk Call To Action CTA Custom pesan percakapan pembuka Custom ke berbagai bahasa Ananlisis data konversi dengan analitic Silahkan klik “Install Now” dan “Active” pada plugin WhatsApp me. Selanjutnya buka menu Plugin pada dashboard WordPress dan pilih “Installed Plugin”. Cari plugin “WhatsApp me” dan klik pada Setting. Dashboard Setting WhatsApp Me Jika berhasil Anda akan mendapatkan tampilan dashboard plugin WhatsApp me. Terdapat 2 menu Advanced dan General dibagian atas. Dashboard Setting WhatsApp Me Pilih pada bagian General, Anda akan menemui beberapa menu no telepon, mobile only, position, button delay, WhatsApp window, chat window, call to action, message, chat delay dan hide chat. Pada bagian telephone silahkan rubah ke Indonesia dulu dan isikan no WhatsApp yang Anda gunakan. Seting No Telephon Tampilan WhatsApp bisa Anda seting untuk muncul diperangkat mobile dengan mencentang pada bagian “Mobile Only”. Seting Tampilan WhatsApp di Mobile Letak icon WhatsApp bisa dipilih pada bagian kiri atau kanan, tetapi biasanya letak live chat berada pada sebelah kanan bawah, silahkan Anda pilih kanan. Seting Posisi WhatsApp Button Button delay ini akan memberikan jeda saat website pertama kali dibuka sampai icon WhatsApp muncul, untuk defaultnya adalah 3 detik. Button Delay Untuk Icon WhatsApp Tampil Menu WhatsApp web jika dibuka lewat computer atau laptop akan langsung mengarah ke Fitur ini bisa Anda aktifkan untuk mengakomodir bagi mereka yang tidak menggunakan mobile device. Open WhatsApp Web Versi Desktop Call to action bisa Anda isi untuk pesan pembuka saat pertama kali melakukan chat via WhatsApp, silahkan diisi sesuai kebutuhan Anda. CTA WhatsApp Me Message ini isinya template pesan yang akan dikirimkan kepada customer, bisa diisi salam, form pemesanan atau yang lainnya. Isi Pesan Pembuka Chat Delay ini akan memberikan delay sampai jendela obrolan WhatsApp terbuka. Hide chat ini memungkinkan Anda untuk menyembunyikan chat, sehingga tidak menutupi semua layar. Chat Delay dan Hide Chat Settings Jika semuanya sudah, silahkan Save dan coba cek halaman website Anda sudah ada icon WhatsApp dipojok bawah ataukah belum. Pesan Pembuka WhatsApp me Meskipun banyak langkah-langkahnya, jika Anda mencoba langsung untuk mengkonfigurasi plugin WhatsApp chat ini akan terasa lebih mudah. Demikian pembahasan mengenai cara membuat chat WhatsApp di WordPress dengan mudah. Hosting WordPress Terbaik Untuk Website Jangan lupa untuk lebih memaksimalkan website WordPress, silahkan Anda gunakan server hosting khusus WordPress. WordPress Hosting Free Trial 30 Hari Di Qwords kami menyediakan layanan Hosting WordPress Indonesia dengan harga mulai dari dengan segala fitur menarik dan garansi selama 30 hari, silahkan coba dan nikmati kualitasnya. Jika Anda memiliki kendala dalam pemasangan plugin WordPress atau Anda malah memiliki rekomendasi plugin WhatsApp WordPress lain silahkan tulis dikolom komentar dibawah ini. Terima kasih Halo semua, pada tutorial ini kita akan belajar membuat Floating Action Button Android menggunakan IDE Android Studio. Apa itu Floating Action Button dalam Aplikasi Mobile?Cara Membuat Floating Action Button Android dengan MudahBuat Projek BaruMasukan DependenciesMenambahkan Gambar di DrawableMengatur Layout dan Menambahkan WidgetMenambahkan Kode JavaRunning ProjectPenutupRelated posts Apa itu Floating Action Button dalam Aplikasi Mobile? Floating Action Button FAB adalah salah satu komponen dari Material Desain. FAB merupakan sebuah tombol yang berbentuk lingkaran dan ditampilkan seperti melayang pada aplikasi android. Biasanya widget ini terletak di sebelah kanan bawah aplikasi android. Berikut ini adalah contoh FAB pada aplikasi Messenger WhatsApp. Cara Membuat Floating Action Button Android dengan Mudah Baiklah langsung saja inilah langkah-langkah untuk membuat Floating Action Button menggunakan Android Studio. Android Studio yang dipakai saat membuat tutorial ini yaitu Android Studio versi versi terbaru bisa juga diversi lebih atas. Buat Projek Baru Buka Android Studio dan buat sebuah projek baru Pilih Empty Activity Konfigurasi Projek nama projek, bahasa pemrograman yang dipakai, dan lainnya Tunggu sampai workspace Android Studio siap untuk digunakan Masukan Dependencies Masukan dependencies pada app Silahkan copykan kode berikut ini implementation ' Setelah itu klik perintah Sync Now dan pastikan laptop atau komputermu sudah terhubung dengan internet, sehingga dependencies app menjadi seperti gambar di bawah ini Menambahkan Gambar di Drawable Pada FAB biasanya terdapat icon atau gambar. Nah pada langkah ini mari kita masukan gambarnya. Caranya yaitu Klik kanan pada direktori drawable Pilih New, lalu klik Vector Asset Klik Clip Art pada Configure Asset Vector Lalu pilih icon done, dan ubah warnanya menjadi warna putih dengan kode FFFFFF Klik Next … sampai dengan Finish Mengatur Layout dan Menambahkan Widget Pada pembuatan FAB ini Layout dan widget yang digunakan yaitu CoordinatorLayout TextView dan FloatingActionButton Langsung saja buka lalu tambahkan kode-kode di bawah ini Hasilnya layout akan menjadi seperti gambar berikut Menambahkan Kode Java Disini kita akan menambahkan kode-kode java agar ketika tombol diklik bisa menampilkan sebuah teks, nah berarti kita harus menambahkan Toast. Caranya yaitu Buka Lalu tambahkan kode-kode berikut ini dibawah nama package import import import import import public class MainActivity extends AppCompatActivity { Override protected void onCreateBundle savedInstanceState { setContentView FloatingActionButton floatingActionButton=findViewById { Override public void onClickView view { "Floating Action Button Berhasil dibuat", } }; } } Running Project Jika semua langkah di atas sudah diikuti dengan baik, sekarang saatnya kita merunning project ini. Disini saya menjalankannya langsung ke smartphone Android. Dan hasilnya Lalu ketika FAB disentuh maka akan menampilkan teks seperti gambar di bawah ini Penutup Itulah tutorial membuat Floating Action Button Android dengan Android Studio. Semoga bermanfaat dan jangan lupa praktekan juga share ke temanmu yang lainnya. Related posts

cara membuat floating whatsapp