{"id":16972,"date":"2025-12-09T06:48:50","date_gmt":"2025-12-09T06:48:50","guid":{"rendered":"https:\/\/jatismobile.com\/?p=16972"},"modified":"2025-12-15T07:33:14","modified_gmt":"2025-12-15T07:33:14","slug":"cara-menambahkan-whatsapp-floating-button-di-website","status":"publish","type":"post","link":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/","title":{"rendered":"Cara Menambahkan WhatsApp Floating Button di Website"},"content":{"rendered":"\n

WhatsApp floating button adalah salah satu hal yang bermanfaat bagi bisnis, khususnya dalam aspek komunikasi. Sebab, hanya perlu satu klik di website untuk memulai percakapan di WA dengan agen CS.<\/p>\n\n\n\n

Nah, agar Anda bisa menciptakan momen tersebut, simaklah langkah-langkah di sini untuk menambahkan tombol WA di website Anda.  <\/p>\n\n\n\n

Selain itu, artikel ini juga menyajikan manfaat WA floating button hingga tips untuk memaksimalkannya. Yuk, ikuti artikel ini hingga usai!<\/p>\n\n\n\n

Apa Itu WhatsApp Floating Button?<\/h2>\n\n\n\n

<\/p>\n\n\n

\n
\"landing<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

WhatsApp floating button pada dasarnya tidak termasuk sebagai fitur WhatsApp<\/a>. Secara ringkas, ini adalah fitur yang Anda sematkan pada website melalui koding.<\/p>\n\n\n\n

Setelah koding diatur, maka di website Anda akan muncul tombol WA yang bisa langsung di-klik oleh customer. Setelah di-klik, customer akan tersambung dengan nomor WA Business Anda dan bisa langsung chatting, baik dengan agen CS maupun chatbot.<\/p>\n\n\n\n

Menariknya, kemunculan WA floating button tidak akan terpengaruh oleh device yang digunakan customer. Sebab, tombol ini sifatnya melekat dengan website Anda. Jadi, sepanjang customer membuka website Anda, otomatis akan melihat tombol tersebut.<\/p>\n\n\n\n

Baca Juga: Cara Menjadwalkan Chat di WhatsApp Dengan dan Tanpa Aplikasi<\/a><\/strong><\/p>\n\n\n\n

Manfaat WhatsApp Floating Button untuk Website Bisnis<\/h2>\n\n\n\n

Penyematan WhatsApp floating button pada website bisnis menimbulkan berbagai dampak positif sebagai berikut:<\/p>\n\n\n\n

1. Meningkatkan Aksesibilitas<\/h3>\n\n\n\n

Pada dasarnya, customer selalu menginginkan kemudahan akses komunikasi, diikuti dengan respon yang cepat.<\/p>\n\n\n\n

Dengan WA floating button, Anda memudahkan customer untuk menghubungi WA Business melalui website, tanpa harus berpindah device atau menyimpan kontak terlebih dahulu.<\/p>\n\n\n\n

Ingat, WA adalah sarana komunikasi yang paling sering digunakan dalam keseharian customer. Oleh karena itu, menyediakan akses ke WA akan selalu menjadi opsi terbaik untuk customer.<\/p>\n\n\n\n

2. Mempercepat Layanan Customer<\/h3>\n\n\n\n

Kemudahan yang diberikan oleh WA floating button kemudian mempercepat layanan Anda kepada customer. Tanpa perlu menunggu, customer bisa langsung tersambung dengan WA Business Anda.<\/p>\n\n\n\n

Anda pun bisa segera memberikan informasi atau layanan yang diperlukan oleh customer. Dengan begitu, interaksi akan berjalan secara real-time dan customer tidak merasa membuang-membuang waktu.<\/p>\n\n\n\n

3. Meningkatkan Engagement dan Konversi<\/h3>\n\n\n\n

Keberadaan WA floating button bisa meningkatkan engagement. Sebab, customer seringkali lebih tertarik untuk menghubungi via WA daripada email.<\/p>\n\n\n\n

Bahkan, tombol WA juga mampu meningkatkan peluang konversi. Terlebih jika tombol tersebut dilengkapi dengan CTA yang muncul sepanjang waktu di website.<\/p>\n\n\n\n

Agar semakin maksimal, Anda dapat memanfaatkan WhatsApp API resmi<\/a>. Dengan begitu, setiap kali tombol WA di-klik oleh customer, Anda bisa mengatur flow lanjutan secara otomatis, tanpa harus membalas satu per satu secara manual.<\/p>\n\n\n\n

4. Membangun Kedekatan dengan Customer<\/h3>\n\n\n\n

Obrolan di WA tentu berbeda dengan reply email. Jika email cenderung kaku atau formal, maka WA bisa lebih santai.<\/p>\n\n\n\n

Nah, inilah manfaat lain dari penyematan tombol WA di website bisnis. Anda bisa membangun kedekatan dengan customer berkat chat real-time yang terjadi setelah tombol di-klik.<\/p>\n\n\n\n

Chat di WA akan membuat customer lebih nyaman, sehingga Anda lebih leluasa dalam menanyakan kebutuhan dan hal-hal lain yang relevan.<\/p>\n\n\n\n

Baca Juga: 5 Layanan Jatis Mobile untuk Mendukung Promosi di WhatsApp<\/a><\/strong><\/p>\n\n\n\n

3 Langkah untuk Menambahkan WhatsApp Floating Button di Website Anda<\/h2>\n\n\n\n

Ikuti langkah-langkah berikut untuk menambahkan WhatsApp floating button di website Anda:<\/p>\n\n\n\n

1. Buat Link WhatsApp Business<\/h3>\n\n\n\n

Langkah pertama, Anda perlu membuat link menuju nomor bisnis Anda. Ikuti format berikut:<\/p>\n\n\n\n

https:\/\/wa.me\/<nomor WA Business><\/em><\/p>\n\n\n\n

Contoh: https:\/\/wa.me\/08123456789<\/strong><\/p>\n\n\n\n

2. Sematkan Link WA Business dan Tombol HTML<\/h3>\n\n\n\n

<\/p>\n\n\n\n

\"[wa<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Selanjutnya, sematkan link tersebut ke dalam body code seperti gambar di atas. Untuk mempermudah, silakan menyalin kode berikut:<\/p>\n\n\n\n

<a href=”https:\/\/wa.me\/6281234567890″\u00a0\u00a0\u00a0\u00a0
class=”whatsapp-float”\u00a0\u00a0\u00a0\u00a0
target=”_blank”\u00a0\u00a0\u00a0\u00a0
rel=”noopener noreferrer”>\u00a0\u00a0\u00a0\u00a0
<img src=”https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg”\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0
alt=”WhatsApp”\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0
class=”whatsapp-icon”><\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Adapun penggunaan Wikimedia pada pengaturan di atas berfungsi sebagai resource desain tombol WA. Dengan menyalin kode di atas, Anda akan memperoleh icon WA dalam format SVG yang compatible untuk website.<\/p>\n\n\n\n

3. Sematkan CSS untuk Floating Style<\/h3>\n\n\n\n

<\/p>\n\n\n

\n
\"[wa<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Langkah terakhir, atur agar tombol WA bisa \u201cmelayang\u201d dan tidak statis. Dengan kata lain, posisi tombol akan berubah, mengikuti scroll customer di website. Saat customer scroll ke atas, maka tombol akan ikut ke atas dan begitu pula sebaliknya.<\/p>\n\n\n\n

Saat pengaturan, tampilan akan seperti gambar di atas. Untuk mempermudah, silakan menyalin kode berikut:<\/p>\n\n\n\n

.whatsapp-float {    position: fixed;    width: 60px;    height: 60px;    bottom: 20px;    right: 20px;    background-color: #25D366;    color: #fff;    border-radius: 50%;    text-align: center;    box-shadow: 0 2px 8px rgba(0,0,0,0.3);    z-index: 9999;    display: flex;    justify-content: center;    align-items: center;    transition: transform 0.3s;}
.whatsapp-float:hover {    transform: scale(1.1);}
.whatsapp-icon {    width: 35px;    height: 35px;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Baca Juga: 10 Cara Promosi Lewat WhatsApp Agar Produk Cepat Laku<\/a><\/strong><\/p>\n\n\n\n

6 Tips Untuk Memaksimalkan Potensi WhatsApp Floating Button di Website Bisnis Anda<\/h2>\n\n\n\n

Setelah menyematkan WhatsApp floating button ke dalam website, Anda bisa memaksimalkan performanya melalui berbagai tips berikut:<\/p>\n\n\n\n

1. Gunakan Desain Tombol WA yang Mudah Dikenali<\/h3>\n\n\n\n

Pilih gambar atau icon yang paling relevan dengan WA. Untuk memudahkan, gunakan saja icon WA yang bisa Anda peroleh dari Wikimedia. Semakin mudah dikenali, maka semakin besar pula potensi customer untuk klik button tersebut.<\/p>\n\n\n\n

2. Sematkan CTA<\/h3>\n\n\n\n

Agar semakin mendorong tindakan customer, tambahkan CTA. Jadi, tidak sekadar tombol saja yang muncul, melainkan dilengkapi oleh CTA. Contohnya, Anda bisa menyematkan kalimat \u201cHubungi kami\u201d atau \u201cHubungi CS\u201d.<\/p>\n\n\n\n

3. Tempatkan Tombol WA pada Posisi yang Mudah Ditemukan<\/h3>\n\n\n\n

Aturlah agar WA floating button mudah ditemukan oleh customer. Contohnya, Anda bisa menempatkan button di sisi kanan atau kiri. <\/p>\n\n\n\n

4. Pastikan Tombol WA Selalu Muncul<\/h3>\n\n\n\n

Jangan lupa untuk mengatur agar tombol WA selalu muncul. Dengan kata lain, sepanjang customer membuka website Anda, tombol ini akan tetap muncul dan tidak menghilang.<\/p>\n\n\n\n

Nah, pengaturan floating style juga bisa memastikan agar tombol selalu terlihat dalam pandangan customer. <\/p>\n\n\n\n

5. Integrasikan dengan ChatBot untuk Respon Otomatis<\/h3>\n\n\n\n

Anda bisa semakin mempermudah proses jika melakukan integrasi WA Business API<\/a>. Sebab, Anda bisa mengatur chat flow berikut balasan otomatis (chatbot).<\/p>\n\n\n\n

Dengan begitu, setiap kali customer berinteraksi melalui WA button, chat akan berjalan secara real-time dan tidak harus ditangani langsung oleh agen CS. Interaksi dengan agen CS hanya akan berlangsung jika customer memerlukan informasi atau layanan yang lebih spesifik.<\/p>\n\n\n\n

6. Monitoring Rutin pada Interaksi WhatsApp Floating Button<\/h3>\n\n\n\n

Lakukan monitoring secara rutin untuk mengukur kinerja WA floating button. Anda dapat melihat seberapa sering tombol tersebut di-klik, berikut interaksi yang muncul berikutnya.<\/p>\n\n\n\n

Dengan begitu, Anda bisa mengetahui tren kebutuhan customer yang klik button tersebut. Data ini tentunya akan sangat berguna untuk mengevaluasi layanan customer hingga menentukan strategi kampanye pemasaran.<\/p>\n\n\n\n

Kesimpulan<\/h2>\n\n\n\n

WhatsApp floating button adalah opsi ideal untuk mempermudah interaksi customer dengan bisnis Anda. Tambahkan button di website, arahkan customer untuk klik, lalu interaksi real-time via WA akan berlangsung.<\/p>\n\n\n\n

Langkahnya pun praktis, Anda hanya perlu menyalin kode yang tersedia di artikel ini. Lalu, ikuti juga berbagai tipsnya untuk memaksimalkan performa WA floating button.<\/p>\n\n\n\n

Agar semakin lengkap, manfaatkanlah layanan WA Business API dari Jatis Mobile. Dengan WA API, Anda bisa menggunakan fitur chatbot, sehingga agen CS tidak harus membalas semua chat yang masuk. Customer tetap akan memperoleh informasi akurat berkat chat flow yang sudah Anda atur sebelumnya. <\/p>\n\n\n\n

Nah, selain WA floating button, masih ada aspek lain dari WhatsApp yang sangat bermanfaat untuk bisnis Anda. Lebih jelasnya, yuk ikuti artikel bermanfaat lainnya dari Jatis Mobile<\/a>!<\/p>\n\n\n\n

\"banner<\/a><\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

WhatsApp floating button adalah salah satu hal yang bermanfaat bagi bisnis, khususnya dalam aspek komunikasi. Sebab, hanya perlu satu klik di website untuk memulai percakapan di WA dengan agen CS. Nah, agar Anda bisa menciptakan momen tersebut, simaklah langkah-langkah di sini untuk menambahkan tombol WA di website Anda.   Selain itu, artikel ini juga menyajikan manfaat […]<\/p>\n","protected":false},"author":10,"featured_media":16985,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-16972","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-whatsapp-tips"],"acf":[],"yoast_head":"\nCara Menambahkan WhatsApp Floating Button di Website - JatisMobile<\/title>\n<meta name=\"description\" content=\"Ingin tahu cara menyematkan WhatsApp floating button di website Anda? Temukan langkah-langkahnya di sini berikut tips untuk memaksimalkannya!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Menambahkan WhatsApp Floating Button di Website - JatisMobile\" \/>\n<meta property=\"og:description\" content=\"Ingin tahu cara menyematkan WhatsApp floating button di website Anda? Temukan langkah-langkahnya di sini berikut tips untuk memaksimalkannya!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/\" \/>\n<meta property=\"og:site_name\" content=\"JatisMobile\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-09T06:48:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-15T07:33:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"528\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Admin Jatis Mobile\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin Jatis Mobile\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/\"},\"author\":{\"name\":\"Admin Jatis Mobile\",\"@id\":\"https:\/\/jatismobile.com\/id\/#\/schema\/person\/ad17c6e0a5e8b652ae358285071991cd\"},\"headline\":\"Cara Menambahkan WhatsApp Floating Button di Website\",\"datePublished\":\"2025-12-09T06:48:50+00:00\",\"dateModified\":\"2025-12-15T07:33:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/\"},\"wordCount\":1204,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/jatismobile.com\/id\/#organization\"},\"image\":{\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp\",\"articleSection\":[\"WhatsApp Tips\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/\",\"url\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/\",\"name\":\"Cara Menambahkan WhatsApp Floating Button di Website - JatisMobile\",\"isPartOf\":{\"@id\":\"https:\/\/jatismobile.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp\",\"datePublished\":\"2025-12-09T06:48:50+00:00\",\"dateModified\":\"2025-12-15T07:33:14+00:00\",\"description\":\"Ingin tahu cara menyematkan WhatsApp floating button di website Anda? Temukan langkah-langkahnya di sini berikut tips untuk memaksimalkannya!\",\"breadcrumb\":{\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage\",\"url\":\"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp\",\"contentUrl\":\"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp\",\"width\":528,\"height\":330,\"caption\":\"WA floating button\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jatismobile.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WhatsApp Tips\",\"item\":\"https:\/\/jatismobile.com\/id\/blog\/category\/whatsapp-tips\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cara Menambahkan WhatsApp Floating Button di Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jatismobile.com\/id\/#website\",\"url\":\"https:\/\/jatismobile.com\/id\/\",\"name\":\"JatisMobile\",\"description\":\"IT Company\",\"publisher\":{\"@id\":\"https:\/\/jatismobile.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jatismobile.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jatismobile.com\/id\/#organization\",\"name\":\"Jatis Mobile\",\"url\":\"https:\/\/jatismobile.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/jatismobile.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jatismobile.com\/wp-content\/uploads\/2022\/04\/logo-jatis-mobile.png\",\"contentUrl\":\"https:\/\/jatismobile.com\/wp-content\/uploads\/2022\/04\/logo-jatis-mobile.png\",\"width\":160,\"height\":103,\"caption\":\"Jatis Mobile\"},\"image\":{\"@id\":\"https:\/\/jatismobile.com\/id\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jatismobile.com\/id\/#\/schema\/person\/ad17c6e0a5e8b652ae358285071991cd\",\"name\":\"Admin Jatis Mobile\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/jatismobile.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7f4108f28c03d13b008c7b266b5f4e40e5b3bd3cac80575e34e8fa761bb0cd22?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7f4108f28c03d13b008c7b266b5f4e40e5b3bd3cac80575e34e8fa761bb0cd22?s=96&d=mm&r=g\",\"caption\":\"Admin Jatis Mobile\"},\"url\":\"https:\/\/jatismobile.com\/id\/blog\/author\/ridandibintang\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Menambahkan WhatsApp Floating Button di Website - JatisMobile","description":"Ingin tahu cara menyematkan WhatsApp floating button di website Anda? Temukan langkah-langkahnya di sini berikut tips untuk memaksimalkannya!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/","og_locale":"id_ID","og_type":"article","og_title":"Cara Menambahkan WhatsApp Floating Button di Website - JatisMobile","og_description":"Ingin tahu cara menyematkan WhatsApp floating button di website Anda? Temukan langkah-langkahnya di sini berikut tips untuk memaksimalkannya!","og_url":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/","og_site_name":"JatisMobile","article_published_time":"2025-12-09T06:48:50+00:00","article_modified_time":"2025-12-15T07:33:14+00:00","og_image":[{"width":528,"height":330,"url":"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp","type":"image\/webp"}],"author":"Admin Jatis Mobile","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Admin Jatis Mobile","Estimasi waktu membaca":"6 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#article","isPartOf":{"@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/"},"author":{"name":"Admin Jatis Mobile","@id":"https:\/\/jatismobile.com\/id\/#\/schema\/person\/ad17c6e0a5e8b652ae358285071991cd"},"headline":"Cara Menambahkan WhatsApp Floating Button di Website","datePublished":"2025-12-09T06:48:50+00:00","dateModified":"2025-12-15T07:33:14+00:00","mainEntityOfPage":{"@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/"},"wordCount":1204,"commentCount":0,"publisher":{"@id":"https:\/\/jatismobile.com\/id\/#organization"},"image":{"@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage"},"thumbnailUrl":"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp","articleSection":["WhatsApp Tips"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/","url":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/","name":"Cara Menambahkan WhatsApp Floating Button di Website - JatisMobile","isPartOf":{"@id":"https:\/\/jatismobile.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage"},"image":{"@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage"},"thumbnailUrl":"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp","datePublished":"2025-12-09T06:48:50+00:00","dateModified":"2025-12-15T07:33:14+00:00","description":"Ingin tahu cara menyematkan WhatsApp floating button di website Anda? Temukan langkah-langkahnya di sini berikut tips untuk memaksimalkannya!","breadcrumb":{"@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#primaryimage","url":"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp","contentUrl":"https:\/\/jatismobile.com\/wp-content\/uploads\/2025\/12\/WA-floating-button.webp","width":528,"height":330,"caption":"WA floating button"},{"@type":"BreadcrumbList","@id":"https:\/\/jatismobile.com\/id\/blog\/whatsapp-tips\/cara-menambahkan-whatsapp-floating-button-di-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jatismobile.com\/id\/"},{"@type":"ListItem","position":2,"name":"WhatsApp Tips","item":"https:\/\/jatismobile.com\/id\/blog\/category\/whatsapp-tips\/"},{"@type":"ListItem","position":3,"name":"Cara Menambahkan WhatsApp Floating Button di Website"}]},{"@type":"WebSite","@id":"https:\/\/jatismobile.com\/id\/#website","url":"https:\/\/jatismobile.com\/id\/","name":"JatisMobile","description":"IT Company","publisher":{"@id":"https:\/\/jatismobile.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jatismobile.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/jatismobile.com\/id\/#organization","name":"Jatis Mobile","url":"https:\/\/jatismobile.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/jatismobile.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/jatismobile.com\/wp-content\/uploads\/2022\/04\/logo-jatis-mobile.png","contentUrl":"https:\/\/jatismobile.com\/wp-content\/uploads\/2022\/04\/logo-jatis-mobile.png","width":160,"height":103,"caption":"Jatis Mobile"},"image":{"@id":"https:\/\/jatismobile.com\/id\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jatismobile.com\/id\/#\/schema\/person\/ad17c6e0a5e8b652ae358285071991cd","name":"Admin Jatis Mobile","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/jatismobile.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7f4108f28c03d13b008c7b266b5f4e40e5b3bd3cac80575e34e8fa761bb0cd22?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7f4108f28c03d13b008c7b266b5f4e40e5b3bd3cac80575e34e8fa761bb0cd22?s=96&d=mm&r=g","caption":"Admin Jatis Mobile"},"url":"https:\/\/jatismobile.com\/id\/blog\/author\/ridandibintang\/"}]}},"_links":{"self":[{"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/posts\/16972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/comments?post=16972"}],"version-history":[{"count":1,"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/posts\/16972\/revisions"}],"predecessor-version":[{"id":16987,"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/posts\/16972\/revisions\/16987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/media\/16985"}],"wp:attachment":[{"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/media?parent=16972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/categories?post=16972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jatismobile.com\/id\/wp-json\/wp\/v2\/tags?post=16972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}