Đăng nhập bằng mạng xã hội cho tài khoản khách hàng

Ngoài trải nghiệm đăng nhập không cần mật khẩu mặc định của tài khoản khách hàng, bạn có thể kết nối tài khoản Google và Facebook để cho phép khách hàng đăng nhập bằng thông tin xác thực mạng xã hội.

Kích hoạt tính năng đăng nhập bằng mạng xã hội cho tài khoản khách hàng mang đến trải nghiệm đăng nhập nhanh hơn qua các phương thức xác thực quen thuộc. Bạn có thể kích hoạt nhiều phương thức đăng nhập bằng mạng xã hội trên cửa hàng.

Nếu đã kết nối nhà cung cấp danh tính riêng với tài khoản khách hàng và muốn kết nối tính năng đăng nhập bằng mạng xã hội, bạn cần liên hệ với nhà cung cấp danh tính bên ngoài.

Những lưu ý khi kết nối đăng nhập bằng mạng xã hội với tài khoản khách hàng

Xem xét những lưu ý sau khi kết nối đăng nhập bằng mạng xã hội với tài khoản khách hàng:

• Bạn phải có tài khoản nhà phát triển cho nhà cung cấp muốn kết nối với tài khoản khách hàng.
• Dữ liệu duy nhất của khách hàng được đồng bộ với Shopify khi sử dụng đăng nhập bằng mạng xã hội là địa chỉ email.

Kết nối Google với tài khoản khách hàng

Để kết nối Google với tài khoản khách hàng, bạn cần hoàn thành các tác vụ sau theo thứ tự:

• Bước 1: Mở trang Đăng nhập bằng Google trong trang quản trị Shopify
• Bước 2: Tạo ứng dụng trong Google Cloud Console
• Bước 3: Cấu hình ứng dụng khách OAuth của ứng dụng trong Google Cloud Console
• Bước 4: Cấu hình thông tin xác thực trong trang quản trị Shopify
• Bước 5: Đăng ứng dụng trong Google Cloud Console

Trong quá trình thiết lập, bạn cần chuyển đổi qua lại giữa các tab trình duyệt của Google Cloud Console và trang quản trị Shopify. Bạn cần thiết lập tài khoản Google Cloud để kết nối Google với tài khoản khách hàng. Để tìm hiểu thêm về Google Cloud, tham khảo tài liệu trợ giúp của Google.

Bước 1: Mở trang Đăng nhập bằng Google trong trang quản trị Shopify

1. Trong trang quản trị Shopify, đi tới Cài đặt > Tài khoản khách hàng.

2. Trong phần Xác thực, nhấp vào Quản lý.

3. Nhấp vào Kết nối bên cạnh Google để mở trang Đăng nhập bằng Google.

Trang này chứa thông tin bạn sẽ cần sao chép và dán khi cấu hình ứng dụng khách OAuth của ứng dụng Google, vì vậy hãy giữ trang này mở trong một tab trình duyệt riêng.

Bước 2: Tạo ứng dụng trong Google Cloud Console

1. Trong một tab trình duyệt khác, đăng nhập vào Google Cloud Console.
2. Chọn một dự án hiện có hoặc tạo dự án mới. Bạn sẽ được chuyển hướng đến trang quản trị của dự án.
3. Nhấp vào , rồi nhấp vào API và Dịch vụ > Thông tin xác thực.
4. Nhấp vào Cấu hình màn hình xin phép > Bắt đầu.
5. Hoàn tất thông tin cấu hình OAuth cho dự án:
   1. Đặt cho ứng dụng một tên mà khách hàng dễ nhận biết, chẳng hạn như tên cửa hàng trực tuyến. Cung cấp email để hỗ trợ kỹ thuật, rồi nhấp vào Tiếp theo.
   2. Trong phần Đối tượng, chọn Bên ngoài, rồi nhấp vào Tiếp theo.
   3. Cung cấp email liên hệ để nhận các thông báo từ Google về dự án, rồi nhấp vào Tiếp theo.
   4. Đồng ý với Chính sách dữ liệu người dùng dịch vụ API của Google, rồi nhấp vào Tiếp tục.
   5. Nhấp vào Tạo.
6. Cấu hình thông tin chính sách của ứng dụng sẽ hiển thị cho khách hàng trên màn hình xin phép:
   1. Nhấp vào Thương hiệu.
   2. Trong phần Miền ứng dụng, đưa vào liên kết đến trang chủ, liên kết đến chính sách bảo mật công khai và liên kết đến điều khoản dịch vụ. Tìm hiểu thêm về cách tạo chính sách của cửa hàng.

Bước 3: Cấu hình ứng dụng khách OAuth của ứng dụng trong Google Cloud Console

Bước này yêu cầu bạn sao chép thông tin từ phần Hướng dẫn thiết lập trên trang Đăng nhập bằng Google trong trang quản trị Shopify và dán vào các trường tương ứng trên tab Google Cloud Console.

1. Trong ứng dụng của dự án trên Google Cloud Console, nhấp vào Tổng quan.
2. Trong phần Chỉ số, nhấp vào Tạo ứng dụng khách OAuth.
3. Cấu hình thông tin chi tiết ứng dụng khách OAuth:
   1. Từ menu thả xuống Loại ứng dụng, chọn Ứng dụng web.
   2. Trong trường Tên, nhập tên.
4. Cấu hình Nguồn JavaScript được ủy quyền cho ứng dụng:
5. Trong phần Nguồn JavaScript được ủy quyền, nhấp vào + Thêm URI.
6. Trên trang Đăng nhập bằng Google trong trang quản trị Shopify, sao chép giá trị nguồn JavaScript được ủy quyền.
7. Trong Google Cloud Console, dán giá trị vào trường URI 1.
8. Nếu bạn có nhiều URI trong phần JavaScript được ủy quyền của trang quản trị Shopify, hãy lặp lại các bước này cho các trường URI bổ sung.
9. Cấu hình URI chuyển hướng được ủy quyền cho ứng dụng:
10. Trong Google Cloud Console, ở phần URI chuyển hướng được ủy quyền, nhấp vào + Thêm URI.
11. Trong tab trình duyệt mở trang quản trị Shopify, sao chép giá trị URI chuyển hướng được ủy quyền.
12. Quay lại Google Cloud Console, rồi dán giá trị vào trường URI 1.
13. Nếu bạn có nhiều URI trong phần URI chuyển hướng được ủy quyền của trang quản trị Shopify, hãy lặp lại các bước này cho các trường URI bổ sung.
14. Trong Google Cloud Console, nhấp vào Tạo.

Giữ hộp thoại OAuth client created đang hiển thị luôn mở cho Bước 4: Cấu hình thông tin xác thực trong Shopify admin vì cần sao chép và dán thông tin từ Google Cloud Console vào Shopify admin.

Bước 4: Cấu hình thông tin xác thực trong Shopify admin

1. Từ hộp thoại OAuth client created trong Google Cloud Console, sao chép Client ID.
2. Trên trang Sign in with Google trong Shopify admin, dán Client ID vào phần Thông tin xác thực.
3. Từ hộp thoại OAuth client created trong Google Cloud Console, sao chép Client secret.
4. Trên trang Sign in with Google trong Shopify admin, dán Client secret vào phần Thông tin xác thực.
5. Trên trang Sign in with Google trong Shopify admin, nhấp vào Lưu.

Bước 5: Đăng ứng dụng trong Google Cloud Console

1. Trong ứng dụng của dự án trên Google Cloud Console, nhấp vào Audience.
2. Nhấp vào Đăng ứng dụng.

Kết nối Facebook với tài khoản khách hàng

Để kết nối Facebook với tài khoản khách hàng, cần hoàn thành các tác vụ sau theo thứ tự:

• Bước 1: Mở trang Sign in with Facebook trong Shopify admin
• Bước 2: Tạo ứng dụng trong trang quản trị Meta for Developers
• Bước 3: Cấu hình cài đặt ứng dụng Meta
• Bước 4: Cấu hình thông tin xác thực trong trang quản trị Shopify
• Bước 5: Thử nghiệm và kích hoạt Sign in with Facebook

Trong quá trình thiết lập, cần chuyển đổi giữa các tab trình duyệt của trang quản trị Meta for Developers và Shopify admin. Để kết nối Facebook với tài khoản khách hàng, cần có tài khoản Meta Developer. Tìm hiểu cách đăng ký làm Meta Developer.

Bước 1: Mở trang Sign in with Facebook trong Shopify admin

1. Trong trang quản trị Shopify, đi tới Cài đặt > Tài khoản khách hàng.

2. Trong phần Xác thực, nhấp vào Quản lý.

3. Nhấp vào Kết nối bên cạnh Facebook để mở trang Sign in with Facebook.

Bước 2: Tạo ứng dụng trong trang quản trị Meta for Developers

1. Trong tab trình duyệt riêng, truy cập vào trang quản trị Meta for Developers, sau đó nhấp vào Đăng nhập để đăng nhập. Nếu chưa thiết lập tài khoản Meta Developer, cần tạo tài khoản mới từ trang đăng nhập trước khi tiếp tục bước tiếp theo.
2. Nhấp vào Ứng dụng.
3. Nhấp vào Tạo ứng dụng.
4. Điền vào trường Tên ứng dụng và Email liên hệ của ứng dụng, sau đó nhấp vào Tiếp.
5. Trên trang Thêm trường hợp sử dụng, chọn Xác thực và yêu cầu dữ liệu từ người dùng bằng Facebook Login, sau đó nhấp vào Tiếp.
6. Trên trang Bạn muốn kết nối danh mục kinh doanh nào với ứng dụng này?, chọn một danh mục kinh doanh hoặc chọn Tôi chưa muốn kết nối danh mục kinh doanh., sau đó nhấp vào Tiếp.
7. Xem lại trang Yêu cầu đăng, sau đó nhấp vào Tiếp.
8. Xem lại trang Tổng quan, sau đó nhấp vào Đi đến trang quản trị.

Bước 3: Cấu hình cài đặt ứng dụng Meta

1. Sau khi tạo ứng dụng, trong trang quản trị Meta for Developers, nhấp vào Trường hợp sử dụng.
2. Ở trường hợp sử dụng Xác thực và yêu cầu dữ liệu từ người dùng bằng Facebook Login, nhấp vào Tùy chỉnh.
3. Để đảm bảo nắm bắt được thông tin khách hàng khi đăng nhập, trong phần Quyền và tính năng, bên cạnh email, nhấp vào Thêm.
4. Nhấp vào Cài đặt, rồi truy cập Client OAuth settings.
5. Trên trang Sign in with Facebook trong Shopify admin, sao chép URL chuyển hướng từ phần URL chuyển hướng.
6. Trên trang Cài đặt trong trang quản trị Meta for Developers, dán URL chuyển hướng vào trường Valid OAuth Redirect URIs.
7. Nếu có nhiều URL chuyển hướng trong phần URL chuyển hướng của Shopify admin, hãy lặp lại các bước này đối với những URL chuyển hướng bổ sung đó.
8. Trên trang Sign in with Facebook trong Shopify admin, sao chép URL từ phần Deauthorize URL.
9. Trên trang Cài đặt trong trang quản trị Meta for Developers, dán URL vào trường Deauthorize callback URL.
10. Trên trang Cài đặt trong trang quản trị Meta for Developers, nhấp vào Lưu thay đổi.

Bước 4: Cấu hình thông tin xác thực trong Shopify admin

1. Nhấp vào biểu tượng Trang chủ để quay lại trang quản trị Meta for Developers, sau đó nhấp vào Cài đặt ứng dụng > Cơ bản.
2. Sao chép App ID từ trang quản trị Meta for Developers.
3. Trên trang Sign in with Facebook trong Shopify admin, dán App ID vào trường App ID trong phần Thông tin xác thực.
4. Trong trang quản trị Meta for Developers, nhấp vào Hiển thị bên cạnh App secret, rồi sao chép App secret.
5. Trên trang Sign in with Facebook trong Shopify admin, dán App secret vào trường App secret, rồi nhấp vào Lưu.
6. Trong Shopify admin, nhấp vào Lưu thay đổi.

Bước 5: Thử nghiệm và kích hoạt Sign in with Facebook

1. Trên trang Sign in with Facebook trong Shopify admin, nhấp vào Thao tác khác > Xem trước, sau đó thử nghiệm luồng xác thực Facebook như thể một khách hàng đang đăng nhập vào cửa hàng.
2. Nhấp vào Bật.

Sau khi bật Sign in with Facebook, có thể thử nghiệm trải nghiệm khách hàng bằng cách điều hướng đến cửa hàng trực tuyến và đăng nhập vào tài khoản khách hàng bằng Facebook.

Đăng nhập bằng Shop

Nếu đã kích hoạt Shop Pay, khách hàng có thể đăng nhập bằng thông tin xác thực Shop của họ và mã khóa đã lưu. Khách hàng cũng tự động được đăng nhập bằng Shop sau khi thanh toán trên cửa hàng bằng Shop Pay.

Đăng nhập bằng Shop được tự động kích hoạt cho tài khoản khách hàng và chỉ có thể gỡ khỏi cửa hàng nếu hủy kích hoạt Shop Pay.

Tìm hiểu cách thêm nút Đăng nhập bằng Shop vào cửa hàng.

Quản lý tùy chọn đăng nhập qua mạng xã hội

Có thể chỉnh sửa, tắt hoặc gỡ phương thức đăng nhập qua mạng xã hội đã kết nối.

Sau khi tắt hoặc gỡ phương thức đăng nhập qua mạng xã hội, khách hàng vẫn ở trạng thái đăng nhập để tránh bị gián đoạn. Phiên đăng nhập qua mạng xã hội sẽ tự hết hạn hoặc khi khách hàng đăng xuất.

Các bước:

1. Trong trang quản trị Shopify, đi tới Cài đặt > Tài khoản khách hàng.

2. Trong phần Xác thực, nhấp vào Quản lý.

3. Bên cạnh phương thức đăng nhập muốn thay đổi, nhấp vào menu ….

4. Thực hiện một trong các thao tác sau:

   • Để chỉnh sửa tùy chọn đăng nhập, nhấp vào Quản lý, rồi cập nhật thông tin xác thực muốn chỉnh sửa.
   • Để tắt tùy chọn đăng nhập mà không gỡ tùy chọn, nhấp vào Tắt.
   • Để gỡ tùy chọn đăng nhập, nhấp vào Gỡ, rồi nhấp vào Gỡ trong hộp thoại.

Cập nhật phương thức đăng nhập qua mạng xã hội khi thay đổi miền của tài khoản khách hàng

Nếu dự định thay đổi miền của tài khoản khách hàng thành URL khác, cần cập nhật cài đặt đăng nhập qua mạng xã hội trước khi thực hiện thay đổi trong Shopify. Việc này đảm bảo khách hàng có thể tiếp tục đăng nhập mà không bị gián đoạn.

Các bước này là bắt buộc khi cập nhật URL của tài khoản khách hàng trong Shopify từ định dạng cũ, chẳng hạn như shopify.com/1234567890/account, sang định dạng tên miền phụ mới account.your-store.com, hoặc từ tên miền phụ hiện tại sang tên miền phụ khác, chẳng hạn như cập nhật account.your-store.com thành customers.your-store.com.

Thêm tên miền phụ mới của tài khoản khách hàng vào nhà cung cấp mạng xã hội

Cần thêm miền mới vào cài đặt của nhà cung cấp mạng xã hội cùng với miền hiện tại. Sau khi thay đổi miền của tài khoản khách hàng trong Shopify và xác nhận quy trình đăng nhập, đăng xuất tài khoản khách hàng hoạt động bình thường, có thể gỡ các mục nhập miền cũ.

Cần lặp lại các bước này đối với từng tùy chọn đăng nhập qua mạng xã hội đã kích hoạt.

Các bước: