Ödeme Formu Bloğu Nasıl Kullanılır

Okuma süresi: 4 dakika | Zorluk: Başlangıç

Genel Bakış

WP Simple Pay – Ödeme Formu bloğu, bir ödeme formunu bir Gutenberg gönderisine veya sayfasına eklemenin önerilen yoludur. Editör içinde formun canlı bir önizlemesini sağlar, blok kenar çubuğunda görüntüleme seçenekleri sunar ve bir kısa kod kopyalamanıza gerek kalmadan müşterinin göreceği aynı sayfa içi formu oluşturur.

Blok, kısa koduyla işlevsel olarak eşdeğerdir ancak daha kolay keşfedilebilir ve formun mevcut Form Stili ayarlarını yansıtan editör önizlemeleri sağlar.

Ön Koşullar

• WP Simple Pay (herhangi bir katman — blok ücretsiz eklentiyle birlikte gelir)
• Blok düzenleyicisini (Gutenberg) çalıştıran bir WordPress sitesi
• En az bir yayınlanmış ödeme formu

Adım 1: Bloğu Ekleme

1. Formun görünmesini istediğiniz gönderiyi veya sayfayı düzenleyin.
2. + blok ekleyicisine tıklayın.
3. WP Simple Pay veya Ödeme Formu için arama yapın.
4. WP Simple Pay – Ödeme Formu bloğuna tıklayın.

Bir form seçmenizi isteyen bir yer tutucu görünür.

Adım 2: Bir Form Seçin

Oluşturulacak yayınlanmış ödeme formunu seçmek için blok yer tutucusundaki açılır menüyü kullanın. Seçildikten sonra, blok yer tutucuyu başlık, açıklama, alanlar ve gönderme düğmesi dahil olmak üzere formun canlı bir önizlemesiyle değiştirir — formun mevcut Form Stili ayarlarıyla stilendirilmiş olarak.

Bloku ekledikten sonra bir formun Form Stili'ni değiştirirseniz, editörü bir sonraki yeniden yüklemenizde önizleme güncellenir.

Adım 3: Görüntüleme Seçeneklerini Yapılandırın

Blok seçiliyken, sağdaki blok ayarları kenar çubuğu iki geçiş sunar:

• Başlığı Göster — Etkinleştirildiğinde (varsayılan), alanların üzerinde formun başlığını görüntüler. Başlığı gizlemek için devre dışı bırakın — çevreleyen sayfanın zaten bir başlığı varsa kullanışlıdır.
• Açıklamayı Göster — Etkinleştirildiğinde (varsayılan), alanların üzerinde formun açıklama metnini görüntüler. Kompakt düzenler için devre dışı bırakın.

Her ikisini de devre dışı bırakırsanız, başlık/açıklama sarmalayıcısı tamamen bastırılır, böylece artık boşluk kalmaz.

Blok ayrıca standart blok araç çubuğu aracılığıyla Merkez Hizalamayı destekler. Merkezlendiğinde, form, yerleştirilmiş başlık ve gönderme düğmesi sayfanın içerik genişliği içinde yatay olarak ortalanır ve başlık alanı 400 piksel maksimum genişlikle sınırlandırılır.

Adım 4: Yayınlayın ve Önizleyin

Sayfayı kaydedin veya yayınlayın. Formun işlenmiş halini görmek için ön yüzde görüntüleyin. Blok, kısa kod ile aynı işleme hattını kullanır, bu nedenle ön yüzdeki davranış aynıdır.

Blok vs Kısa Kod

	Blok	Kısa Kod
Editör önizlemesi	Canlı, stil verilmiş	Yok — yalnızca yer tutucu
Görüntüleme geçişleri	UI onay kutuları	Kısa kod özniteliklerini manuel olarak düzenleyin
Hizalama	Blok araç çubuğu	HTML/CSS ile sarmala
Klasik editörde çalışır	Hayır	Evet
Widget'larda çalışır	Evet (blok widget'ları)	Evet
Sayfa oluşturucularda çalışır	Oluşturucuya bağlı	Evet (evrensel)

Blok ne zaman kullanılır: Modern Gutenberg gönderileri ve sayfaları, FSE şablonları, blok tabanlı widget'lar.

Kısa kod ne zaman kullanılır: Klasik editör, birinci taraf blok desteği olmayan sayfa oluşturucular, do_shortcode()'u doğrudan çağırdığınız özel tema şablonları.

Sıkça Sorulan Sorular

Form önizlemesi görünüyor ancak müşteriler ödeme yapamıyor — neden?

Blok, editör önizlemesi için ziyaretçilere gösterdiğiyle aynı formu işler. Önizleme formu gösteriyor ancak gönderimler başarısız oluyorsa, sorun bloktan ziyade form yapılandırmasının kendisindedir (ödeme yöntemi eksik, geçersiz Stripe anahtarları, gerekli alan eksik). WP Simple Pay > Ödeme Formları ve formun Genel/Ödeme sekmelerini kontrol edin.

Aynı sayfada birden fazla Ödeme Formu bloğu kullanabilir miyim?

Evet — her blok farklı bir form işleyebilir. Eklentinin ön yüz varlıkları, çakışma olmadan aynı sayfada birden fazla formu işleyecek kadar akıllıdır.

Editör önizlemesi neden ön yüzde gördüklerimle eşleşmiyor?

Editör önizlemesi, editör yüklendiği andaki formun kaydedilmiş durumunu yansıtır. Başka bir sekmede formda değişiklik yaptıysanız, bunları görmek için editörü kaydedin/yenileyin. Ön yüz her zaman en son kaydedilen sürümü işler.

Blok Tam Site Düzenleme (FSE) şablonlarında çalışıyor mu?

Evet. Blok, FSE şablonları, şablon parçaları ve yeniden kullanılabilir bloklar/desenler dahil olmak üzere herhangi bir blok uyumlu bağlama eklenebilir.

Gömülü formu sayfa başına bağımsız olarak stil verebilir miyim?

Form Stili forma özeldir, bloğa özel değildir. Farklı sayfalarda farklı stiller kullanmak için birden fazla form oluşturun ve her sayfaya uygun bloğu ekleyin.

Bunun WP Simple Pay Düğme bloğundan farkı nedir?

Ödeme Formu bloğu, formun tamamını satır içi olarak yerleştirir. Düğme bloğu, tıklandığında formu bir katman (modal) içinde açan yalnızca bir düğme görüntüler — temiz bir harekete geçirici mesaj isteyen ancak görünür bir form istemeyen açılış sayfaları için kullanışlıdır. Ödeme Düğmesi Bloğu Nasıl Kullanılır bölümüne bakın.

Sıradaki Ne Var?

• Ödeme Formlarınızı Form Stili ile Nasıl Biçimlendirirsiniz – Yerleştirilmiş formun nasıl göründüğünü özelleştirin
• Abonelik Yönetimi Bloğu Nasıl Kullanılır – Abonelerin planlarını yönetmelerine izin verin
• Ödeme Formunun Genel Ayarları Nasıl Yapılandırılır – Formun kendisini yapılandırın