पेमेंट फ़ॉर्म

आम तौर पर, खरीदारी पूरी करने से पहले पेमेंट फ़ॉर्म भरना होता है. ज़्यादा से ज़्यादा कन्वर्ज़न पाने के लिए, पक्का करें कि आपका पेमेंट फ़ॉर्म, उपयोगकर्ताओं के लिए आसान और सुरक्षित हो.

पक्का करें कि उपयोगकर्ताओं को पता हो कि उन्हें क्या भरना है

पेमेंट के तरीके को जितना हो सके उतना आसान रखें, केवल ज़रूरी फ़ील्ड दिखा रहा है.

पेमेंट की रकम बताएं. इसके लिए, सबमिट करें बटन सबसे सही रहेगा.

<button>Pay $300.00</button>  

<label> एलिमेंट के लिए, ऐसे शब्दों का इस्तेमाल करें जो खुद को बेहतर तरीके से बताते हैं. उदाहरण के लिए, 'सुरक्षा कोड' का इस्तेमाल करें, 'CVV' जैसे संक्षिप्त रूप से जिसका इस्तेमाल सिर्फ़ कुछ ब्रैंड करते हैं.

पेमेंट के तरीके की जानकारी डालने में उपयोगकर्ताओं की मदद करना

ज़्यादा से ज़्यादा कन्वर्ज़न पाने के लिए, पक्का करें कि उपयोगकर्ता जल्द से जल्द आपका पेमेंट फ़ॉर्म भर सकें.

कार्ड नंबर और सुरक्षा कोड फ़ील्ड के लिए, inputmode="numeric" का इस्तेमाल करें का इस्तेमाल करें.

पेमेंट फ़ॉर्म कंट्रोल में autocomplete की सही वैल्यू जोड़ें, ताकि ब्राउज़र में जानकारी ऑटोमैटिक भरने की सुविधा उपलब्ध हो. नाम के लिए autocomplete="cc-name" का इस्तेमाल करें, कार्ड नंबर के लिए autocomplete="cc-number" और समयसीमा खत्म होने की तारीख के लिए autocomplete="cc-exp".

पक्का करें कि उपयोगकर्ता सही फ़ॉर्मैट में डेटा डालें

हर <input> के लिए required एट्रिब्यूट का इस्तेमाल करें, ताकि उपयोगकर्ता पूरा फ़ॉर्म भरें.

पेमेंट कार्ड के सुरक्षा कोड तीन या चार अंकों के हो सकते हैं. सिर्फ़ तीन और चार अंकों की अनुमति देने के लिए, minlength="3" और maxlength="4" का इस्तेमाल करें.

पक्का करें कि उपयोगकर्ता सिर्फ़ कार्ड नंबर और सुरक्षा कोड के लिए नंबर डालें. pattern="[0-9 ]+" का इस्तेमाल करके, उपयोगकर्ताओं को कार्ड नंबर डालते समय स्पेस शामिल करने की अनुमति दें. क्योंकि फ़िज़िकल कार्ड पर नंबर इसी तरह से दिखते हैं.

संसाधन