Plugin PVS Zalo Login – Đăng nhập thông qua Zalo cho WordPress

Việc xây dựng chức năng đăng nhập website sử dụng các mã xã hội ngày nay đã rất phổ biến với sự phát triển mạnh mẽ của các mạng xã hội trên thế giới: Facebook, Google, Twitter, LinkedIn,…

Tại Việt Nam, mạng xã hội Zalo cũng rất phát triển và bạn cũng có thể xây dựng chức năng đăng nhập Zalo cho website của mình.

Trước đây, mình có viết bài hướng dẫn xây dựng chức năng đăng nhập thông qua Zalo và nhận được nhiều sự quan tâm.

Hôm nay, mình quyết định code plugin PVS Zalo Login – Đăng nhập thông qua Zalo cho WordPress và chia sẻ nó tới cộng đồng WordPress.

Tổng qua về Plugin PVS Zalo Login

• Đăng nhập thông qua Zalo
• Hỗ trợ lấy link đăng nhập thông qua hàm PHP
• Hỗ trợ chèn nút đăng nhập thông qua Shortcode
• Tự động chèn nút đăng nhập vào form login mặc định (Có option bật/tắt)
• Tự đồng chèn nút đăng nhập vào form login của WooCommerce (Có option bật/tắt)

Hình ảnh về Plugin PVS Zalo Login

Demo Plugin PVS Zalo Login

Các bạn có thể download plugin về tự trải nghiệm hoặc xem demo tại đây: https://demo.pveser.asia

Download Plugin PVS Zalo Login

Tôi chưa publish plugin này lên wordpress.org nên các bạn dùng tạm tại link Google Drive sau: https://drive.google.com/file/d/1MDJy_WyPvTu5R7B3fqMzNGnuc7kJA93_/view?usp=sharing

Hướng dẫn sử dụng plugin PVS Zalo Login

Bước 01: Download plugin về máy tính và upload lên website WordPress

Bạn hãy download plugin PVS Zalo Login về máy tính, sau đó truy cập: Plugin => Cài mới => Tải plugin lên

Tại đây, bạn chọn file plugin vừa tải về (file .zip) và bấm Cài đặt => Kích hoạt

Bước 02: Tạo ứng dụng Zalo

Bạn truy cập đường link sau để tạo ứng dụng: https://developers.zalo.me

Click vào ảnh đại diện => “Thêm ứng dụng mới”

Nhập tên ứng dụng muốn tạo => Bấm “Tạo ID ứng dụng”

Sau khi tạo ứng dụng xong, bạn cần kích hoạt ứng dụng. Bấm vào nút “Kích hoạt ứng dụng” để kích hoạt.

Bước 03: Thiết lập ứng dụng Zalo

Bạn truy cập phần ‘Sản phẩm’ => ‘Đăng nhập’ để thêm nền tảng

Bấm “Thêm nền tảng” => “Web”

Sau khi chọn nền tảng, bạn cần thiết lập Callback

• Callback URL: Nhập link chuyển hướng sau khi đăng nhập thành công (Nhanh nhất là để link trang chủ website của bạn). Phần này bắt buộc phải nhập, nếu không chức năng sẽ không sử dụng được
• Home URL: Link chuyển đi khi bạn mời người khác sử dụng ứng dụng (Có thể bỏ qua)

Cuối cùng, đừng quên bấm “Lưu thay đổi” để lưu lại.

Bước 04: Thiết lập plugin PVS Zalo Login

Bạn truy cập menu PVS Zalo Login trong trang quản trị WordPress

Tại đây, bạn cập nhật App ID, App Secret và lựa chọn các tuỳ chọn => Sau đó bấm “Lưu thay đổi”

Lưu ý: App ID và App Secret lấy trên ứng dụng Zalo đã thiết lập ở bước trên.

Cuối cùng, hãy đăng xuất ra và trải nghiệm kết quả!

Kết luận

Trên đây, mình đã chia sẻ và hướng dẫn đầy đủ về Plugin PVS Zalo Login. Hy vọng sản phẩm này sẽ có ích với bạn!

Nếu có bất kỳ câu hỏi nào hoặc góp ý, vui lòng comment phía dưới bài viết này.