Cara Menambahkan Tombol WhatsApp Gratis di Shopify (Tanpa Aplikasi Tambahan)

Cara Menambahkan Tombol WhatsApp Gratis di Shopify (Tanpa Aplikasi Tambahan)

Menambahkan tombol WhatsApp langsung di toko online Shopify Anda adalah salah satu strategi paling efektif untuk mendongkrak rasio konversi penjualan. Saat calon pembeli memiliki pertanyaan seputar ukuran, ketersediaan stok, ongkos kirim, atau metode pembayaran, kemampuan untuk berbicara langsung dengan staf toko secara instan dapat mengurangi angka keranjang belanja yang terbengkalai (abandoned carts).

Namun, banyak pemilik toko online melakukan kesalahan yang sama: menginstal aplikasi berat dari Shopify App Store yang membebankan biaya $5 hingga $29 per bulan dan menyuntikkan lebih dari 150 KB script yang merusak skor Core Web Vitals dan kecepatan situs di Google.

Dalam panduan ini, Anda akan mempelajari cara memasang widget WhatsApp yang sangat ringan, cepat, dan 100% gratis langsung ke dalam kode tema Shopify Anda.

---

Mengapa WhatsApp Jauh Lebih Efektif Dibandingkan Live Chat Biasa?

Layanan live chat konvensional (seperti Zendesk, Tawk.to, atau Intercom) kehilangan kontak saat pengunjung menutup tab browser mereka. Sebaliknya, WhatsApp memberikan keunggulan nyata:

1. Saluran Komunikasi Berkelanjutan: Percakapan tersimpan di aplikasi WhatsApp pribadi pembeli. Saat Anda membalas, pembeli menerima notifikasi langsung di ponsel mereka.
2. Open Rate 98%: Jauh melampaui email pemasaran biasa yang hanya mencatatkan angka buka 15%-20%.
3. Pesan Otomatis yang Terkonfigurasi: Pembeli langsung memulai chat dengan template teks yang menyebutkan produk spesifik yang sedang mereka lihat.

Jika Anda juga mengelola toko di platform lain, silakan periksa Direktori Integrasi CMS kami untuk WordPress, WooCommerce, Squarespace, dan Webflow.

---

Langkah Memasang Tombol WhatsApp di Tema Shopify

Langkah 1: Dapatkan Kode Widget dari WAButton

1. Buka Generator Tautan WhatsApp Gratis kami.
2. Masukkan nomor WhatsApp bisnis Anda dalam format internasional (contoh: 6281234567890 untuk Indonesia).
3. Tuliskan template pesan pembuka yang ramah dan salin potongan kode HTML yang disediakan.

Langkah 2: Buka Editor Kode Tema Shopify

1. Masuk ke dashboard admin Shopify Anda.
2. Di bilah menu sebelah kiri, pilih Online Store > Themes.
3. Di samping tema aktif Anda, klik tombol titik tiga (...) lalu pilih Edit code.

Langkah 3: Tempelkan Script ke File theme.liquid

1. Pada folder Layout, buka file bernama theme.liquid.
2. Gulir ke bagian paling bawah file dan temukan tag penutup </body>.
3. Tempelkan kode script tepat di atas tag </body>:

<!-- WAButton WhatsApp Widget -->
<script
  src="https://wabutton.app/widget.js"
  data-phone="6281234567890"
  data-message="Halo! Saya ingin bertanya mengenai produk di toko Anda."
  data-position="bottom-right"
  defer
></script>
<!-- Akhir WAButton WhatsApp Widget -->

4. Klik tombol Save di sudut kanan atas.

---

Pertanyaan yang Sering Diajukan (FAQ)

Apakah widget ini bekerja di perangkat seluler dan komputer?

Ya. Pada smartphone (Android dan iPhone), tombol akan otomatis membuka aplikasi resmi WhatsApp. Pada komputer desktop atau laptop, pengunjung akan diarahkan secara mulus ke WhatsApp Web atau aplikasi WhatsApp Desktop.

Apakah kode ini memperlambat kecepatan toko online saya?

Sama sekali tidak. Berkat atribut defer, script WAButton dimuat secara asinkron setelah elemen-elemen penting halaman selesai dirender, sehingga menjaga skor Core Web Vitals tetap optimal.

---

Buat tombol WhatsApp gratis Anda sekarang menggunakan Generator Link WhatsApp atau pelajari taktik penjualan lebih lanjut di Playbook WhatsApp E-Commerce.