Mục tiêu
Tài liệu này mô tả các phương thức kết hợp tính năng Tự động hoàn thành địa điểm, API Xác thực địa chỉ1 và Maps trong quy trình thanh toán thương mại điện tử nhằm mục đích thu thập địa chỉ chất lượng cao.
Điều kiện tiên quyết
Bạn nên làm quen với những nội dung sau:
- Tài liệu dành cho nhà phát triển về JavaScript Place Autocomplete.
- Tìm hiểu cách hoạt động của tính năng Tự động hoàn thành địa điểm và các tuỳ chọn triển khai tính năng này từ góc độ kỹ thuật.
- Hướng dẫn triển khai tính năng Tự động hoàn thành địa điểm cho quy trình thanh toán.
- Ví dụ về các phương pháp hay nhất để triển khai tính năng Tự động hoàn thành địa điểm trong quy trình thanh toán thương mại điện tử.
- Tài liệu sản phẩm về Address Validation API, tập trung vào phần Tạo logic xác thực.
- Tìm hiểu cách hoạt động của API Xác thực địa chỉ từ góc độ kỹ thuật và xem xét các tín hiệu xác định chất lượng địa chỉ.
Xác thực địa chỉ là gì?
Address Validation API là một dịch vụ chấp nhận địa chỉ. Phương thức này xác định các thành phần địa chỉ và xác thực các thành phần đó. Hàm này cũng chuẩn hoá địa chỉ để gửi thư và tìm toạ độ vĩ độ/kinh độ chính xác nhất cho địa chỉ đó. Đối với các địa chỉ ở Hoa Kỳ và Puerto Rico, bạn có thể bật Hệ thống hỗ trợ độ chính xác mã hoá (CASS™) (không bắt buộc).Tại sao bạn cần xác thực địa chỉ khi thanh toán?
Thu thập địa chỉ chính xác trong quá trình đặt hàng:
Đây là một bước quan trọng để thúc đẩy việc giao hàng thành công, tăng khả năng thực hiện đúng hạn và giảm các khoản phí sửa đổi địa chỉ tốn kém.
Hướng dẫn khách hàng nhập địa chỉ nhanh chóng và chính xác:
Tính năng Tự động hoàn thành địa điểm giúp đẩy nhanh quá trình nhập địa chỉ và giảm lỗi nhập, cho phép
khách hàng dễ dàng thanh toán. Tính năng Xác thực địa chỉ đưa ra ý kiến phản hồi về chất lượng tổng thể của địa chỉ, sửa lỗi như chuẩn hoá và lỗi chính tả, đồng thời cải thiện siêu dữ liệu, chẳng hạn như cung cấp chỉ báo nhà ở hoặc thương mại (có ở một số khu vực).
Tổng quan về việc triển khai
Phần này trình bày quy trình nhập địa chỉ được đề xuất cho quy trình thanh toán thương mại điện tử. Quy trình này bao gồm 3 bước:
- Sử dụng tính năng Tự động hoàn thành địa điểm để ghi lại địa chỉ ban đầu.
- Sử dụng API Xác thực địa chỉ để xác nhận địa chỉ đã nhập.
- Hiển thị vị trí của địa chỉ đã nhập trên bản đồ để giúp khách hàng yên tâm về việc giao hàng.
Tiếp theo, chúng ta sẽ tìm hiểu từng bước một.
Bước 1: Quy trình nhập địa chỉ – sử dụng dịch vụ Tự động hoàn thành địa điểm
Triển khai tính năng Tự động hoàn thành địa điểm bằng API JavaScript trên dòng đầu tiên của biểu mẫu nhập địa chỉ.
Tính năng Tự động hoàn thành địa điểm sẽ đưa ra đề xuất cho khách hàng khi họ nhập thông tin chi tiết về địa chỉ. Khi được triển khai bằng API JavaScript, khi người dùng bắt đầu nhập, một trình đơn thả xuống sẽ xuất hiện bên dưới trường biểu mẫu nhập địa chỉ, cho thấy kết quả từ dịch vụ Tự động hoàn thành cập nhật theo từng thao tác nhấn phím. Sau khi nhập đủ thông tin để tìm địa chỉ, người dùng sẽ chọn địa chỉ đó trong trình đơn thả xuống. Thao tác này sẽ tự động điền dữ liệu địa chỉ vào các trường trong biểu mẫu.
Bạn có thể cung cấp cho người dùng hai kiểu nhập thông tin vào biểu mẫu bằng tính năng Tự động hoàn thành địa điểm: màn hình có tất cả các trường địa chỉ hoặc màn hình có một trường nhập duy nhất. Trường nhập duy nhất này nhắc người dùng bắt đầu tìm kiếm khi họ nhập, thay vì nhập từng thành phần địa chỉ. Sau khi tính năng tự động điền điền địa chỉ, quy trình công việc sẽ mở rộng các trường biểu mẫu bằng dữ liệu địa chỉ, cho phép khách hàng xem lại và chỉnh sửa, ví dụ: thêm số căn hộ hoặc số phòng.
Dưới đây là ví dụ về cách luồng này có thể xuất hiện, sử dụng một trường nhập duy nhất:
Bước 2: Sử dụng API Xác thực địa chỉ để xác thực địa chỉ
Sau khi người dùng nhập địa chỉ, bạn nên gọi Address Validation API (API Xác thực địa chỉ) tại bước thanh toán để xác nhận rằng địa chỉ đó hợp lệ và đầy đủ. Kích hoạt lệnh gọi đến API Xác thực địa chỉ khi người dùng nhấp vào nút Tiếp theo hoặc Tiếp tục trên biểu mẫu địa chỉ. Nút này thường dẫn đến trang thanh toán.
Bạn nên gọi API Xác thực địa chỉ cho mọi giao dịch.
Sơ đồ quy trình sau đây minh hoạ ví dụ về cách tích hợp toàn diện API Xác thực địa chỉ trong quy trình thanh toán:
Tài liệu này sẽ thảo luận về các trường hợp chấp nhận địa chỉ sau.
Bước 3: Cung cấp hình ảnh xác nhận
Sau khi nhập địa chỉ, hãy cung cấp cho người dùng thông tin xác nhận bằng hình ảnh về vị trí giao hàng bằng cách hiển thị vị trí đó trên bản đồ. Việc này giúp khách hàng thêm phần yên tâm rằng địa chỉ là chính xác, đồng thời giảm thiểu tình trạng giao hàng hoặc lấy hàng không thành công.
Bản đồ có thể xuất hiện trong quá trình thanh toán hoặc được gửi trong email xác nhận giao dịch. Bạn có thể thực hiện cả hai trường hợp sử dụng này bằng các API sau.
API JavaScript của Maps cung cấp một bản đồ tương tác để hiển thị vị trí của người dùng. | Maps Static API cho phép nhúng hình ảnh trong trang web hoặc sau này trong email. |
---|---|
Tìm hiểu chuyên sâu – các trường hợp chấp nhận địa chỉ
Bạn có thể phân loại các phản hồi của API Xác thực địa chỉ thành 3 trường hợp chính:
- Khắc phục – địa chỉ có chất lượng thấp. Bạn nên yêu cầu cung cấp thêm thông tin.
- Xác nhận – địa chỉ có chất lượng cao nhưng có thay đổi so với địa chỉ đầu vào. Bạn có thể nhắc người dùng xác nhận.
- Chấp nhận – địa chỉ có chất lượng cao. Bạn có thể chấp nhận địa chỉ được cung cấp.
Khái niệm này được đề cập trong phần Tạo logic xác thực của tài liệu về API Xác thực địa chỉ. Chúng ta sẽ thảo luận từng trường hợp trong phần này.
Cách khắc phục
Phần này cho biết cách khắc phục lỗi nhập địa chỉ. Để biết thông tin về các tín hiệu cụ thể mà API Xác thực địa chỉ trả về để cho biết địa chỉ có chất lượng thấp, hãy xem phần Sửa địa chỉ trong tài liệu Xây dựng logic xác thực.
Nếu phản hồi từ Address Validation API cho biết địa chỉ không hợp lệ, hãy chuyển hướng khách hàng đến biểu mẫu nhập địa chỉ để kiểm tra dữ liệu mà họ đã nhập. Sau khi địa chỉ được sửa, dịch vụ của bạn sẽ gửi lại cho API Xác thực địa chỉ để đảm bảo nội dung sửa đổi là hợp lệ.
Bạn cũng có thể làm nổi bật các lỗi cụ thể về dòng địa chỉ bằng cách sử dụng các tín hiệu được trả về ở cấp addressComponents
. Bạn có thể xem ví dụ về việc này trong ảnh chụp màn hình ở bên phải.
Xác nhận
Phần này cho biết cách xác nhận địa chỉ. Để biết thông tin về các tín hiệu cụ thể mà API Xác thực địa chỉ trả về để cho biết một địa chỉ cần được xác nhận, hãy xem phần Xác nhận địa chỉ trong tài liệu Xây dựng logic xác thực.
Thông thường, hệ thống của bạn sẽ muốn nhắc người dùng xác nhận địa chỉ. Ví dụ: một khách hàng viết sai tên thành phố, sau đó API Xác thực địa chỉ sẽ sửa lỗi. Bạn nên xác nhận biện pháp khắc phục này với khách hàng. Điều này là do những thay đổi do API thực hiện có thể thay đổi cơ bản nội dung ban đầu đã nhập.
Sử dụng một cửa sổ bật lên xen kẽ để hiển thị thông tin cho khách hàng, cho phép họ tiếp tục bằng 3 cách:
- Xác nhận địa chỉ do API trả về và quá trình thanh toán sẽ tiếp tục bằng địa chỉ đã sửa.
- Chọn địa chỉ đã nhập ban đầu, bỏ qua nội dung sửa đổi từ API Xác thực địa chỉ. Quy trình thanh toán có thể tiếp tục như bình thường và đơn đặt hàng có thể được gắn cờ để xem xét ở quy trình tiếp theo trước khi vận chuyển, nếu quy trình của bạn cho phép.
- Khách hàng huỷ hoặc thoát khỏi cửa sổ bật lên, quay lại bước nhập địa chỉ của quy trình thanh toán. Tại đây, họ có thể nhập lại địa chỉ từ đầu, bắt đầu lại quy trình.
Bạn có thể xem ví dụ về việc này trong ảnh chụp màn hình ở bên phải.
Chấp nhận
Phần này cho biết cách chấp nhận địa chỉ. Để biết thông tin về các tín hiệu cụ thể mà API Xác thực địa chỉ trả về để cho biết một địa chỉ có chất lượng tốt và nên được chấp nhận, hãy xem phần Chấp nhận địa chỉ trong tài liệu Tạo logic xác thực.
Trong trường hợp này, quy trình thanh toán sẽ chuyển sang giai đoạn tiếp theo, có thể là thu thập thông tin thanh toán, mà không có lời nhắc nào cho khách hàng về chất lượng địa chỉ. API đã xác nhận rằng địa chỉ mà khách hàng nhập có chất lượng tốt và có thể giao hàng.
Bạn nên sử dụng dữ liệu địa chỉ được trả về từ Address Validation API (API Xác thực địa chỉ) đối với đơn đặt hàng, vì dữ liệu này có thể chứa các nội dung sửa đổi và bổ sung nhỏ, chẳng hạn như:
- Cách viết hoa
- Chỉnh sửa định dạng, ví dụ:
- Street to St
- Sắp xếp chính xác các thành phần địa chỉ
- Mã ZIP+4 ở Hoa Kỳ.
Cân nhắc khi triển khai
Khi xây dựng logic chấp nhận địa chỉ, hãy đảm bảo cách triển khai của bạn không chặn khách hàng thanh toán do nhập địa chỉ không hợp lệ. Xây dựng logic theo cách ngăn chặn khả năng lặp vô hạn nếu API liên tục cho biết mục nhập của chúng không hợp lệ.
Bạn nên cho khách hàng tối đa 2 cơ hội để nhập địa chỉ. Vào lần thử thứ hai, hãy chấp nhận thông tin mà họ nhập, ngay cả khi thông tin đó không hợp lệ. Ở lần thử thứ hai, mục tiêu là cho phép họ tiếp tục bất kể việc xác thực.
Hai phương thức đề xuất để chấp nhận lượt thử thứ hai:
- Buộc tiếp tục: Cho khách hàng thấy một cửa sổ bật lên giải thích rằng địa chỉ không hợp lệ, nhưng cho phép khách hàng tiếp tục với địa chỉ mà họ đã nhập.
- Chấp nhận thầm lặng: Tự động chấp nhận lần thử thứ hai mà không cần bước xác nhận, ngay cả khi địa chỉ không xác thực đầy đủ.
Nếu có thể, hãy thiết kế hệ thống của bạn để gắn cờ những địa chỉ không hợp lệ để nhân viên dịch vụ khách hàng có thể xem xét trước khi vận chuyển đơn đặt hàng. Biện pháp bổ sung này đảm bảo bạn phát hiện được mọi lỗi.
Việc xây dựng công trình mới là một ví dụ điển hình cho thấy lý do bạn nên thực hiện bước kiểm tra này. Có thể có khoảng thời gian từ khi xây dựng xong toà nhà mới đến khi địa chỉ của toà nhà đó được điền vào cơ sở dữ liệu địa chỉ bưu chính. Khách hàng phải có lựa chọn buộc tiếp tục qua trang thanh toán bằng địa chỉ mà họ đã nhập, ngay cả khi địa chỉ đó không hợp lệ.
Sau khi hoàn tất một phiên thanh toán, bạn có thể sử dụng phương thức provideValidationFeedback
để gửi ý kiến phản hồi cho Google về một lần xác thực địa chỉ cụ thể.
Kết luận
Tài liệu này đã cung cấp thông tin tổng quan về quy trình thanh toán triển khai tính năng Tự động hoàn thành, Xác thực địa chỉ và xác nhận bằng hình ảnh trên Google Maps. Hãy sử dụng tài liệu này làm điểm xuất phát để thiết kế cách triển khai, tuân theo quy trình nhập địa chỉ được đề xuất.
Các bước tiếp theo
Tải sách trắng Cải thiện quy trình thanh toán, giao hàng và hoạt động bằng địa chỉ đáng tin cậy xuống và xem hội thảo trên web Cải thiện quy trình thanh toán, giao hàng và hoạt động bằng tính năng Xác thực địa chỉ .
Tài liệu đọc thêm được đề xuất:
- Tài liệu về tính năng Tự động hoàn thành địa điểm
- Tài liệu về Address Validation API
- Báo cáo trên Nền tảng Google Maps
Người đóng góp
Henrik Valve | Kỹ sư giải pháp
Thomas Anglaret | Kỹ sư giải pháp
Sarthak Ganguly | Kỹ sư giải pháp
-
Bên được cấp phép không độc quyền của Dịch vụ Bưu điện Hoa Kỳ. (Các) nhãn hiệu sau đây thuộc sở hữu của Dịch vụ Bưu chính Hoa Kỳ® và được sử dụng khi được cho phép: CASS™, USPS®, DPV®. ↩