WAButton

Kod tersuai Webflow

Butang WhatsApp untuk Webflow

Tambah butang WhatsApp terapung pada laman web Webflow Anda. Pilih ucapan dan biar pelawat menghantar mesej ke nombor perniagaan Anda.

Cipta butang percuma saya

Pemasangan 2 minit Sasaran: Project Settings -> Custom Code -> Footer Code

Pemasangan langkah demi langkah untuk Webflow

Ikut langkah ini untuk menambah kod pemasangan WAButton pada laman web Webflow Anda.

  1. 1

    Buka Project Settings Webflow

    Buka projek Anda dalam Webflow. Pergi ke Project Settings -> Custom Code.

    Petua pro: Anda juga boleh menambah kod tersuai pada halaman tertentu sahaja melalui tetapan halaman Webflow jika mahu.

  2. 2

    Tampal dalam Footer Code

    Tatal ke “Footer Code” (Before </body> tag) dan tampal coretan Anda.

    Petua pro: WAButton mengehadkan gayanya kepada nama kelas berawalan wabutton, jadi nama kelas Webflow dan grid CSS Anda kekal utuh. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Terbitkan laman

    Klik Save Changes, kemudian tekan Publish untuk menerbitkan ke domain tersuai Anda.

    Petua pro: Terbitkan ke domain staging dan domain produksi untuk menguji sebelum klien memberi kelulusan akhir.

Mengapa pemilik kedai dan agensi memilih WAButton untuk Webflow

Estetika pereka

Tipografi kemas, bayang-bayang lembut dan interaksi mikro yang terperinci.

Serahan kepada klien agensi

Kongsi pratonton langsung widget yang interaktif dengan klien sebelum melancarkannya.

Kelas Anda tidak disentuh

Gaya diskopkan kepada nama kelas berawalan wabutton dan pelancar berkedudukan tetap, jadi kelas dan susun atur Webflow Anda kekal seperti sedia ada.

Soalan lazim

Adakah gaya WAButton akan mengganggu kelas CSS Webflow saya?

Tidak. WAButton mengehadkan gayanya kepada nama kelas berawalan wabutton miliknya sendiri, jadi ia tidak menyentuh kelas Webflow Anda.

Alat Percuma Berkaitan

Cipta pautan WhatsApp, kod QR dan mesej untuk perniagaan Anda.

Lagi panduan pemasangan

Tambah WhatsApp pada .

Beri pelawat cara untuk bertanya tentang produk, harga atau ketersediaan Anda. Balas daripada WhatsApp yang sudah Anda gunakan.

Cipta butang percuma saya Pratonton butang Anda

Pelan percuma tersedia. Tiada kad kredit diperlukan.