• 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
wpcb-logo

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á...
  • Facebook
  • Twitter (X)
  • LinkedIn
  • Pinterest
  • Tumblr
  • Zalo

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

    Trả lời
    • 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

      Trả lời
  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?

    Trả lời
    • Trung Hiếu Quản lýviết

      11/05/2021 lúc 18:36

      Đúng rồi bạn.

      Trả lời
  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

    Trả lời
  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

    Trả lời
  5. Nguyễn Quốc Hùng 152 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?

    Trả lời
    • 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.

      Trả lời
      • Nguyễn Quốc Hùng 152 bình luậnviết

        05/04/2020 lúc 17:53

        Ok Hiếu nhé!

        Trả lời
  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 ^^

    Trả lời
    • 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é.

      Trả lời
  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ỉ

    Trả lời
    • 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é.

      Trả lời
  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

    Trả lời
    • 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é. :)

      Trả lời
  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 ạ?

    Trả lời
  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

    Trả lời
« 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 404 Auto Redirect
  • WPCB AI Optimization
  • WPCB Auto Images Alt-Text
  • WPCB Auto Expired Transients Cleaner
  • WPCB Central Panel
  • WPCB Comment Notifications
  • WPCB Comment User Badge
  • WPCB Content Protector
  • WPCB Disable Blog
  • WPCB Hybrid Cache Manager
  • WPCB Images Cleaner
  • WPCB Images Optimizer
  • WPCB Permalinks Manager
  • WPCB Secure Shield
  • WPCB Simple AntiSpam
  • WPCB Simple Contact Form
  • WPCB Simple Lightbox
  • WPCB Simple Ratings
  • WPCB Simple SMTP
  • WPCB Snowfall
  • WPCB Social Share Buttons
  • WPCB SpeedUp
  • WPCB Syntax Highlighter
  • WPCB Top Commenters
  • WPCB Ultimate Search

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

  • WordPress 7.0 “Armstrong” chính thức phát hành 21/05/2026
  • Plugin WPCB SpeedUp tối ưu WordPress độc quyền 19/05/2026
  • Dọn dẹp ảnh thừa cho website WordPress 28/04/2026
  • Plugin nén ảnh siêu nhẹ dành cho WordPress 24/04/2026
  • Ra mắt plugin WPCB Central Panel độc quyền 08/04/2026
  • Tối ưu website WordPress cho AI một cách đơn giản 24/03/2026

Footer

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

  • Trung Hiếu trong Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo
  • Góc Của Ân trong Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo
  • Trung Hiếu trong Hướng dẫn tích hợp dark mode cho website WordPress
  • Nguyễn Hùng trong Hướng dẫn tích hợp dark mode cho website WordPress
  • Trung Hiếu trong Cache Gravatar giúp website WordPress load nhanh hơn

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

  1. Tịnh Nguyễn Blog (9)
  2. Blog Công Chứng (2)
  3. DIGICONTENT VN (2)
  4. Kenivinh (1)
  5. Trương Hoàng Tú (1)
  6. Góc Của Ân (1)
  7. 123 Jewelry (1)
  8. Công Chứng (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.024 Bài viết - 35.731 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