Adım 2. Paywall sayfasına veri ekleme

Gerekli tüm ürün verilerini aldıktan sonra, bu verileri FlutterFlow’da tasarladığınız güzel paywalla eşleştirme zamanı. Bu örnekte ürün başlığını ve fiyatını eşleştireceğiz.

Adım 2.1. Paywall sayfasına ürün başlığı ekleme

  1. Paywall sayfanızdaki ürün metnine çift tıklayın. Set from Variable penceresinde getPaywallProductResult değişkenini arayın ve seçin.
ff-paywall-text.webp
  1. Alanları aşağıdaki gibi doldurun:
  • Available Options: Data Structured Field
  • Select Field: value
  • Available Options: Item at Index
  • List Index Options: First
  • Available Options: Data Structured Field
  • Select Field: localizedTitle
  • Default Variable Value: null
  • UI Builder Display Value: Herhangi bir şey; örnekte product.title kullanılmıştır.
ff-product.webp
  1. Değişiklikleri kaydetmek için Confirm’e tıklayın.

Adım 2.2. Paywall sayfasına fiyat metni ekleme

Fiyat metni için Adım 2.1’deki adımları aşağıda gösterildiği gibi tekrarlayın:

  1. Paywall sayfanızdaki fiyat metnine çift tıklayın. Set from Variable penceresinde getPaywallProductResult değişkenini arayın ve seçin.
ff-price.webp
  1. Alanları aşağıdaki gibi doldurun:
  • Available Options: Data Structured Field
  • Select Field: value
  • Available Options: Item at Index
  • List Index Options: First
  • Available Options: Data Structured Field
  • Select Field: price
  • Default Variable Value: null
  • UI Builder Display Value: Herhangi bir şey; örnekte product.price kullanılmıştır.
  1. Değişiklikleri kaydetmek için Confirm düğmesine tıklayın.

Paywall sayfasına yerel para biriminde fiyat ekleme

  1. Paywall sayfanızdaki fiyata çift tıklayın. Set from Variable penceresinde getPaywallProductResult değişkenini arayın ve seçin.

  2. Alanları aşağıdaki gibi doldurun:

  • Available Options: Data Structured Field
  • Select Field: value
  • Available Options: Item at Index
  • List Index Options: First
  • Available Options: Data Structured Field
  • Select Field: price
  • Available Options: Data Structured Field
  • Select Field: amount
  • Available Options: Decimal
  • Decimal Type: Automatic
  • Default Variable Value: null
  • UI Builder Display Value: Herhangi bir şey; örnekte price.amount kullanılmıştır.
  1. Değişiklikleri kaydetmek için Confirm’e tıklayın.

İşte bu kadar! Artık uygulamanızı başlattığınızda, Adapty paywallındaki ürün verileri doğrudan paywall sayfanızda görünecek! Şimdi kullanıcılarınızın bu ürünü satın almasına izin verme zamanı.