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. Baiklahteman-teman, pertama kali kita akan buat html dengan tag Karena kita akan gunakan sebagai tombol . Lalu kita akan memberikan css seperti berikut. Pada css tersebut kita memberikan position:fixed agar letak tombol action tersebut tetap berada pada posisi kanan bawah meskibun saat halaman di scroll kebawah. Halotemen-temen semuanya, di video ini saya akan kasih tahu kalian bagaimana cara membuat bubble text (chatting) di Filmora 9. Tonton videonya sampai selesa 1 Cara Membuat Polling di Polls for WhatsApp. 2. Cara Buat Polling WhatsApp di Pollsgo. 3. Cara Membuat Polling WA di Pool Maker. 4. Cara Buat Jajak Pendapat via PollingKita. Berbeda dengan sosial media lain seperti Facebook maupun Instagram yang memiliki faslitas polling, WhatsApp memang cukup tertinggal. Tempelkanlink Whatsapp yang sudah kamu buat, bisa link yang dibuat secara manual atau link yang dibuat otomatis. Isi Alt Image. Setelah link Whatsapp sudah ditempel, klik 'Add link'. Jika sudah selesai, coba lah link pada gambar. Klik gambar Whatsapp yang sudah kamu buat tadi dan periksa apakah sudah menyambung ke nomor Whatsapp yang benar. Caramematikan centang biru WhatsApp di HP Android mudah sekali. Ikuti langkah-langkah ini: BACA JUGA: Riset: Laki-laki Lebih Sering Belanja Online Dibanding Wanita di 2021. 1. Buka aplikasi WhatsApp. 2. Ketuk ikon tiga titik vertikal di kanan atas. 3. Pilih menu Setelan/Settings. Onethought on " Cara Membuat Link, Tombol Chat WhatsApp ( WA ) " nganu 21 April, 22. wah keren ka, izin download dan make gambar hasil whatsappnya ya. trims e1VLi. 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? Halo semuanya, kembali lagi di sahretech. Pada kesempatan kali ini kita akan belajar cara membuat tombol whatsapp mengambang dan popup dialog box whatsapp di website dengan jquery. Penasaran?, ayo ikuti selengkapnya di bawah ini. Floating whatsapp button adalah tombol whatsapp mengambang yang biasanya terletak di pojok kiri atau kanan bawah halaman website. Ketika tombolnya diklik, maka akan menampilkan popup form dialog untuk menghubungi si pemilik atau admin website tersebut. Fitur ini sangat bagus untuk mempermudah pengunjung mencari informasi langsung melalui admin. 1. Buatlah sebuah folder baru dengan nama whatsapp_floating_example atau nama folder yang kalian inginkan. Lokasi folder boleh dimana saja, bisa di htdocs atau my document 2. Selanjutnya download plugin atau library floating whatsapp melalui link berikut ini Setelah didownload jangan lupa untuk unzip dan letakkan folder yang telah diunzip di dalam folder whatsapp_floating_example 3. Selanjutnya buatlah sebuah file baru di dalam folder whatsapp_floating_example dengan nama Ikuti scriptnya seperti di bawah ini How to Add Whatsapp Button Sahretech - How to add whatsapp floating button $"whatsapp_button".floatingWhatsApp{ phone "08137144999", popupMessage "Hello, how can we help you?", showPopup true, }; Ok semua step sudah dikerjakan, selanjutnya kita bisa melakukan uji coba. Jika berhasil maka tampilannya akan terlihat seperti gambar di bawah ini. Hasil Akhir Ok, sekian tutorial kita kali ini tentang cara membuat floating whatsapp button sendiri dengan jquery. Semoga bermanfaat dan dapat diimplementasikan. Sekian dan terima kasih. 😼 Acesse o editor de páginas;Clique no ícone de engrenagem que fica no canto superior direito da tela;Em seguida, clique em "Javascript & CSS";Clique para "Adicionar" um novo código;Escolha um nome para seu código, selecione a opção "Funcionamento" e adicione no campo de texto todo o código abaixo; root{-icon-colorfff;-icon-hoverfff;-background-color00c800;-background-hover009600}.icon{width48px;height48px;transformscale translate20%,20%;fillvar-icon-color}.float{positionfixed;cursorpointer;width60px;height60px;bottom40px;right40px;transition1s;background-colorvar-background-color;border-radius50px;animationpulse 3s infinite;-webkit-animationpulse 3s infinite;-moz-animationpulse 3s infinite;-o-animationpulse 3s infinite;z-index9000}.floathover{background-colorvar-background-hover}.floathover .icon{fillvar-icon-hover}-webkit-keyframes pulse{0%{-webkit-box-shadow0 0 0 0 rgba0,200,0,1}70%{-webkit-box-shadow0 0 0 20px rgba0,200,0,0}100%{-webkit-box-shadow0 0 0 0 rgba0,200,0,0}}-o-keyframes pulse{0%{-webkit-box-shadow0 0 0 0 rgba0,200,0,1}70%{-webkit-box-shadow0 0 0 20px rgba0,200,0,0}100%{-webkit-box-shadow0 0 0 0 rgba0,200,0,0}}-ms-keyframes pulse{0%{-webkit-box-shadow0 0 0 0 rgba0,200,0,1}70%{-webkit-box-shadow0 0 0 20px rgba0,200,0,0}100%{-webkit-box-shadow0 0 0 0 rgba0,200,0,0}}-moz-keyframes pulse{0%{-webkit-box-shadow0 0 0 0 rgba0,200,0,1}70%{-webkit-box-shadow0 0 0 20px rgba0,200,0,0}100%{-webkit-box-shadow0 0 0 0 rgba0,200,0,0}}keyframes pulse{0%{-webkit-box-shadow0 0 0 0 rgba0,200,0,1}70%{-webkit-box-shadow0 0 0 20px rgba0,200,0,0}100%{-webkit-box-shadow0 0 0 0 rgba0,200,0,0}}A única mudança que você precisará fazer no código, é alterar a parte do link onde está escrito {DDDNUMERO} para o número do seu WhatsApp. Não adicione espaços, traço e retire os seguida clique em "Salvar"! Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar. Atualizado em 13/12/2022 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

cara membuat floating whatsapp