Thiết kế paywall với Remote Config

Hướng dẫn này đề cập đến Remote Config cho các paywall thông thường. Đối với Flow Builder, xem Tùy chỉnh flow với remote config.

Paywall Remote Config là một công cụ mạnh mẽ cung cấp các tùy chọn cấu hình linh hoạt. Nó cho phép sử dụng các JSON payload tùy chỉnh để điều chỉnh paywall của bạn một cách chính xác. Với nó, bạn có thể định nghĩa các tham số khác nhau như tiêu đề, hình ảnh, phông chữ, màu sắc và nhiều hơn nữa.

Trước khi bắt đầu tùy chỉnh paywall (Nhấn để mở rộng)

Để bắt đầu tùy chỉnh paywall bằng Remote Config:

Mở mục Paywalls trong menu chính của Adapty.
Nhấn vào paywall để mở nó.

Chuyển sang tab Remote config.

Remote Config có 2 chế độ xem:

Bảng
JSON

Cả chế độ xem Bảng và JSON đều bao gồm các thành phần cấu hình giống nhau. Sự khác biệt duy nhất là theo sở thích cá nhân, với điểm khác biệt duy nhất là chế độ xem bảng cung cấp menu ngữ cảnh, có thể hữu ích khi sửa lỗi bản địa hóa.
Bạn có thể chuyển đổi giữa các chế độ xem bằng cách nhấn vào tab Bảng hoặc JSON bất cứ khi nào cần.

Dù bạn chọn chế độ xem nào để tùy chỉnh paywall, bạn vẫn có thể truy cập dữ liệu này từ SDK sau đó thông qua thuộc tính remoteConfig hoặc remoteConfigString của AdaptyPaywall, và thực hiện một số điều chỉnh cho paywall của bạn. Bạn cũng có thể cập nhật các giá trị Remote Config theo lập trình thông qua server-side API để thay đổi cấu hình paywall một cách linh động mà không cần cập nhật thủ công trên dashboard. Dưới đây là một số ví dụ về cách bạn có thể sử dụng Remote Config.

{
    "screen_title": "Today only: Subscribe, and get 7 days for free!"
}

# Test titles or others texts

{
    "background_image": "https://adapty.io/media/paywalls/bg1.webp"
}

# Test images on your paywall

{
    "font_family": "San Francisco",
    "font_size": 16
}

# Test fonts

{
    "subscribe_button_color": "purple"
}

# Test colors of buttons, texts etc.

{
    "photo_gallery": "https://adapty.io/media/paywalls/link-to-html-snippet.html"
}

# Any HTML code that can be displayed on the paywall

{
    "hard_paywall": true
}

# By setting it to true, you disalow skipping paywall without subscribing
# You have to handle this logic in your app

{
    "title": {
        "en": "Try for free!",
        "es": "¡Prueba gratis!",
        "ru": "Попробуй бесплатно!"
    }
}

Bạn có thể kết hợp các tùy chọn khác nhau và tự tạo ra của riêng mình. Bằng cách này, bạn có thể thử nghiệm các tiêu đề, văn bản, hình ảnh, phông chữ, màu sắc khác nhau và nhiều hơn nữa.

Chế độ xem JSON của Remote Config

Trong chế độ xem JSON của Remote Config, bạn có thể nhập bất kỳ dữ liệu nào theo định dạng JSON:

Chế độ xem Bảng của Remote Config

Nếu bạn không quen làm việc với code và cần sửa một số giá trị trong JSON, Adapty có chế độ xem Bảng dành cho bạn.

Đây là bản sao JSON của bạn ở định dạng bảng dễ đọc và hiểu. Mã màu giúp nhận biết các kiểu dữ liệu khác nhau.

Để thêm một key, nhấn nút Add row. Chúng tôi tự động kiểm tra việc ánh xạ giá trị và kiểu dữ liệu, đồng thời hiển thị cảnh báo nếu các chỉnh sửa của bạn có thể dẫn đến JSON không hợp lệ.

Các tùy chọn hàng bổ sung chủ yếu hữu ích cho bản địa hóa paywall:

Bây giờ đã đến lúc tạo một placement và thêm paywall vào đó. Sau đó, bạn có thể hiển thị các paywall Remote Config của bạn iOS, Android, React Native, Flutter, và Unity trong ứng dụng di động của bạn.