Plugin Zalo WordPress – Tích hợp Chat Zalo vào website

|

Zalo trong những năm gần đây là một trong những ứng dụng số 1 tại thị trường Việt Nam. Vì thế mà những Website bán hàng, công ty hay những blog cũng đều cần tích hợp chat zalo vào website. Nhưng tích hợp chat zalo cũng khá phức tạp cho những người không rành kỹ thuật đó là làm rất khó và tốn khá nhiều thời gian. Hiểu được điều đó, bài viết dưới đây ThemeNest sẽ chia sẻ các bạn plugin zalo wordpress chuyên nghiệp và tiện lợi nhất. Hãy cùng tham khảo nhé!

Tích Hợp Plugin Zalo Vào WordPress
Tích Hợp Plugin Zalo Vào WordPress

Tại sao nên tích hợp chat Zalo WordPress vào Website

Tại Sao Nên Tích Hợp Chat Zalo WordPress Vào Website
Tại Sao Nên Tích Hợp Chat Zalo WordPress Vào Website

Zalo đem lại nhiều tiện ích cho người dùng bên cạnh những tiện lợi như chat Facebook Messenger quá quen thuộc. Những lý do mà bạn nên tích hợp chat Zalo vào Website:

  • Zalo là một ứng dụng sử dụng online hàng giờ nhiều nhất ở Việt Nam. Số lượng người dùng lên đến hàng chục triệu người.
  • Zalo gọi miễn phí, nhắn tin nhanh và tạo tài khoản siêu dễ chỉ vài click theo số điện thoại.
  • Khi sử dụng Zalo thì bạn có thể gửi File, hình ảnh, video và định vị Google maps rất nhanh chóng mà lại hoàn toàn miễn phí.
  • Chất lượng hình ảnh hay những File gửi thông qua Zalo chat cũng đều giữ được chất lượng tốt hơn là Facebook Messenger.

Tìm hiểu thêm: Plugin là gì? Các plugin hay cho WordPress

Hướng dẫn tích hợp Widget Zalo Chat vào WordPress

Hướng Dẫn Tích Hợp Widget Zalo Chat Vào WordPress
Hướng Dẫn Tích Hợp Widget Zalo Chat Vào WordPress

Để thực hiện cách tích hợp Zalo wordpress thì bạn nên truy cập vào tài khoản zalo của mình. Nếu như mà bạn chưa có tài khoản thì bạn có thể tự tạo cho mình một tài khoản riêng cho mình như sau:

Tạo tài khoản Zalo Officical Account

  1. Trước tiên bạn mở tài khoản Zalo Official Account

Bạn truy cập vào trang website: https://oa.Zalo.me/home để tiến hành lập tài khoản.

Tạo Tài Khoản Zalo Officical Account
Tạo Tài Khoản Zalo Officical Account
  1. Chọn loại tài khoản

Để đăng ký Official Account thì bạn cũng cần lựa chọn tài khoản phù hợp với mục đích sử dụng của mình. Với mỗi loại tài khoản thì sẽ có một đoạn mô tả ngắn cho mục đích sử dụng của từng loại tài khoản khác nhau.

Chọn Loại Tài Khoản để đăng Ký
Chọn Loại Tài Khoản để đăng Ký

Có 3 loại tài khoản:

  • Nội dung: Dành cho phát triển nội dung, tin tức cộng đồng.
  • Cửa hàng: Dành cho buôn bán sản phẩm, dịch vụ.
  • Dịch vụ khác: Dùng cho những nhãn hàng, tổ chức và doanh nghiệp.
  1. Chọn danh mục

Bước này là quan trọng nhất để giúp google bot tìm hiểu được lĩnh vực mà Website mình đăng kinh doanh.

Chọn Danh Mục Kinh Doanh Của Doanh Nghiệp
Chọn Danh Mục Kinh Doanh Của Doanh Nghiệp
  1. Nhập thông tin Doanh nghiệp
Nhập Các Thông Tin Cơ Bản Cho ứng Dụng Zalo
Nhập Các Thông Tin Cơ Bản Cho ứng Dụng Zalo

Tại bước này thì bạn cần nhập những thông tin cần thiết và bắt buộc để hoàn thành đăng ký Zalo WordPress.

  • Tên Official Account: Bạn hãy chọn tên tài khoản dễ nhớ hay lấy tên website cũng được.
  • Thông tin mô tả: Có tối thiểu là 20 ký tự và tối đa là 500 ký tự và nội dung cũng tùy chọn.
  • Điện thoại liên hệ: Thường thì bạn sẽ dùng ứng dụng Zalo cá nhân còn những nhà quản trị thì sẽ lấy những số điện thoại của doanh nghiệp.

Sau khi điền hết những thông tin thì chọn “Tiếp tục“.

  1. Chọn ảnh cho tài khoản Official Account

Tài khoản Zalo cũng giống như tài khoản Facebook, bạn cũng cần tải ảnh đại diện và ảnh bìa cho tài khoản để giúp cho người dùng dễ dàng nhận ra hơn bạn hơn. Bên cạnh đó dùng ảnh độc quyền cho tài khoản Official Account  cũng là một cách để giảm tránh những “tai mắt của bot google” để ý đến tài khoản của website của bạn.

Chọn ảnh đại Diện Cho Tài Khoản Zalo
Chọn ảnh đại Diện Cho Tài Khoản Zalo

Sau khi tải xong ảnh đại diện rồi thì bạn nhấn vào “Hoàn tất”.

  1. Nhập Official để kiểm duyệt

Sau khi điền đầy đủ thông tin và hình ảnh cần thiết để đăng ký tài khoản thì ban cũng cần scan các hình ảnh giấy tờ chứn thực cho bên kiểm duyệt. Đó có thể là giấy phép kinh doanh, mã số thuế hay những tài liệu liên quan khác. Tất cả những giấy tờ này được tải lên đều phải rõ nét, rõ ràng về tên công ty/doanh nghiệp, dấu đỏ và còn hiệu lực.

Chính vì sự quan trọng này mà tại bước 2 thì bạn chọn tài khoản, bạn cần chọn chính xác tài khoản tương ứng với website. Điều này giúp cho việc kiểm duyệt suôn sẻ hơn rất nhiều.

Đa số thì bạn sẽ bạn sẽ mất tầm 1 ngày để bên đội ngũ nhân viên của Zalo xem xét và tiến hành kiểm duyệt thông tin. Nếu như mà thông tin của bạn sai lệch thì Zalo cũng thông báo để bạn bổ sung thêm.

Sau khi mà bạn tạo tài khoản xong thì nên tiến hành lấy mã Zalo chat bằng những bước như sau:

Bước 2: Tạo 1 Zalo Official

Tạo tài khoản Zalo Official bạn truy cập vào địa chỉ http://developers.zalo.me tiếp theo chọn “Ứng dụng của tôi” → Chọn “Thêm mới ứng dụng“.

Tạo 1 Zalo Official
Tạo 1 Zalo Official

Bước 3: Truy cập Tài liệu Widget Chat

Tại địa chỉ http://developers.zalo.me/docs/social/zalo-chat-widget

Truy Cập Tài Liệu Widget Chat
Truy Cập Tài Liệu Widget Chat

Trong đó:

  • Official Account: là tài khoản Zalo chat của bạn.
  • Chọn câu chào: Là tin nhắn chào mừng khi khách truy cập vào Website.
  • Thời gian hiển thị cửa sổ chat (giây): Là thời gian để khung cửa sổ Zalo chat mở lên, mặc định là 0 bạn có thể thay đổi tùy ý.
  • Width (Chiều rộng): chiều rộng khung chat hiển thị trên website.
  • Height (Chiều dài): chiều dài khung chat hiển thị trên website.

Sau khi cài đặt xong click vào “Lấy mã”. Một popup mới sẽ hiện ra bạn click vào vị trí bất kỳ để copy đoạn mã sau đó nhúng vào website.

Copy Toàn Bộ Mã để Nhúng Vào Website
Copy Toàn Bộ Mã để Nhúng Vào Website

Bước 4: Chèn mã Zalo chat vào Widget

Truy cập Dashboard →Chọn “Appearance” (Giao diện) → Chọn “Customize” (Tùy biến).

Chọn Tùy Biến Giao Diện để Chèn Code Vào WordPress
Chọn Tùy Biến Giao Diện để Chèn Code Vào WordPress

Sau đó chọn “Widgets” → Primary SidebarAdd Widgets. Tiếp theo chọn tiện ích “Text”. hèn mã code zalo chat vừa copy lúc nãy.

Cách Chèn Mã Zalo Chat Vào Widget
Cách Chèn Mã Zalo Chat Vào Widget

Chèn mã code zalo chát vừa copy ở bước 3.

Lấy Mã Code Tích Hợp Zalo Vào Website
Lấy Mã Code Tích Hợp Zalo Vào Website

Tiếp theo ấn “Save & Publish”.

Như vậy là bạn đã thấy cửa sổ Zalo Chát nhỏ hiện trên màn hình ở góc phải màn hình rồi.

Giao Diện Chèn Zalo Chat Vào Website Thành Công
Giao Diện Chèn Zalo Chat Vào Website Thành Công

Tích hợp chat Zalo vào Website WordPress bằng Plugin

Tích Hợp Chat Zalo Vào Website WordPress Bằng Plugin
Tích Hợp Chat Zalo Vào Website WordPress Bằng Plugin

Hướng dẫn cài đặt Plugin Button Contact VR

  1. Đăng nhập trang quản trị WordPress, vào phần Plugin → chọn “Cài mới
Cài đặt Plugin Mới
Cài đặt Plugin Mới

Tìm với từ khóa “Zalo”. Button contact VRPlugin zalo chúng ta cần cài đặt.

Plugin Zalo
Plugin Zalo

Bạn chọn “Cài đặt” → Kích hoạt Plugin Zalo cho WordPress.

  1. Sau khi kích hoạt thành công, menu bên trái sẽ có phần Button contact → chọn Button contact để vào phần thiết lập plugin.

Giao diện thiết lập Plugin Zalo website sẽ như hình dưới:

Giao Diện Thiết Lập Plugin Zalo
Giao Diện Thiết Lập Plugin Zalo

Plugin chat zalo cho phép chúng ta cấu hình 3 phần: Điện thoại, Zalo, Viber và Fanpage Facebook. ThemeNest sẽ hướng dẫn cài đặt cho Zalo là chính, còn các loại còn lại có thể cài đặt tương tự.

  1. Thiết lập Zalo
Thiết Lập Zalo
Thiết Lập Zalo

Nhìn vào giao diện hết sức đơn giản và dễ dàng nhận thấy, bạn chỉ cần nhập số điện thoại zalo và chọn màu cho icon (Bạn sẽ nhập hết các số điện thoại và cùng xem kết quả).

  • Phone (Số điện thoại): Cho phép gọi đến số điện thoại.
  • Zalo, Viber: Cho phép bật giao diện ứng dụng và tìm theo số điện thoại.
  • Contact link (Liên kết liên hệ): Cho phép bật trình duyệt với link được cài đặt.
  • Color (Màu sắc): Chọn màu cho nút.
  • Hotline bar (show/hide): Khi tích chọn, nút sẽ hiển thị hotline (Không khuyến khích sử dụng vì như thế sẽ gây khó chịu hoặc mất tập trung, khi người xem có nhu cầu họ sẽ bấm vào để liên hệ)

Sau khi nhập xong, chọn “Lưu thay đổi” và mở website xem kết quả.

Giao Diện Khi Thiết Lập Zalo Thành Công
Giao Diện Khi Thiết Lập Zalo Thành Công

Nhúng zalo vào website cho bạn những nút chuyển động nhỏ, chúng ta sẽ sử dụng các nút được sử dụng nhiều, không nên dùng tất cả, tránh gây mất tập trung cho người xem trang.

  1. Dành cho những bạn muốn thêm những thuộc tính khác tich hợp vào Zalo chat website. Bạn vào ” Advanced setting” (Cài đặt nâng cao).
Cài đặt Nâng Cao Với Plugin Button Contact
Cài đặt Nâng Cao Với Plugin Button Contact
  • Size scale (Kích thước của nút): Độ co giãn hay độ lớn hiển thị các nút. Mặc định là 1, ngoài ra chúng ta có thể chọn từ 0 – 0.99 để giảm độ lớn và tăng độ lớn từ 1 trở lên
  • Location (Vị trí): Vị trí nút bấm có 2 giá trị: Trái (mặc định) và Phải của trang hiển thị
  • Bottom (Mép): Đơn vị %, cho phép thiết lập vị trí của các nút so với mép dưới trang web, càng tăng thì càng cách xa mép.
  • Hide on (Ẩn trên): Cho phép chúng ta ẩn hiển thị các nút trên nền tảng website hoặc mobile, nên ẩn hiển thị ở thiết bị chúng ta không sử dụng.

Sau đó chọn “Lưu thay đổi“.

Hướng dẫn cài đặt Plugin OT Zalo Chat

Bước 1: Đăng nhập trang quản trị WordPress, vào phần Plugin → chọn “Cài mới“.

Cài đặt Plugin Mới
Cài đặt Plugin Mới

Gõ vào ô tìm kiếm từ khóa “OT Zalo Chat” rồi chọn cài đặt. Sau đó nhấn vào “Kích hoạt” Plugin.

Cài đặt Plugin Ot Zalo Chat
Cài đặt Plugin Ot Zalo Chat

Bước 2: Sau khi cài đặt xong truy cập vào “Setting” → Chọn “OT Zalo” và điền các thông tin ở đây.

Hướng Dẫn Cài đặt Plugin Ot Zalo Chat
Hướng Dẫn Cài đặt Plugin Ot Zalo Chat

Trong đó:

  • Zalo Official Account ID: Là ID tài khoản Zalo Chat của bạn.
  • Enable Zalo Chat Widget: Ấn vào đây để kích hoạt Zalo Chat trên website.
  • Welcome Message: Lời chào khi khách truy cập vào website.
  • Enable Zalo Share Button: Ấn vào đây để kích haotj tính năng Zalo Share.
  • Enable Zalo Share Button On Single: Kích hoạt tính năng chia sẻ trên bài viết, pages, product.
  • Zalo icon position: Vị trí hiển thị nút chia sẻ Zalo.
  • Zalo Share Layout: Giao diện chính.
  • Zalo Share Color: Mầu biểu tượng chia sẻ.

Sau khi cài đặt xong click vào “Save Changes” (Lưu thay đổi) để hoàn tất.

Bài viết trên mình cũng đã chia sẻ plugin Zalo WordPress cũng như hướng dẫn cách cài đặt và tích hợp Website. Nếu như bạn có bất cứ thắc mắc gì thì hãy comment ở dưới bài viết để mình hỗ trợ thêm. Chúc các bạn thành công!

Nếu bạn có thắc mắc hay có vấn đề cần hỗ trợ, bạn có thể liên hệ trực tiếp với ThemeNest thông qua các kênh sau:

  • Hotline: 0902 170 180
  • Email: sales@themenest.vn

ThemeNest hiện đang có chương trình khuyến mãi dành cho khách hàng mua theme wordpress. ThemeNest sẽ hỗ trợ quý khách 24/24 với chất lượng theme tốt nhất!

Có tất cả 0 bình luận

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

0902 170 180