Shopify 2.0 & Tema Legacy
Tombol WhatsApp untuk Shopify
Tambahkan widget chat WhatsApp ke Shopify dalam hitungan menit. Kualifikasi pengunjung, arahkan percakapan, dan jaga tema tetap cepat.
Pemasangan 2 mnt Target: layout/theme.liquid
Pemasangan langkah demi langkah untuk Shopify
Ikuti langkah ini untuk menyematkan WAButton di situs Shopify Anda. Tanpa pengembangan rumit atau biaya aplikasi.
- 1
Buka Editor Kode Tema Shopify Anda
Dari dasbor Shopify Admin Anda, buka Online Store -> Themes. Klik menu tiga titik (...) di samping tema yang sedang aktif, lalu pilih "Edit code".
Tips: Sebelum mengedit kode, selalu buat duplikat tema yang sedang aktif sebagai cadangan pengaman.
- 2
Temukan theme.liquid
Di navigator file di sisi kiri, di bawah Layout, klik theme.liquid. Gulir ke bagian paling bawah file.
Tips: Anda dapat memakai Ctrl+F atau Cmd+F untuk menemukan tag penutup </body> dengan cepat.
- 3
Tempel cuplikan embed WAButton
Tempel cuplikan skrip WAButton milik Anda tepat sebelum tag penutup </body>.
Tips: Menempatkan skrip tepat sebelum </body> membuat konten toko Anda dimuat lebih dulu.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 4
Simpan dan periksa pratinjau live
Klik Save di pojok kanan atas. Kunjungi etalase Shopify Anda yang sudah live untuk memastikan tombol WhatsApp aktif.
Mengapa pemilik toko dan agensi memilih WAButton untuk Shopify
Skrip Async yang Tidak Memblokir
Peluncur adalah skrip kecil (di bawah 40KB dengan gzip) dari edge Cloudflare yang dimuat secara asinkron, jadi tidak memblokir first paint. Panel obrolan baru dimuat saat pengunjung membukanya.
Pelacakan Langsung Meta Pixel & GA4
Mengirim event generate_lead dan contact langsung ke pixel iklan Facebook Anda.
Perutean Dukungan Multi-Agen
Arahkan pertanyaan secara otomatis ke agen penjualan, pengiriman, dan dukungan pesanan.
Kualifikasi Lead Pra-Chat
Kumpulkan nama, email, dan keperluan pelanggan sebelum membuka WhatsApp.
Pertanyaan yang sering diajukan
Apakah saya perlu memasang aplikasi Shopify yang berat dari App Store?
- Tidak! WAButton bekerja lewat tag skrip ringan langsung di tema Anda. Cara ini mencegah langganan bulanan aplikasi Shopify yang membengkak, sekaligus menghilangkan injeksi skrip aplikasi pihak ketiga yang lambat.
Apakah ini akan memperlambat etalase Shopify saya atau menurunkan skor Google PageSpeed saya?
- WAButton adalah skrip async berukuran di bawah 40KB (dengan gzip) dari edge Cloudflare, jadi tidak memblokir first paint. Panel obrolan baru dimuat saat pengunjung membukanya. Pengaruhnya terhadap skor PageSpeed toko Anda bergantung pada tema dan aplikasi Anda, jadi jalankan PageSpeed Insights sebelum dan sesudah memasangnya.
Bisakah saya melacak iklan Facebook atau Google mana yang menghasilkan percakapan WhatsApp?
- Ya! WAButton menangkap parameter UTM (source, campaign, medium, ad) dan meneruskannya ke pesan WhatsApp yang sudah terisi otomatis, serta mengirim event ke Meta Pixel (fbq) dan Google Analytics 4 (gtag).
Alat Gratis Terkait
Utilitas WhatsApp gratis untuk meningkatkan konversi toko Anda.
Panduan instalasi lainnya
- Lihat panduan pemasangan3 mnt
WooCommerce & WordPress
WooCommerce & WordPress 6+
Tambahkan widget chat WhatsApp ke WooCommerce & WordPress dalam hitungan menit.
- Lihat panduan pemasangan2 mnt
Magento & Adobe Commerce
Magento Open Source & Adobe Commerce
Tambahkan widget chat WhatsApp ke Magento & Adobe Commerce dalam hitungan menit.
- Lihat panduan pemasangan2 mnt
PrestaShop
PrestaShop 1.7 & 8+
Tambahkan widget chat WhatsApp ke PrestaShop dalam hitungan menit.
Anda sudah punya pengunjung. Beri mereka cara mudah untuk bertanya.
Menambah trafik butuh waktu dan uang. Tombol WhatsApp membantu Anda mendapatkan lebih banyak pelanggan dari orang yang sudah berkunjung, selagi mereka masih tertarik.
Satu baris kode. Tanpa kartu kredit. Tanpa menunggu.