Satın alımları ayarlama

Bir ekranda satın alımları ayarlamak için satın alma düğmesi ekleyin ve Purchase aksiyonunu yapılandırın. Bu aksiyon, belirli bir ürünü hedefleyebilir ya da kullanıcının ekrandaki Products öğesinden seçtiği ürünü hedefleyebilir.

Ürün ekle

Ürün elementi, canvas üzerinde bir ürünü gösteren görsel bir karttır.

Ürün elementi eklemek için:

  1. Canvas üzerinde hedef ekranda + simgesine tıkla.

  2. Products seçeneğini seç.

  3. Bir düzen şablonu seç: dikey liste, yatay liste, özellik karuseli, özellik kartları, banner liste veya alt sayfa.

    Canvas'a ürün elementi ekleme

  4. Her ürün kartını seç ve Design panelindeki açılır menüden bir ürün ata.

Ürün atanmamış bir ürün öğesi önizleme ve yayınlamayı engeller. Bir ürün atayın ya da öğeyi silin.

Adding a product element to the canvas

Doğrudan bir ürün kartının On tap etkileşimine Purchase aksiyonu da ekleyebilirsiniz. Karta dokunulduğunda satın alma işlemi tetiklenir; ayrıca bir satın alma düğmesine gerek kalmaz.

Satın alma düğmesi ekleme

Satın alma düğmesi, kullanıcı üzerine dokunduğunda bir Purchase eylemi tetikler.

Satın alma düğmesi eklemek için:

  1. Tuval üzerinde ekrana ait + simgesine tıklayın.
  2. Button seçeneğini seçip bir buton ön ayarı belirleyin.
  3. Buton seçiliyken sağ paneldeki Interactions sekmesini açın.
  4. Add trigger > On tap seçeneğine tıklayın, ardından Add action seçeneğine tıklayın.
  5. Action alanını Purchase olarak ayarlayın, ardından Product alanını aşağıdakilerden biri olarak ayarlayın:
    • products.selectedProduct: Kullanıcının ekrandaki Products öğesinden seçtiği ürünü satın alır.
    • Belirli bir ürün: Ekrandaki herhangi bir seçimden bağımsız olarak her zaman o ürünü satın alır.
Tuvale satın alma düğmesi ekleme

Düğmede fiyatı gösterme

Seçili ürünün fiyatını düğme etiketine eklemek için bir değişken kullanın:

  1. Düğme seçiliyken sağ panelde Design sekmesini açın.
  2. Content alanında imleci fiyatın görünmesini istediğiniz yere getirin.
  3. Değişken simgesine tıklayın, products.selectedProduct seçeneğini, ardından prod_price özniteliğini seçin. Tam değişken products.selectedProduct.prod_price olarak çözümlenir.
  4. Değişkenin etrafına sabit metin ekleyin — örneğin Subscribe for {prod_price}.

Kullanıcı farklı ürünler seçtikçe etiket güncellenir.

Seçili ürünün fiyat değişkeninin etikette gösterildiği satın alma düğmesi

Satın almaları geri yükle

Kullanıcıların önceki satın almalarını geri yükleyebilmesi için ekrana bir geri yükleme düğmesi veya bağlantısı ekleyin.

Satın almaları geri yükle öğesi eklemek için:

  1. Tuval üzerinde ekranın + simgesine tıklayın.
  2. Button seçeneğini seçin, ardından metin bağlantısı için Links’i ya da biçimlendirilmiş bir düğme için başka bir düğme türünü seçin.
Tuvale geri yükleme düğmesi ekleme
  1. Öğe seçili durumdayken, sağ panelde Interactions sekmesini açın ve Add trigger butonuna tıklayın.
  2. On tap seçeneğini seçin ve Add action butonuna tıklayın.
  3. Action açılır menüsünden Restore purchases seçeneğini seçin.
Interactions sekmesinde satın alma geri yükleme eylemi

Seçilen ürüne göre ek öğeleri görüntüleme

Bir ekranda ürünler varsa, kullanıcının hangi ürünü seçtiğine bağlı olarak diğer öğeleri gösterip gizleyebilirsiniz.

Koşullu görünürlüğü ayarlamak için:

  1. Products öğesinde bir ürün kartı seçin.
  2. Sağ panelde Interactions sekmesini açın ve Add trigger seçeneğine tıklayın.
Ürün kartına tetikleyici ekleme
  1. On tap seçeneğini belirleyin ve Add action düğmesine tıklayın.
  2. Action açılır menüsünden Show veya Hide seçeneğini belirleyin.
  3. İlgili ürün seçildiğinde gösterilecek veya gizlenecek öğeyi seçin.
Interactions sekmesindeki Show/Hide eylemi

Flow içindeki ürünleri inceleme

Sol kenar çubuğundaki Products paneli, mevcut ürünleri flow’daki her ekranla eşleştirir.

Her ekranın iki bölümü vardır:

  • Default — ekran yüklendiğinde önceden seçili olan tek ürün.
  • Other — aynı ekranda kullanılabilen ek ürünler.
Flow Builder'daki Products paneli