पेमेंट फ़ॉर्म आम तौर पर, खरीदारी पूरी करने से पहले आखिरी चरण होता है. कन्वर्ज़न बढ़ाने के लिए, पक्का करें कि आपका पेमेंट फ़ॉर्म, उपयोगकर्ता के लिए आसान और सुरक्षित हो.
पक्का करें कि उपयोगकर्ताओं को जानकारी भरनी है
अपने पेमेंट फ़ॉर्म को जितना हो सके उतना आसान रखें. साथ ही, सिर्फ़ ज़रूरी फ़ील्ड दिखाएं.
पेमेंट की रकम की जानकारी दें. इसके लिए, सबमिट करें बटन सबसे सही है.
<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 ]+"
का इस्तेमाल करें, क्योंकि फ़िज़िकल कार्ड पर नंबर इसी तरह से दिखते हैं.