Cách thêm WhatsApp Chatbox vào WordPress

Bạn có muốn thêm WhatsApp chatbox vào WordPress không? Với hơn 2,2 tỷ người dùng trên khắp thế giới, WhatsApp là nền tảng nhắn tin phổ biến. Việc thêm WhatsApp Chatbox sẽ tạo cơ hội kết nối và tương tác với khách hàng. Trong bài viết này Vietnix sẽ dẫn bạn cách thêm WhatsApp Chatbox vào WordPress.

Tại sao nên thêm WhatsApp vào trong WordPress?

WhatsApp là một ứng dụng nhắn tin toàn cầu, giúp kết nối mọi người trên khắp thế giới một cách nhanh chóng.

Bằng cách tích hợp nút chia sẻ WhatsApp vào WordPress của bạn, việc chia sẻ nội dung với các liên hệ sẽ trở nên dễ dàng hơn với khách truy cập.

Không chỉ vậy, việc thêm chatbox WhatsApp vàoWordPress cũng cho phép người dùng tương tác trực tiếp với bạn. Điều này đặc biệt hữu ích cho các website bán hàng online, nơi khách hàng có thể trò chuyện về sản phẩm mà không cần điền biểu mẫu hoặc gọi điện thoại tới bộ phận hỗ trợ.

Nhờ những tính năng này, tương tác người dùng tăng lên và tỷ mua hàng cũng sẽ tăng lên.

Cách 1. Thêm nút chia sẻ WhatsApp vào WordPress bằng plugin Sassy Social Share.

Bước đầu tiên, hãy cài đặt và kích hoạt plugin Sassy Social Share. Vietnix hướng dẫn chi tiết để bạn cài đặt plugin WordPress một cách dễ dàng.

Sau khi plugin được kích hoạt, truy cập vào menu Sassy Social Share từ sidebar WordPress admin.

Chọn tab ‘Standard Interface‘ ở phía trên của trang.

Cuộn xuống phần ‘Select Sharing Services‘ và đánh dấu vào ô tương ứng với WhatsApp.

Bạn cũng có thể thêm nút chia sẻ cho các mạng xã hội khác như Facebook, Instagram, Pinterest, Twitter và nhiều mạng khác.

Sau khi hoàn tất, nhấn ‘Save Changes‘ để lưu cài đặt của bạn, sau đó chuyển sang tab ‘Themes Selection‘.

Ở đây, bạn có thể tùy chỉnh nút chia sẻ bằng cách thay đổi kích thước, hình dạng, biểu trưng hoặc màu sắc nền. Đảm bảo bạn sử dụng màu sắc thương hiệu của WhatsApp để nút chia sẻ dễ dàng nhận diện.

Sau khi bạn đã hoàn tất, nhấn ‘Save Changes‘ để lưu cài đặt của bạn.

Bây giờ, bạn có thể truy cập trang web của mình để xem nút chia sẻ WhatsApp hoạt động.

Hãy xem giao diện của nút trên trang web demo của Vietnix.

Nếu bạn không muốn thêm nút WhatsApp vào tất cả các trang, đừng lo, plugin cung cấp tính năng cho phép bạn thêm dễ dàng vào từng bài đăng hoặc trang riêng lẻ.

Thêm nút chia sẻ WhatsApp trong trình chỉnh sửa block

Nếu bạn chỉ muốn hiển thị nút chia sẻ WhatsApp trên các bài đăng hoặc trang cụ thể, đầu tiên hãy tắt hiển thị tổng thể các nút chia sẻ.

Để làm điều này, truy cập trang Sassy Social Share trong thanh quản trị viên WordPress và chọn tab ‘Standard Interface’.

Sau đó, bỏ chọn tùy chọn ‘Enable Standard sharing interface‘.

Tiếp theo, hãy chuyển sang tab ‘Floating Interface‘.

Tại đây, hủy chọn tùy chọn ‘Enable Floating sharing interface‘.

Bạn đã tắt social sharing, bạn có thể tiếp tục bằng cách thêm nút chia sẻ WhatsApp vào bất kỳ trang hoặc bài đăng nào trên trang web của bạn bằng Shortcode.

Mở bài đăng hoặc trang mà bạn muốn hiển thị nút chia sẻ WhatsApp trong trình chỉnh sửa nội dung. Nếu cần, bạn có thể tạo một bài đăng hoặc trang mới.

Sau đó, bấm vào biểu tượng Add block (+) ở góc trên cùng bên trái của trình chỉnh sửa và tìm kiếm block ‘Shortcode‘. Kéo và thả block này vào trang.

Tiếp theo, sao chép shortcode dưới đây và dán vào block ‘Shortcode‘

[Sassy_Social_Share]

Sau khi bạn đã hoàn tất chỉnh sửa, nhấn ‘Publish‘ hoặc ‘Update‘ để lưu lại các thay đổi. Nút Chia sẻ WhatsApp của bạn sẽ hiển thị như sau.

Thêm nút chia sẻ WhatsApp dưới dạng Widgets

Để thêm nút chia sẻ WhatsApp vào thanh bên của trang web, truy cập vào phần Appearance > Widgets từ thanh bên quản trị.

Tại đây, nhấn vào biểu tượng Add block (+) ở góc trên cùng bên trái và tìm kiếm block ‘Shortcode‘.

Sau đó, kéo và thả block ‘Shortcode‘ vào vị trí mong muốn trong thanh bên.

Tiếp theo, sao chép và dán shortcode vào block.

Tiếp theo, bấm vào ‘Update‘ để lưu các cài đặt của bạn.

Dưới đây là giao diện của nút chia sẻ WhatsApp sau khi đã được thêm vào thanh bên của trang web.

Thêm nút chia sẻ WhatsApp trong trình chỉnh sửa toàn trang

Nếu bạn đang sử dụng một chủ đề block, bạn sẽ sử dụng trình chỉnh sửa trang web toàn bộ và không có quyền truy cập vào trang ‘Widgets’.

Đầu tiên, hãy truy cập vào tùy chọn Appearance > Editor từ thanh bên quản trị viên để bắt đầu trình chỉnh sửa toàn trang web.

Tiếp theo, nhấp vào nút ‘Add block‘ (+) ở đầu màn hình và thêm block ‘Shortcode‘ vào bất kỳ vị trí phù hợp nào trên trang web của bạn.

Sau đó, thêm shortcode đây vào block.

Khi bạn đã hoàn tất, hãy nhấp vào nút ‘Save‘ ở trên cùng.

Đây là giao diện của nút chia sẻ WhatsApp sau khi thực hiện.

Cách 2. Tích hợp nút chatbox WhatsApp vào WordPress.

Phương pháp này cho phép bạn tích hợp chatbox WhatsApp vào WordPress.

Cụ thể, khi người dùng nhấp vào nút trò chuyện WhatsApp, họ có thể trực tiếp gửi tin nhắn cho bạn qua số điện thoại WhatsApp của bạn.

Lưu ý: Bạn sẽ không nhận tin nhắn trực tiếp trong bảng điều khiển WordPress, nhưng bạn vẫn có thể trò chuyện thông qua ứng dụng di động WhatsApp, giao diện web và phần mềm máy tính.

Trước hết, cài đặt và kích hoạt plugin Click to chat. Sau khi kích hoạt, truy cập menu Click to chat đã thêm vào thanh bên của bảng điều khiển quản trị WordPress.

Tại đây, bắt đầu bằng cách nhập số điện thoại doanh nghiệp của bạn vào ô ‘WhatsApp Number‘.

Đây là số bạn sẽ dùng để nhận tin nhắn từ người dùng.

Tiếp theo, điền một tin nhắn đơn giản vào ô ‘Pre-Filled Message‘. Đây là thông điệp mặc định sẽ hiển thị trong cửa sổ trò chuyện WhatsApp của bạn.

Tiếp theo, tiến hành cuộn xuống đến phần ‘Style, position‘.

Bắt đầu bằng cách chọn kiểu hiển thị cho chatbox WhatsApp từ menu thả xuống. Mặc định, plugin cung cấp khoảng 8 kiểu khác nhau. Chỉ cần lựa chọn kiểu bạn ưa thích.

Sau đó, cuộn xuống phần ‘Position to Place‘.

Tại đây, bạn có thể lựa chọn vị trí và kích thước của chatbox từ menu thả xuống.

Tiếp theo, di chuyển tới phần ‘Displays Settings‘.

Ở đây, đơn giản chỉ cần chọn ‘Global‘ cạnh tùy chọn nơi bạn muốn hiển thị chatbox WhatsApp.

Ví dụ: nếu bạn muốn hiển thị chatbox trên bài đăng, trang và trang danh mục, chọn tùy chọn ‘Global‘.

Nếu muốn, bạn cũng có thể chọn ‘Hide‘ để không hiển thị chatbox WhatsApp trên các trang cụ thể.

Cuối cùng, đừng quên nhấn ‘Save Changes‘ để lưu cài đặt.

Bây giờ, truy cập trang Click to Chat > Greetings để chọn hộp thoại Lời chào từ menu thả xuống.

Hộp thoại lời chào này sẽ hiển thị cùng với nút WhatsApp trên trang của bạn.

Sau khi lựa chọn, bạn sẽ cần nhập nội dung cho tiêu đề, nội dung chính và lời kêu gọi hành động trong hộp thoại lời chào.

Sau đó, cuộn xuống phần ‘Customizable Design‘.

Ở đây, bạn có thể tùy chỉnh màu nền cho nội dung chính, tiêu đề và hộp thông báo.

Cuối cùng, nhấn ‘Save Changes‘ để lưu cài đặt của bạn.

Tiếp theo, truy cập vào trang web của bạn.

Mặc định, chatbox WhatsApp sẽ có giao diện như trong hình.

Bây giờ, Vietnix sẽ hướng dẫn bạn cách thêm nút trò chuyện WhatsApp một cách dễ dàng thông qua trình chỉnh sửa block, Widgets và trình chỉnh sửa trang web đầy đủ.

Thêm nút trò chuyện WhatsApp qua trình chỉnh sửa block

Một cách dễ dàng để tích hợp nút WhatsApp là thông qua trình chỉnh sửa block, cho phép bạn thêm nút này vào một trang cụ thể hoặc bài đăng trên trang web WordPress của bạn.

Để bắt đầu, hãy truy cập phần Pages > Add New mới từ thanh bên quản trị.

Thao tác này sẽ mở trình chỉnh sửa block.

Bây giờ, bạn chỉ cần nhấp ‘Add block‘ (+) ở góc trên cùng bên trái của màn hình, sau đó chọn block ‘Shortcode’.

Khi ‘Shortcode‘ được thêm vào, đơn giản sao chép và dán shortcode dưới đây vào block.

Sau đó, tiến hành nhấp vào nút ‘Publish‘ ở phía trên.

Dưới đây là giao diện hiển thị của nút WhatsApp trên trang web demo của Vietnix.

Thêm nút trò chuyện WhatsApp như một widgets

Để bắt đầu, hãy truy cập vào trang Appearance > Widgets từ thanh bên trong WordPress.

Sau khi đó, chọn tab ‘Sidebar’ để mở rộng tab đó và sau đó nhấn nút ‘Add block‘ (+) ở góc trên cùng.

Tiếp theo, đơn giản chỉ cần xác định vị trí và thêm block ‘Shortcode‘ vào thanh bên.

Sau đó, sao chép và dán mã shortcode đây vào block.

Cuối cùng, đừng quên nhấp vào ‘Update‘ để lưu cài đặt của bạn.

Dưới đây là giao diện của nút WhatsApp sau khi đã được thêm vào trang web demo của Vietnix.

Thêm nút trò chuyện WhatsApp qua trình chỉnh sửa toàn trang

Nếu bạn đang sử dụng một chủ đề dựa trên block với trình chỉnh sửa trang đầy đủ, thì cách sau đây là lựa chọn phù hợp.

Đầu tiên, hãy truy cập vào phần Appearance > Editor để mở trình chỉnh sửa trang web đầy đủ.

Sau đó, chỉ cần nhấp ‘Add block‘ (+) ở góc trên cùng bên trái của màn hình.

Khi đó, chỉ cần xác định vị trí và thêm block ‘Shortcode‘ vào vị trí mong muốn trên trang web của bạn.

Sau khi block đã được thêm, đơn giản sao chép và dán shortcode dưới đây vào block.

[ht-ctc-chat]

Cuối cùng, đừng quên nhấp vào nút ‘Update‘ ở phía trên để lưu lại những thay đổi quan trọng của bạn.

Biểu tượng WhatsApp có dạng như sau trên trang web của Vietnix.

Lời kết

Vietnix hy vọng rằng bài viết này đã cung cấp thông tin hữu ích về cách thêm nút chia sẻ và hộp thoại tin nhắn WhatsApp vào WordPress của bạn. Chúc bạn thành công.