{"id":13859,"date":"2024-04-25T15:29:22","date_gmt":"2024-04-25T08:29:22","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=13859"},"modified":"2025-05-23T11:37:53","modified_gmt":"2025-05-23T04:37:53","slug":"cara-menambahkan-chat-whatsapp-di-weebly","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-menambahkan-chat-whatsapp-di-weebly\/","title":{"rendered":"Cara Menambahkan Chat WhatsApp di Weebly"},"content":{"rendered":"\n<p>Interaksi langsung dengan pelanggan menjadi salah satu kunci keberhasilan bisnis online. Fitur live chat pada website sangat penting sebagai media komunikasi dan untuk meningkatkan konversi penjualan. Dalam artikel ini, kami akan berbagi cara untuk menambahkan chat WhatsApp di Weebly website builder.<\/p>\n\n\n\n\n\n<p>Weebly adalah salah satu website builder yang memungkinkan Anda membuat situs web dengan cepat dan mudah. Jika Anda menggunakan layanan <a href=\"https:\/\/www.rumahweb.com\/hosting-murah\/\" target=\"_blank\" rel=\"noopener\" title=\"hosting murah\">hosting<\/a> dari Rumahweb, Anda dapat mengaktifkan fitur Weebly secara gratis untuk membuat website instan.<\/p>\n\n\n\n<p>Salah satu keunggulan Weebly adalah fleksibilitasnya dalam editing, termasuk fitur untuk menambahkan live chat ke situs web Anda. Anda bisa menambakan fitur live chat dari tawk.to, editing script sendiri, hingga dari penyedia widget WA lainnya.<\/p>\n\n\n\n<p>Dalam panduan ini, kami akan berbagi cara menambahkan chat WhatsApp melalui script yang kami customize. Sebelum kami memandu Anda melalui langkah-langkahnya, mari kita bahas sedikit tentang fitur Chat WhatsApp ini. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mengenal fitur chat WhatsApp<\/h2>\n\n\n\n<p>WhatsApp adalah media komunikasi yang paling banyak digunakan saat ini. Dengan WhatsApp, kita bisa mengirim dan membaca pesan hingga melakukan video call dengan mudah.<\/p>\n\n\n\n<p>Tak heran, saat ini banyak website yang telah menambahkan fitur chat WhatsApp untuk memudahkan <a href=\"https:\/\/blog.rumahweb.com\/komunikasi-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"komunikasi adalah\">komunikasi<\/a> dengan pelanggan atau calon pelanggan. Diharapkan dengan adanya chat WhatsApp pada website, akan meningkatkan <a href=\"https:\/\/blog.rumahweb.com\/profit-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"profit adalah\">profit<\/a> bisnis Anda.<\/p>\n\n\n\n<p>Saat ini, banyak website yang menyediakan fitur untuk membuat Widget Live Chat WhatsApp pada Website, dan yang paling terpenting Anda dapat membuatnya secara<strong> <\/strong>gratis.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Manfaat fitur chat WhatsApp<\/h2>\n\n\n\n<p>Tombol WhatsApp pada website memiliki beberapa manfaat, seperti :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Tombol WhatsApp memungkinkan pengunjung website untuk langsung berkomunikasi dengan Anda melalui pesan WhatsApp. Ini memberikan cara cepat dan mudah bagi pengunjung untuk menghubungi Anda.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>WhatsApp umumnya digunakan oleh banyak orang, sehingga tombol WhatsApp bisa menjadi cara komunikasi yang responsif dan nyaman bagi pengunjung website Anda.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Dengan tombol WhatsApp, pengunjung dapat dengan mudah membagikan konten dari website Anda kepada kontak mereka di WhatsApp, sehingga meningkatkan potensi jangkauan konten Anda.<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Dengan memudahkan pengunjung untuk menghubungi Anda melalui WhatsApp, Anda dapat meningkatkan tingkat konversi atau interaksi dengan pelanggan potensial.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>WhatsApp memungkinkan interaksi real-time yang lebih cepat daripada email atau formulir kontak, yang dapat meningkatkan tingkat keterlibatan dan pengalaman pengguna.<\/li>\n<\/ol>\n\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>Jika Anda menggunakan WhatsApp Business, tombol WhatsApp pada website dapat terhubung langsung dengan akun bisnis Anda, memungkinkan pengelolaan pesan yang lebih terorganisir dan profesional.<\/li>\n<\/ol>\n\n\n\n<p>Dengan memanfaatkan WhatsApp sebagai sarana komunikasi, Anda dapat mempererat hubungan dengan pelanggan dan meningkatkan layanan pelanggan secara efektif. <\/p>\n\n\n\n<p>Karena itu, menambahkan tombol WhatsApp pada website bisa menjadi strategi yang efektif untuk meningkatkan interaksi dengan pengunjung serta memperlancar komunikasi antara pengguna dan bisnis Anda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Menambahkan chat WhatsApp di Weebly<\/strong><\/h2>\n\n\n\n<p>Saat ini, banyak website yang menawarkan fitur widget Live Chat WhatsApp ke dalam situs web mereka. Namun, seiring berjalannya waktu, beberapa dari situs-situs tersebut beralih ke model berbayar.<\/p>\n\n\n\n<p>Dalam panduan ini, kami mencoba membuatkan script live chat yang kami dapatkan di codepen.io, dan setelah kami uji, script tersebut berjalan dengan baik. Kami melakukan sedikit modifikasi pada script yang digunakan agar dapat digunakan dengan mudah.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n.float{\n\tposition:fixed;\n\twidth:60px;\n\theight:60px;\n\tbottom:40px;\n\tright:40px;\n\tbackground-color:#25d366;\n\tcolor:#FFF;\n\tborder-radius:50px;\n\ttext-align:center;\n  font-size:30px;\n\tbox-shadow: 2px 2px 3px #999;\n  z-index:100;\n}\n\n.my-float{\n\tmargin-top:16px;\n}\n&lt;\/style&gt;\n\n&lt;<strong>link<\/strong> rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.5.0\/css\/font-awesome.min.css\"&gt;\n&lt;<strong>a<\/strong> href=\"https:\/\/wa.me\/628xxnomorwhatsappxx\" class=\"float\" target=\"_blank\"&gt;\n&lt;<strong>i<\/strong> class=\"fa fa-whatsapp my-float\"&gt;&lt;\/<strong>i<\/strong>&gt;\n&lt;\/<strong>a<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>Pada bagian &lt;<strong>a<\/strong> href=&#8221;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-gridlove-acc-color\">https:\/\/wa.me\/628xxnomorwhatsappxx<\/mark>&#8221; &nbsp;silakan sesuaikan <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-gridlove-acc-color\">628xxnomorwhatsappxx<\/mark> menggunakan nomor WhatsApp Anda. Berikut contohnya:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>a<\/strong> href=\"https:\/\/wa.me\/628123456789\"<\/code><\/pre>\n\n\n\n<p>Salin semua code tersebut dan silahkan Anda masukkan kode tersebut ke Weebly melalui menu <em><strong>Settings &gt; SEO<\/strong><\/em>, dan paste ke kolom <em>Footer Code<\/em> seperti gambar berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-1024x481.png\" alt=\"memasang kode Whatsapp di Weebly\" class=\"wp-image-46800\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-1024x481.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-300x141.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-768x361.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-370x174.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-270x127.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-570x268.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15-740x348.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-15.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Jangan lupa untuk klik tombol <strong>Save<\/strong>, lalu lakukan <strong>Publish <\/strong>Weebly Anda. <\/p>\n\n\n\n<p>Setelah publish berhasil dilakukan, silahkna Anda akses nama domain Anda di browser. Berikut adalah contoh <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-1024x521.png\" alt=\"Menambahkan chat Whatsapp di weebly\" class=\"wp-image-46801\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-1024x521.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-300x153.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-768x391.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-370x188.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-270x138.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-570x290.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16-740x377.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/04\/image-16.png 1349w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Demikian cara menambahkan chat WhatsApp di Weebly Website builder, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interaksi langsung dengan pelanggan menjadi salah satu kunci keberhasilan bisnis online. Fitur live chat pada website sangat penting sebagai media komunikasi dan untuk meningkatkan konversi penjualan. Dalam artikel ini, kami akan berbagi cara untuk menambahkan chat WhatsApp di Weebly website builder. Weebly adalah salah satu website builder yang memungkinkan Anda membuat situs web dengan cepat [&hellip;]<\/p>\n","protected":false},"author":332,"featured_media":13936,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[449],"tags":[952,432,999],"class_list":{"0":"post-13859","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-weebly","8":"tag-tutorial-weebly","9":"tag-weebly","10":"tag-whatsapp"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2019\/11\/Chat-whatsapp-weebly.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-3Bx","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/13859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/332"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=13859"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/13859\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/13936"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=13859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=13859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=13859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}