Ödeme formu genellikle bir satın alma işlemini tamamlamadan önceki son adımdır. Dönüşümleri artırmak için ödeme şeklinizin kullanıcı dostu ve güvenli olduğundan emin olun.
Kullanıcıların neleri doldurmaları gerektiğini bilmelerini sağlayın
Ödeme şeklinizi mümkün olduğunca basit tutun ve yalnızca zorunlu alanları gösterin.
Ö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, yalnızca belirli markalar tarafından kullanılan "CVV" gibi bir kısaltma yerine, "Güvenlik kodu"nu kullanın.
Kullanıcıların ödeme ayrıntılarını girmelerine yardımcı olma
Dönüşümleri artırmak için kullanıcıların ödeme formunuzu mümkün olduğunca hızlı bir şekilde doldurabildiğinden emin olun.
Sayı girerken optimize edilmiş bir dokunmatik klavye göstermek için kart numarası ve güvenlik kodu alanlarında inputmode="numeric" kullanın.
Tarayıcıların otomatik doldurma özelliğini sunduğundan emin olmak için ödeme formu kontrollerinize uygun autocomplete değerleri ekleyin.
Ad için autocomplete="cc-name", kart numarası için autocomplete="cc-number" ve son kullanma tarihi için autocomplete="cc-exp" kullanın.
Kullanıcıların verileri doğru biçimde girdiğinden emin olun
Kullanıcıların formu eksiksiz doldurduğundan emin olmak için her <input> için required özelliğini kullanın.
Ödeme kartı güvenlik kodları üç veya dört basamaklı olabilir.
Yalnızca üç ve dört basamağa izin vermek için minlength="3" ve maxlength="4" değerlerini kullanın.
Kullanıcıların yalnızca kart numarası ve güvenlik kodu için sayı girdiğinden emin olun.
Kullanıcıların kart numarası girerken boşluk eklemesine izin vermek için pattern="[0-9 ]+" kullanın. Zira rakamlar fiziksel kartlarda bu şekilde gösterilir.