What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How Do I Customize The Actual Credit Card Fields?

    Asked by buymorefans on January 24, 2017 at 02:09 AM

    How can I change the text on the Credit Card section of the Paypal Pro payment field? 
    For example:
    1 - Instagram of 'Credit Card', I need it to say 'Credit Card Details:'
    2 - Instead of 'Credit card number', I need it to say 'Credit card number
    (no spaces)'
    3 - Instead of 'security code', I need it to say 'security code (3 digits
    at the back of your card)
    This makes the form more clear and increases sales a lot!
    Let me know thanks,
    Marc Lafleur
    Social Media Marketing Outsourcer
    Melbourne, Australia

  • Profile Image
    JotForm Support

    Answered by Jim_R on January 24, 2017 at 02:25 AM

    You can't directly change the context of the Credit Card section of the Paypal Pro payment field. However, you can probably use CSS to append some text in it.

    Before you proceed though, let me share my 2 cents. Everyone who uses a credit card are well aware on how to use their cards. With any kind of form that asks for credit card info, there's always a high assurance that they know how to fill it out (regardless if it's an online form or a paper-based form).

    Nonetheless, if you still want to proceed, here's how:

    1. Change Credit Card to Credit Card Details:

    th#ccTitle3:after {

        content: 'Details';


    2. Change Credit Card Number to Credit Card Number (no spaces):

    label#sublabel_cc_number:after {

        content: '(no spaces)';


    3. Change Security Code to Security Code (3 digits at the back of your card):

    label#sublabel_cc_ccv:after {

        content: '(3 digits at the back of your card)';