Ödeme formu genellikle bir satın alma işlemini tamamlamadan önceki son adımdır. Dönüşümleri en üst düzeye çıkarmak için, ödeme şeklinizin kullanıcı dostu ve güvenli olduğundan emin olun.
Kullanıcıların hangi bilgileri doldurmaları gerektiğini bildiklerinden emin olun
Ödeme şeklinizi mümkün olduğunca basit tutun yalnızca zorunlu alanlar gösteriliyor.
Ödeme tutarını belirtin. Gönder düğmesi bunun için idealdir.
<button>Pay $300.00</button>
<label> öğeleriniz için açıklayıcı ifadeler kullanın.
Örneğin, 'Güvenlik kodu',
"CVV" gibi bir kısaltma yerine yaygın bir kampanya türü var.
Kullanıcıların ödeme ayrıntılarını girmelerine yardımcı olun
Dönüşümleri en üst düzeye çıkarmak için, kullanıcıların ödeme formunuzu mümkün olduğunca hızlı bir şekilde doldurabildiğinden emin olun.
Kart numarası ve güvenlik kodu alanları için inputmode="numeric" kullanın
rakam girmek için optimize edilmiş bir dokunmatik klavye gösterin.
Tarayıcıların otomatik doldurma özelliğini sunduğundan emin olmak için ödeme formu kontrollerinize uygun autocomplete değerlerini ekleyin.
Ad için autocomplete="cc-name" kullanın,
Kart numarası için autocomplete="cc-number", son kullanma tarihi için autocomplete="cc-exp".
Kullanıcıların verileri doğru biçimde girdiğinden emin olun
Kullanıcıların formun tamamını doldurduğundan emin olmak amacıyla her <input> için required özelliğini kullanın.
Ödeme kartı güvenlik kodları üç veya dört haneli olabilir.
Yalnızca üç ve dört haneye izin vermek için minlength="3" ve maxlength="4" kullanın.
Kullanıcıların yalnızca kart numarası ve güvenlik kodu için numara girdiğinden emin olun.
Kullanıcıların kart numarası girerken boşluk eklemesine izin vermek için pattern="[0-9 ]+" kullanın.
çünkü fiziksel kartlarda sayılar bu şekilde gösteriliyor.