• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền online
  • Đánh giá
  • Khuyến mãi
  • Thông báo

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Hướng dẫn chèn Zalo Chat vào website WordPress
hosting-tot-nhat-danh-cho-wordpress

Hướng dẫn chèn Zalo Chat vào website WordPress

Cập nhật: 23/09/2021 Trung Hiếu 34 Bình luận

Mục lục Hiện
  • 1. Tạo widget Zalo Chat
  • 2. Chèn Zalo Chat vào website WordPress

Hướng dẫn chèn Zalo Chat vào website WordPress một cách đơn giản.

huong-dan-chen-zalo-chat-vao-blog-website-wordpress

Trong bài viết hôm qua, tôi đã hướng dẫn các bạn cách tạo Zalo Official Account rồi phải không nào? Mục đích của nó chính là để phục vụ cho bài viết hôm nay – chèn Zalo Chat vào website WordPress. Tác dụng của Zalo Chat thì chắc hẳn không cần nói các bạn cũng đã biết rồi. Nó sẽ giúp các bạn kết nối với những khách hàng tiềm năng của mình một cách tốt hơn, nâng cao hiệu quả bán hàng với mạng xã hội cũng như ứng dụng chat di động Zalo.

Tham khảo thêm:

  • Hướng dẫn tạo Zalo Official Account một cách nhanh chóng
  • Hướng dẫn tích hợp Facebook Chat vào website WordPress

Tạo widget Zalo Chat

1. Để tạo widget Zalo Chat, các bạn chỉ cần truy cập vào link sau đây (nhớ đăng nhập bằng tài khoản Zalo thường), điền đầy đủ các thông tin được yêu cầu sau đó click vào nút Lấy mã.

tao-widget-zalo-chat

Trong đó:

  • Official Account: chọn Zalo Official Account mà bạn đã đăng ký trước đó.
  • Chọn câu chào: ghi nội dung câu chào mừng hiển thị trên widget Zalo Chat.
  • Thời gian hiển thị cửa sổ chat (giây): thời gian widget tự động mở ra sau khi web load xong. Để 0 giây đồng nghĩa với widget sẽ mở ngay sau khi web load xong.
  • Width (px): chiều rộng của khung chat, tính bằng pixel.
  • Height (px): chiều cao của khung chat, tính bằng pixel.

2. Copy đoạn code mà bạn được Zalo cung cấp:

copy-code-zalo-chat

Chèn Zalo Chat vào website WordPress

Để chèn widget Zalo Chat vào WordPress, các bạn chỉ cần copy đoạn code được cung cấp ở trên và paste vào footer của website (trước thẻ </body>). Nếu theme của bạn không hỗ trợ sẵn tính năng cho phép chèn code vào footer, hãy tham khảo bài viết “Chèn code vào Header và Footer của WordPress một cách đơn giản“.

Kết quả đạt được sẽ trông giống như thế này:

zalo-chat

Để chat với khách hàng, các bạn truy cập vào mục Chat của Zalo Official Account tại đây.

giao-dien-chat-zalo-danh-cho-quan-tri-vien

Thật tuyệt vời phải không nào? Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)

Đang tải đánh giá...
  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Thêm nút chat Zalo, Facebook, gọi điện không cần dùng plugin
Thêm nút chat Zalo, Facebook, gọi điện không cần dùng plugin
Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo
Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo
Hướng dẫn tạo Zalo Official Account một cách nhanh chóng
Hướng dẫn tạo Zalo Official Account một cách nhanh chóng

Chuyên mục: Thủ thuật WordPress Thẻ: Zalo

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Hướng dẫn tạo Zalo Official Account một cách nhanh chóng
Bài viết sau Tính năng liên hệ để nhận báo giá trong WooCommerce »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Lê Lâm Anh 46 bình luậnviết

    12/05/2021 lúc 16:56

    hay, em dùng cho blogspot cũng được luôn

    Bình luận
    • Trung Hiếu Quản lýviết

      12/05/2021 lúc 17:14

      Cái này không giới hạn nền tảng bạn nhé. Chỉ cần chèn được vào HTML là ok. :D

      Bình luận
  2. TungLoan 3 bình luậnviết

    11/05/2021 lúc 17:01

    Cái này phải đăng ký Offical Account mới tạo widget được hả ad ơi?

    Bình luận
    • Trung Hiếu Quản lýviết

      11/05/2021 lúc 18:36

      Đúng rồi bạn.

      Bình luận
  3. tùng 1 bình luậnviết

    24/05/2020 lúc 17:24

    Mình làm theo hướng dẫn nhưng không được, bác có thể xem giúp mình web tại duhocstudytrust.vn ko

    Bình luận
  4. làm bảng hiệu tây ninh 3 bình luậnviết

    05/04/2020 lúc 21:03

    tuyệt cú mèo, cám ơn bạn rất nhiều

    Bình luận
  5. Nguyễn Quốc Hùng 151 bình luậnviết

    05/04/2020 lúc 17:22

    Mình muốn nó xuất hiện ở góc bên trái màn hình thì làm thế nào? Mình đang tính thay thế cho Tawkto. Đoạn mã đó có làm site load chậm không bạn?

    Bình luận
    • Trung Hiếu Quản lýviết

      05/04/2020 lúc 17:47

      Dùng Tawk.to đi bạn ơi. Những platform khác nặng lắm. Tiện thật nhưng ảnh hưởng nhiều tới tốc độ load web.

      Bình luận
      • Nguyễn Quốc Hùng 151 bình luậnviết

        05/04/2020 lúc 17:53

        Ok Hiếu nhé!

        Bình luận
  6. tiên 4 bình luậnviết

    05/04/2020 lúc 14:03

    cho mình hỏi trong blogspot của mình có messenger rồi nhưng h mình muốn tích hợp thêm zalo chat có đc ko nhỉ? Sẵn cho mình hỏi luôn là trong phần chat của Zalo official có khách hàng nhắn tin cho mình nhưng mình lại ko nhận đc thông báo. Đến khi vào đó thì mình mới thấy, h phải chỉnh ntn ạ? Mình xài máy tính bàn cốc cốc và máy tính bảng. Mong bạn rep ^^

    Bình luận
    • Trung Hiếu Quản lýviết

      05/04/2020 lúc 17:48

      Được bạn nhé. Nhưng cẩn thận 2 cái widget chồng lấn lên nhau. Vấn đề còn lại bạn liên hệ team hỗ trợ của Zalo để được trợ giúp nhé.

      Bình luận
  7. Hào Trương Anh 1 bình luậnviết

    28/10/2019 lúc 14:27

    Sao em tạo Official Account rồi mà trong phần Official Account em không chọn được Official Account đó mà nó để là Zalo for Deverloper gì đó a nhỉ

    Bình luận
    • Trung Hiếu Quản lýviết

      28/10/2019 lúc 17:18

      Bạn liên hệ với bên hỗ trợ của Zalo thử xem nhé.

      Bình luận
  8. mai 1 bình luậnviết

    14/08/2019 lúc 11:19

    cho mình hỏi, mình đã cài zalo chat theo hướng dẫn, nhưng khi mình vào website của mình chat thử thì zalo ko báo tin nhắn, mở hợp zalo chat lên cũng ko thấy hiển thị tin nhắn từ trang web, bạn hướng dẫn giúp mình, cám ơn bạn

    Bình luận
    • Trung Hiếu Quản lýviết

      14/08/2019 lúc 11:36

      Cái này bạn liên hệ bộ phận hỗ trợ của Zalo để được giải đáp nhé. :)

      Bình luận
  9. Ngọc 1 bình luậnviết

    27/03/2019 lúc 14:32

    Bạn ơi cho mình hỏi là mình làm tất cả các bước như trên nhưng khi nt trên web thì không hiện tin nhắn lên và cũng không trả lời khách hàng được là mình đang bị lỗi gì vậy ạ?

    Bình luận
  10. Huỳnh Chiến 4 bình luậnviết

    03/03/2019 lúc 08:43

    Hiếu ơi mình làm theo hướng dẫn nhưng không hoạt động được
    Bạn giúp mình với đc ko , mình chèn code vào xong thì cái icon zalo vẫn hiển thị
    , mình dùng 1 máy khác để test thử thì nó đưa mình đến trang bình luận của zalo
    còn vào chat thử thì nó báo như vầy
    Bạn hãy đặt câu hỏi tại trang https://developers.zalo.me/community/ để có thể nhận được sự hỗ trợ nhanh nhất. Chúc bạn một ngày tốt lành.
    Mong bạn giúp đỡ , cam ơn bạn

    Bình luận
« 1 2

Sidebar chính

Người sáng lập

avatar-tac-gia
Blogger - Developer - Freelancer

Tôi tên là Bùi Trung Hiếu, sinh ra ở một làng quê nghèo thuộc tỉnh Nghệ An. Hiện tại, tôi đang sinh sống và làm việc tại Hà Nội. Với niềm đam mê công nghệ thông tin mãnh liệt, đặc biệt là WordPress, tôi đã tự tìm tòi, nghiên cứu về chúng trong suốt nhiều năm qua.

Xem thêm về tôi

Theo dõi qua mạng xã hội

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Plugin độc quyền miễn phí

  • WPCB Secure Shield
  • WPCB Hybrid Cache Manager
  • WPCB Simple Ratings
  • WPCB Simple AntiSpam
  • WPCB Social Share Buttons
  • WPCB Comment Notifications
  • WPCB Comment User Badge
  • WPCB Top Commenters
  • WPCB Simple SMTP
  • WPCB Simple Contact Form
  • WPCB Permalinks Manager
  • WPCB Syntax Highlighter
  • WPCB Content Protector
  • WPCB Auto Images Alt-Text
  • WPCB Snowfall
  • WPCB Ultimate Search
  • WPCB 404 Auto Redirect
  • WPCB Disable Blog
  • WPCB Simple Lightbox
  • WPCB Auto Expired Transients Cleaner

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Bài viết mới nhất

  • Sửa lỗi 404 cho XML Sitemaps của Rank Math SEO 01/02/2026
  • Plugin chống spam siêu nhẹ dành cho WordPress 07/01/2026
  • Plugin siêu nhẹ tạo hiệu ứng tuyết rơi cho WordPress 12/12/2025
  • WordPress 6.9 “Gene” chính thức phát hành 03/12/2025
  • Biểu mẫu Jetpack Newsletter cho theme Paradise 20/10/2025
  • Khắc phục lỗi temp-write-test trong WordPress 06/08/2025

Footer

Bình luận mới nhất

  • Trung Hiếu trong Hiển thị code trong bài viết của WordPress
  • HN trong Hiển thị code trong bài viết của WordPress
  • Trung Hiếu trong Hiển thị code trong bài viết của WordPress
  • Tịnh Nguyễn Blog trong Hiển thị code trong bài viết của WordPress
  • Trung Hiếu trong Hiển thị code trong bài viết của WordPress

Bình luận nhiều nhất

  1. Tịnh Nguyễn Blog (20)
  2. Quang (5)
  3. Ngọc Blue (5)
  4. Lê Tùng (4)
  5. Tuấn Lê (3)
  6. Nutatu (2)
  7. VietHouse (2)
  8. Góc Của Ân (1)

Liên kết hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Bản quyền nội dung
  • Chính sách bảo mật
  • Liên hệ hỗ trợ

Thống kê WP Căn bản

9 Chuyên mục - 1.016 Bài viết - 35.678 Bình luận

Bản quyền © 2014 - 2026 · WP Căn bản (tiền thân là ebooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting