ÿÿ Chấp nhận thanh toán qua web cho ứng dụng iOS tại Mỹ | Tài liệu Adapty

Web paywall

Trước khi bắt đầu, hãy đảm bảo bạn đã cài đặt phiên bản Adapty SDK phù hợp:

  • Paywall Builder hoặc custom paywalls: 3.6.1 trở lên (iOS), 3.15 trở lên (Android và cross-platform)
  • Flow Builder: 4.0 trở lên (tất cả ná»n tảng)

Vá»›i Adapty, bạn có thể tạo má»™t paywall hoặc flow có nút chuyển hướng ngưá»i dùng đến trình duyệt để thanh toán. Sau khi há» quay lại ứng dụng sau khi mua thành công, gói đăng ký sẽ được kích hoạt. Äiá»u này cho phép bạn tránh phí cá»­a hàng trong khi vẫn theo dõi thanh toán cá»§a ngưá»i dùng.

Web paywall demo

App Store chỉ cho phép thanh toán bên ngoài ở Mỹ và Nhật Bản.

Äể sá»­ dụng paywall dành riêng cho các thị trưá»ng này, hãy nhân bản paywall hiện tại và thiết lập web paywall. Như vậy, bạn sẽ có hai paywall gần như giống nhau: má»™t cho Mỹ và Nhật Bản, má»™t cho tất cả những nÆ¡i còn lại.

Cách hoạt động

Web paywall là má»™t URL duy nhất được tạo cho từng in-app paywall cá»§a bạn. URL này mở trong trình duyệt để thanh toán và hoạt động vá»›i nhiá»u nhà cung cấp thanh toán khác nhau (Stripe, Paddle và các dịch vụ khác), há»— trợ cả trang đơn giản vá»›i nút Apple Pay lẫn các flow phức tạp hÆ¡n vá»›i nhiá»u ưu đãi.

Web paywall overview

Web paywall hoạt động theo các bước sau:

  1. Cấu hình giao diện và hoạt động của trang web paywall trong trình chỉnh sửa web paywall.
  2. Liên kết web paywall trong cài đặt paywall.
  3. Trong paywall cá»§a ứng dụng, thêm má»™t nút chuyển hướng ngưá»i dùng đến trình duyệt.
  4. Khi ngưá»i dùng nhấn nút, Adapty SDK tạo ra má»™t URL duy nhất.
  5. Ngưá»i dùng truy cập trang web paywall và thanh toán cho gói đăng ký bằng phương thức thanh toán bên ngoài.
  6. Khi há» quay lại ứng dụng, Adapty SDK kiểm tra cập nhật hồ sÆ¡ ngưá»i dùng để xác nhận gói đăng ký đã được kích hoạt.
  7. Adapty ghi lại giao dịch mua và theo dõi gói đăng ký để phát hiện các thay đổi trạng thái như gia hạn hoặc hủy.

Bước 1. Tạo web paywall

  1. Chuẩn bị paywall để làm việc:
    • Äể bật thanh toán bên ngoài cho paywall hiện có, hãy nhân bản nó. Äiá»u này cho phép bạn hiển thị web paywall cho phân khúc mục tiêu và paywall gốc cho má»i ngưá»i khác.
    • Äể bắt đầu từ đầu, hãy tạo paywall má»›i.
  2. Trên trang Paywall, chuyển sang tab Web paywall và nhấn Create web paywall. Bạn sẽ được chuyển hướng đến một trang mới.
Web paywall tab in paywall settings
  1. Thiết lập web paywall và kết nối phương thức thanh toán.

Äể được há»— trợ thiết lập trình chỉnh sá»­a bên ngoài và kết nối nhà cung cấp thanh toán, xem hướng dẫn bắt đầu nhanh.

  1. Quay lại trang Web paywall và dán link paywall vào.

Khi đưa paywall vào môi trưá»ng production, hãy đảm bảo bạn sá»­ dụng đúng link được tạo ra sau khi xuất bản web paywall. Äịnh dạng link là paywalls-....fnlfx.com.

  1. Nhấn Save.
Pasting the web paywall link and saving

Bước 2. Kích hoạt paywall

Äể sá»­ dụng web paywall, bạn cần kích hoạt nó, và cách thá»±c hiện phụ thuá»™c vào thiết lập cá»§a bạn:

  • Nếu bạn Ä‘ang dùng Flow Builder, bạn chỉ cần thêm má»™t nút má»›i sẽ sá»­ dụng link bạn đã cung cấp để theo dõi giao dịch mua và gá»­i dữ liệu vá» Adapty.
  • Nếu bạn Ä‘ang dùng SDK, bạn phải thiết lập phương thức openWebPaywall để xá»­ lý web paywall.

Bước 2a. Thêm nút mua hàng qua web

Nếu bạn đang dùng Flow Builder, bạn cần thêm nút web paywall. Nút này sẽ sử dụng link bạn đã cung cấp để theo dõi giao dịch mua và gửi dữ liệu vỠAdapty.

  1. Mở flow và thêm một nút.

    Nếu bạn đang dùng template hoặc paywall có sẵn, hãy thêm nút web paywall bên cạnh nút mua hàng hiện tại. Bạn có thể cấu hình theo cách tương tự.

  2. Trong bảng Interactions ở bên phải, nhấn Add trigger. Sau đó, gán hành động Purchase cho trigger này.

    on-tap-purchase.webp
  3. Trong cài đặt hành động, chuyển sang tab Web payment. Tại đây, chá»n má»™t sản phẩm và — tùy chá»n — má»™t ưu đãi để liên kết vá»›i nút mua hàng qua web.

  4. Dán link web paywall vào trưá»ng Web paywall URL.

  5. Mặc định, web paywall mở trong trình duyệt trong ứng dụng để ngưá»i dùng không cần rá»i khá»i app. Nếu bạn muốn mở trong trình duyệt bên ngoài, hãy chá»n Open in external browser.

web-payment-action.webp

Bước 2b. Gá»i phương thức SDK

Nếu bạn Ä‘ang làm việc vá»›i paywall tá»± phát triển, bạn cần xá»­ lý web paywall bằng phương thức SDK. Xem hướng dẫn theo từng ná»n tảng:

Bước 3. Thiết lập placement

Vì App Store chỉ cho phép thanh toán bên ngoài ở Mỹ và Nhật Bản, hãy tạo má»™t phân khúc ngưá»i dùng riêng cho ngưá»i dùng iOS ở các thị trưá»ng đó và thiết lập placement để nhắm đến các paywall khác nhau cho từng phân khúc. Äối vá»›i ngưá»i dùng Android, không có hạn chế địa lý — hãy tạo má»™t phân khúc Android riêng mà không cần lá»c theo quốc gia.

  1. Tạo phân khúc mới với các thuộc tính sau:
    • Country from store account: United States, Japan
    • Platform: iOS and iPadOS
    • App version: Phiên bản má»›i nhất sá»­ dụng Adapty SDK.
Segment attributes for web paywall targeting
  1. Tạo một placement hoặc chỉnh sửa một placement hiện có. Thêm đối tượng mới với web paywall và phân khúc đã tạo.
Placement with web paywall audience
ÿÿÿÿ