WhatsApp Button Generator
Create a Chat on WhatsApp HTML button for your website.
<a href="https://wa.me/919876543210?text=Hi!%20I'm%20interested%20in%20your%20product." target="_blank" rel="noopener noreferrer" style="background-color:#25D366;color:#ffffff;border:none;padding:12px 24px;font-size:15px;display:inline-flex;align-items:center;border-radius:8px;font-family:sans-serif;font-weight:600;text-decoration:none;cursor:pointer;"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="vertical-align:middle;margin-right:6px;"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.890-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Chat on WhatsApp </a>
เครื่องสร้างปุ่ม WhatsApp ทำงานอย่างไร
เครื่องสร้างปุ่ม WhatsApp สร้างปุ่ม click-to-chat สำหรับเว็บไซต์ของคุณที่เปิดการสนทนา WhatsApp พร้อมหมายเลขของคุณและข้อความที่กรอกไว้ล่วงหน้าที่เลือกได้ ใส่หมายเลขโทรศัพท์ (ในรูปแบบ international) ปรับแต่งสไตล์ปุ่มและข้อความที่กรอกไว้ล่วงหน้า จากนั้น copy ส่วน HTML ไปวางในหน้าเว็บใดก็ได้ — ไม่จำเป็นต้องมีความรู้ด้านการเขียนโค้ด
รูปแบบ URL click-to-chat อย่างเป็นทางการของ WhatsApp คือ https://wa.me/[country-code][number]?text=[URL-encoded-message] สำหรับหมายเลขมือถืออินเดีย 98765 43210 ลิงก์คือ https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20query รหัสประเทศของอินเดียคือ 91 เครื่องสร้างนี้จัดการ URL encoding ของอักขระพิเศษโดยอัตโนมัติและตรวจสอบรูปแบบหมายเลขเพื่อป้องกันลิงก์เสียที่เกิดจากการใส่ช่องว่างหรือขีดกลางในหมายเลข
ข้อความที่กรอกไว้ล่วงหน้าลดแรงเสียดทานโดยขจัดความลังเลว่า "จะพิมพ์อะไรดี" ข้อความที่กรอกไว้ล่วงหน้าที่มีประสิทธิภาพระบุบริบทของแหล่งที่มา เช่น "สวัสดี ผมพบคุณบนเว็บไซต์และมีคำถามเกี่ยวกับ [สินค้า/บริการ]" สิ่งนี้ช่วยให้ธุรกิจระบุแหล่งที่มาของลูกค้าและตอบสนองได้ตรงประเด็น เก็บข้อความที่กรอกไว้ล่วงหน้าให้ต่ำกว่า 100 ตัวอักษร เพื่อให้แสดงได้เต็มในช่องพิมพ์ของ WhatsApp โดยไม่ต้องเลื่อน ลดโอกาสที่ผู้ใช้จะแก้ไขหรือลบก่อนส่ง
บัญชี WhatsApp Business รองรับข้อความตอบกลับอัตโนมัติ quick reply, label, และโปรไฟล์ธุรกิจพร้อมที่อยู่และเวลาทำการ — ฟีเจอร์ที่ปรับปรุงคุณภาพการบริการลูกค้า ลิงก์ wa.me ทำงานเหมือนกันทั้งสำหรับหมายเลขส่วนตัวและ Business สำหรับเว็บไซต์ที่คาดว่าจะมีคำถามมากกว่า 10–20 ต่อวัน การผสานรวม WhatsApp Business API (ผ่าน BSP ที่ได้รับอนุมัติ) จัดการการสนทนาพร้อมกัน การผสานรวม CRM และ message template ได้อย่างน่าเชื่อถือกว่าแอปผู้บริโภค
เครื่องสร้างมีสไตล์ปุ่มสองแบบ ได้แก่ ปุ่ม floating action (ตำแหน่งคงที่ มุมขวาล่าง มองเห็นตลอดเมื่อผู้ใช้เลื่อน) และปุ่ม inline ที่ฝังอยู่ในเนื้อหาหน้าเว็บ สไตล์ floating มีอัตราการคลิกสูงกว่าเพราะมองเห็นได้ตลอด สไตล์ inline เหมาะสำหรับหน้าติดต่อ หน้าราคา และ call-to-action ในบล็อกโพสต์ ทั้งสองสไตล์ใช้สีเขียว WhatsApp อย่างเป็นทางการ (#25D366) และโลโก้แบรนด์เป็นค่าเริ่มต้น ซึ่งเพิ่มการจดจำและความน่าเชื่อถือ
คำถามที่พบบ่อย
- How does a WhatsApp chat button work?
- The button links to wa.me/{phone} (WhatsApp's click-to-chat URL). When clicked on a mobile device, it opens WhatsApp directly. On desktop, it opens WhatsApp Web. No WhatsApp Business account is needed — it works with any number.
- Can I add a pre-filled message?
- Yes. Add ?text=Your+message to the wa.me URL and WhatsApp will pre-fill the message in the chat input. This saves the user from typing and increases the chance they'll actually send a message.
- Do I need WhatsApp Business for this?
- No. The wa.me link works with any WhatsApp number — personal or Business. WhatsApp Business does offer additional features like automated replies and a business profile, but the click-to-chat link works with both.
- How do I add this button to WordPress?
- Copy the HTML code and paste it into a Custom HTML block in the Gutenberg editor, or use the Text/HTML tab in the Classic Editor. You can also add it to your theme's header.php or footer.php for site-wide display.