Tiện ích WhatsApp
Tích hợp Tiện ích WhatsApp
Thêm nút trò chuyện WhatsApp nổi vào trang web của bạn với hướng dẫn đơn giản này.
Điều cần biết. Tiện ích WhatsApp là một nút “nhấp để trò chuyện” đơn giản — nhấp vào đó sẽ mở WhatsApp cho khách truy cập để họ có thể nhắn tin cho bạn tại đó. Tiện ích này không đưa tin nhắn vào hộp thư đến Trò chuyện của bạn hoặc tự kích hoạt AI. Để có trải nghiệm trò chuyện AI trên trang được nhúng vào trang web của bạn, hãy sử dụng Tiện ích Trò chuyện riêng biệt thay thế.
Bạn chỉ muốn một liên kết đơn giản hoặc nút của riêng mình? Nếu bạn không muốn tiện ích nổi và muốn liên kết nút của riêng mình (hoặc một đoạn văn bản) trực tiếp đến cuộc trò chuyện WhatsApp, hãy chuyển đến Bạn thích liên kết hoặc nút đơn giản hơn? (wa.me) bên dưới. Đối với tính năng tương đương qua SMS, hãy xem Thêm liên kết Nhấp để nhắn tin (SMS).
Cài đặt
- Mở tệp HTML của trang web bạn trong trình soạn thảo văn bản.
- Tìm thẻ
</body>(thường nằm ở cuối tệp HTML của bạn). - Dán tập lệnh sau ngay trước thẻ
</body>:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER"></script>
- Trong đoạn mã trên, hãy thay thế:
NUMBERbằng số WhatsApp của bạn- Ví dụ: với số +1 555 123 4567, chỉ cần sử dụng: 15551234567
Thêm tin nhắn tùy chỉnh
Nếu bạn muốn một tin nhắn được điền sẵn xuất hiện khi ai đó nhấp vào nút:
- Sử dụng đoạn mã này thay thế:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER/Your message here"></script>
- Ví dụ với số điện thoại và tin nhắn thực tế:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I'm interested in your services"></script>
Những gì bạn nhận được
Sau khi cài đặt, bạn sẽ tự động thấy:
- Một nút WhatsApp màu xanh lá cây ở góc dưới bên phải trang web của bạn
- Nút này vẫn hiển thị khi cuộn trang
- Nút hoạt động mượt mà trên các thiết bị di động
- Một hiệu ứng hoạt hình tinh tế xuất hiện khi di chuột qua nút
Thông tin bổ sung
- Số điện thoại của bạn có thể được viết có hoặc không có:
- Dấu cộng (+)
- Khoảng trắng
- Dấu gạch ngang (-)
- Những ký tự này sẽ được tự động xử lý chính xác
- Tin nhắn có thể chứa khoảng trắng một cách tự nhiên
- Không cần thêm tệp hoặc cài đặt nào
- Nút bấm tự động thích ứng với màn hình di động
Ví dụ đầy đủ về trang web
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<!-- Your website content here -->
<!-- WhatsApp Widget (place this just before </body>) -->
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I have a question"></script>
</body>
</html>
Bạn thích liên kết hoặc nút bấm đơn giản hơn? (wa.me)
Tiện ích ở trên cung cấp cho bạn một nút nổi có sẵn. Nhưng nếu bạn đã có nút riêng (hoặc liên kết menu, hình ảnh, hay đoạn văn bản) và chỉ muốn nó mở cuộc trò chuyện WhatsApp với số của bạn, bạn hoàn toàn không cần dùng đến tiện ích này — bạn chỉ cần liên kết nó tới một URL wa.me.
Định dạng là:
https://wa.me/NUMBER
Thay thế NUMBER bằng số điện thoại đầy đủ của bạn ở định dạng quốc tế — chỉ bao gồm các chữ số, không có dấu cộng, khoảng trắng hoặc dấu gạch ngang. Ví dụ, đối với +31 6 5801 5937, bạn sẽ sử dụng:
https://wa.me/31658015937
Điền trước tin nhắn
Để có sẵn tin nhắn khi cuộc trò chuyện mở ra, hãy thêm ?text= theo sau là tin nhắn của bạn:
https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question
Các khoảng trắng trong tin nhắn cần được viết là %20 (đây là cách các liên kết xử lý khoảng trắng).
Đặt liên kết vào nút bấm
Liên kết bất kỳ nút nào tới URL đó — hoàn toàn giống cách bạn liên kết một nút tới bất kỳ địa chỉ web nào khác. Trong HTML thô, nó trông như thế này:
<a href="https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question">Chat on WhatsApp</a>
Trong trình tạo trang web (Wix, Squarespace, WordPress, Webflow, v.v.), hãy thêm nút như bình thường và dán URL wa.me vào trường “link” / “URL” của nó.
Bạn muốn một liên kết ngắn xoay vòng qua nhiều số điện thoại, ghi nhớ khách truy cập quay lại và theo dõi lượt nhấp? Hãy sử dụng Liên kết ngắn (trong Cài đặt → Kênh) thay vì URL
wa.methô.