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 paywallthanh 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