Payment method. Can I make the "credit cards" the default selection? Site is defaulting to Paypal

  • Profile Image
    Asked on December 18, 2011 at 05:55 AM
  • Profile Image
    Answered on December 18, 2011 at 10:28 PM

    You will have to edit the code of the form to make credit card as the default, to do this get the full source code by following the steps below:

    1. Open your form in JotForm
    2. Select 'Setup & Embed' tab then click on 'Embed Form'
    3. In the Embed Form wizard get the full source code by choosing 'Source' from the option.

    In the source code you should see the following:

    <input type="radio" class="paymentTypeRadios" id="input_6_paymentType_credit" name="q6_donationType[paymentType]" value="credit">

    <input type="radio" class="paymentTypeRadios" id="input_6_paymentType_express" name="q6_donationType[paymentType]" checked="checked" value="express">

    As you can see by default the radio field for Paypal with value "express" is marked as checked="checked" simply remove this line from the input field and add it to radio field with the value of credit instead. After making the changes the code for the payment radio fields should look like this:

    <input type="radio" class="paymentTypeRadios" id="input_6_paymentType_credit" name="q6_donationType[paymentType]"  checked="checked" value="credit">

    <input type="radio" class="paymentTypeRadios" id="input_6_paymentType_express" name="q6_donationType[paymentType]"  value="express">

    Hope this helps, let us know if you have questions.

  • Profile Image
    Answered on January 13, 2012 at 08:23 AM
    Thanks so much for the info.

    I have one other question.
    I also want to update the font, size, color of the subscribed text font. How do I do that in the code?


  • Profile Image
    Answered on January 13, 2012 at 12:00 PM

    Hello Herve,

    Its probably just a matter of adding a little bit of CSS styling. 

    But, I am not quite sure what you mean by 'the subscribed text' , can you explain what you mean by that a little further, perhaps show it on a form we can look at ? 

  • Profile Image
    Answered on January 16, 2012 at 09:52 AM

    Sorry, I was not clear. I was referring to the subscription details. As you can see in this screenshot, the subscription text appears in small fonts and italics. Some donors complained to me that they can barely read it. I would like to be able to modify the subscription details font, color, size

    Issue #2 (Subscription details does not show in email alerts, only the name show in the alert)
    Recently I created an email alert and selected “Donation Type” as field
    When the alert is triggered, I received the email. It included the subscription Name but the subscription details was missing – meaning I couldn’t tell the amount the donor selected.


    Thanks so much
    Keep up the excellent support.


  • Profile Image
    Answered on January 16, 2012 at 10:18 AM

    Hello Herve,

    We are unable to see your screenshot, can you please email it to jotfomsupport [at] gmail [dot] com, marking the email subject with the thread title and I will that gets added to your post.

    On the second issue, I am assuming this on your 'gleamofhope recurring donation' form?

    If you want to know quickly how much someone has donated, you would probably need to add the donation amount into the text of the donation type. e.g $10 Helping Hand etc . 

  • Profile Image
    Answered on January 16, 2012 at 06:55 PM

    Hello Herve,

    To customise the 'product details' text, you need to customise the CSS of the .form-product-details class.

    e.g to make the text color black: 


    From the Setup & Embed toolbar, click on the Preferences icon, select Form Styles tab and in the Inject Custom CSS text area, add the following:

    .form-product-details { color:black !important; }


    You may want to experiment with the CSS a little e.g : 
    .form-product-details { font-size: 12px !important; } 
    would set the font size to 12 pixels.
    .form-product-details { font-style: normal !important; } 
    would remove the italics. 
    All three of those new CSS rules together would look like this. 
    .form-product-details { color:black !important;  font-size: 12px !important;  font-style: normal !important; }
    You have almost endless options for styling that text, you find out about other CSS rules you could user here.
    I hope I havent made that process more confusing than it actually is; please let us know if you need any clarification on it or need any further help with any part of it.