בדרך כלל, טופס התשלום הוא השלב האחרון לפני השלמת רכישה. כדי להגדיל את מספר ההמרות, חשוב לוודא שאמצעי התשלום שלך מאובטח וידידותי למשתמש.
חשוב לוודא שהמשתמשים יודעים מה צריך למלא
חשוב שטופס התשלום יהיה פשוט ככל האפשר, מוצגים בו רק שדות חובה.
מציינים את הסכום לתשלום. הלחצן שליחה מתאים במיוחד למטרה הזו.
<button>Pay $300.00</button>
צריך להשתמש בניסוחים שמובן מאליו ברכיבי <label>.
לדוגמה, אפשר להשתמש ב'קוד אבטחה',
במקום ראשי תיבות כמו 'CVV' שרק מותגים מסוימים משתמשים בה.
איך לעזור למשתמשים להזין את פרטי התשלום שלהם
כדי להשיג מקסימום המרות, חשוב לוודא שהמשתמשים יכולים למלא את טופס התשלום במהירות האפשרית.
צריך להשתמש ב-inputmode="numeric" בשדות של מספר הכרטיס וקוד האבטחה
כדי להציג מקלדת על המסך שעברה אופטימיזציה להזנת מספרים.
כדי לוודא שהדפדפנים יציעו מילוי אוטומטי, צריך להוסיף ערכים מתאימים של autocomplete לאמצעי הבקרה של טופסי התשלום.
צריך להשתמש בautocomplete="cc-name" בשם,
autocomplete="cc-number" למספר הכרטיס ו-autocomplete="cc-exp" לתאריך התפוגה.
צריך לוודא שהמשתמשים מזינים נתונים בפורמט הנכון
כדאי להשתמש במאפיין required בכל <input> כדי לוודא שהמשתמשים ימלאו את הטופס המלא.
קודי אבטחה של כרטיסי תשלום יכולים להכיל שלוש או ארבע ספרות.
אפשר להשתמש ב-minlength="3" וב-maxlength="4" כדי לאפשר רק שלוש וארבע ספרות.
מוודאים שהמשתמשים מזינים רק את המספרים של מספר הכרטיס וקוד האבטחה.
בעזרת pattern="[0-9 ]+", המשתמשים יכולים לכלול רווחים כשמזינים מספר כרטיס,
כי כך המספרים מוצגים בכרטיסים הפיזיים.