Quản trị website – Zalo với Web30s

Để có thể sử dụng các chức năng liên quan tới Zalo như đăng nhập Zalo, Zalo chat,.. thì Quý Khách cần thực hiện việc cấu hình trong tab Kết nối Zalo.

I. Tạo và cấu hình ứng dụng Zalo

Để bắt đầu sử dụng Quý Khách cần tạo mới Ứng dụng chứa tên miền website để có các thông tin Zalo cung cấp điền vào các mục tương ứng trong Kết nối Zalo.

Quý Khách có thể tham khảo các bước hướng dẫn từng mục mà công ty PA Việt Nam đã cung cấp trong quản lý.

Bao gồm các bước:

+ B1: Truy cập vào https://developers.zalo.me/apps. Nếu bạn có ứng dụng rồi thì bỏ qua bước 2.

+ B2: Nhấn vào nút “Tạo mới”, sau đó nhập tên hiển thị vào “Tên hiển thị”. Sau đó nhấn vào nút “Tạo ID ứng dụng”.

Sau đó Quý Khách vui lòng điền các thông tin cho Ứng dụng Zalo để hiển thị trong Kết nối Zalo.

Khi hoàn tất sẽ hiển thị ra Ứng dụng Zalo mà Quý Khách đã tạo trong Quản lý ứng dụng

Quý Khách vào ứng dụng đã tạo và lấy các thông tin App ID và App Secret:

Sau đó, Quý khách vào web30s và điền các thông tin đã lấy từ App Zalo:

II. Tạo và cấu hình Zalo Official Account (Zalo OA)

Zalo OA dùng cho các chức năng:

• Tạo tài khoản mới: dành cho các giao diện Web30s như Web Shop, Web Bất động sản thông qua viêc sử dụng tài khoản Zalo thay vì phải tạo tài khoản mới qua bước đăng ký.
• Zalo Chat: tùy vào gói dịch vụ Web30s mà Quý khách sẽ có sẵn ứng dụng Zalo Chat hoặc đăng ký thêm tại: https://web30s.vn/Zalo-Chat-1306

Hướng dẫn các bước tạo Zalo OA

+ B1: Truy cập vào https://oa.zalo.me/manage/oa?option=create. Sau đó chọn 1 loại tài khoản.

Quý Khách vui lòng chọn ” Tạo Official Account mới” để bắt đầu tạo.

+ B2: Bạn chọn “Danh mục chính” và “Danh mục con”, sau đó nhấn nút “Tiếp tục”.

Quý Khách chọn loại tài khoản ” Danh nghiệp” và bắt đầu điền các thông tin

+ B2: Sau khi nhập thông tin vào form, sau đó nhấn nút “Tạo tài khoản OA”.

+ B3: Sau khi hoàn tất đăng ký Quý Khách vui lòng chờ 5-7 ngày để Zal duyệt ứng dụng của Quý Khách

+ B4: Khi Zalo đã hoàn tất duyệt Official Account của Quý Khách thì vào menu ‘Quản lý/Thông tin tài khoản,

Sau đó lấy thông tin ‘Official Account ID’ và thêm vào mục Kết nối zalo -> Cấu hình Official Account để sử dụng Zalo Chat.

III. Sử dụng chức năng Đăng nhập Zalo

Quý Khách có thể cấu hình để sủ dụng chức năng đăng nhập Zalo trên website

Để sử dụng được chức năng ‘Đăng nhập Zalo’, bạn làm theo các bước sau:

B1: Truy cập vào https://developers.zalo.me/apps. Sau đó chọn 1 ứng dụng Zalo.

B2: Bên trái menu ‘Sản phẩm’ nhấp vào ‘Đăng nhập’.

B3: Bạn nhập đường dẫn sau http://đường dẫn website/zalo-callback vào ô ‘Callback URIs’. Nhấp ‘Lưu thay đổi’.

B4. Quý Khách vui lòng bấm ” Kích hoạt” trong tab Kết nối Zalo ở trang Admin để bắt đầu sử dụng

IV. Sử dụng Zalo Chat

Để sử dụng Zalo Chat, Nhà quản trị cần đăng ký Tiện ích / Ứng dụng trên gói website chưa hỗ trợ tích hợp sẵn.

Thông tin đăng ký tại đây: https://www.web30s.vn/Zalo-Chat-1306 

Sau khi nhà quản trị đã cấu hình ứng dụng Zalo ở mục I thành công thì Nhà quản trị truy cập Web admin >> Quản lý Zalo Chat. Tại đây Nhà quản trị sẽ thấy xuất hiện ID Zalo Official Account tự động.

Lúc này, trên website của Nhà quản trị sẽ xuất hiện icon Zalo Chat ở vị trí góc bên phải, dưới cùng của website. Mặc định icon Zalo Chat sẽ cách lề phải của màn hình khoảng 52px, cách lề dưới của màn hình 52px.

Do đó, tùy vào các thành phần khác đang có ở website như Nút lên top, các nhúng chat khác (như facebook Messenger,…) có thể sẽ bị đụng vị trí (xếp chồng nhau). Nhà quản trị hoàn toàn có thể tiến hành điều chỉnh bằng cách thêm Code CSS như bên dưới ở tính năng menu quản trị là Coder Header (Quản lý website >> Thiết lập website >> Code Header).

Code tham khảo:

<style>
.zalo-chat-widget{
bottom: 100px!important;
right: 25px!important;
}
</style>

Code này giúp icon Zalo luôn cách màn hình bên dưới 1 khoảng 100px và bên phải 25px. Nhà quản trị tuy tùy giao diện của mình có thể điều chỉnh thêm cho phù hợp. 

Trên đây là toàn bộ hướng dẫn liên quan Zalo Chat, Zalo OA và các ứng dụng của Zalo cho Nhà quản trị dễ dàng cấu hình.

Quý Khách có thể xem các bài viết hướng dẫn web30s khác tại:

https://kb.pavietnam.vn/category/web30s/huong-dan-web30s-phien-ban-3

Quý khách có thể tham khảo thêm nhiều chương trình khuyến mãi của P.A Việt Nam tại đây.

P.A Việt Nam – Web30s