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

    Integration with stripe in Spanish

    Asked by Mimich on July 29, 2015 at 04:00 AM

    Hi all, I have currently integrated Jotform with Stripe and it works like a charm (Wonderful tool Jotform) :) just have some issues I dont know how to fix, like for example the language of the form I want to be in Spanish. Now, I already translated all the fields and thats ok, what I cant chage is the credit card (Subtotal and shipping text below the product). Is there is a way to change it from Jotform?

     

    Also I want to place a small text link just below CVV security number for credit card to be opened in a new window to explain (What is this?) like the other major credit card procesors out there and I cant figure out how to do that/

     

    Can you pls help

    Thank you

     

     

    JotForm new window product integrated
  • Profile Image
    JotForm Support

    Answered by Boris on July 29, 2015 at 05:42 AM

    You can change the Subtotal and Shipping texts with a little help of custom CSS:

    #subtotal-text, #shipping-text { font-size: 0; }
    #subtotal-text:before { font-size: 10px; content: "translated text for subtotal:";}
    #shipping-text:before { font-size: 10px; content: "translated text for shipping:";}

    You can change the text marked in red from the codes above. Please make sure not to remove the double-quotes around that text, or not to use double-quotes in your translated text.

    When it comes to adding a link that will explain the purpose of a field, you can simply add a regular Text field, and add a link into it.

    After that is done, you can use custom CSS again to position this link closer to where you want it to be, but it may not look very elegant. In my case, this element had the ID number of 19, so I have used this custom CSS:

    #text_19 {
        display: inline-block;
        position: absolute;
        margin-top: -150px;
        margin-left: 420px;
    }

    This is what it displays like with the above code:

    If your form styles appear wrong after making these changes, it might have happened that the default theme was removed. If that is the case, simply open your form in the Form Builder at the end of making the above changes, go to Preferences > Form Styles, and set the Themes to Nova Theme.

    Please let us know if you need any further assistance, and we will be happy to help.

  • Profile Image
    JotForm Support

    Answered by Boris on July 29, 2015 at 05:53 AM

    Actually, we do provide an option for changing the Shipping texts alone, without using custom CSS. However, we would still recommend that you use the CSS trick from above as it can also be used on the Subtotal text as well.

    For changing the Shipping text by using its option, you can open your form in the Form Builder, and click on the little wand-shaped icon of your Payment Tool to open its wizard.

    Click Next, Next, Next... until you've reached the Shipping button. Click Shipping > Customize, and enter your new text instead of "Shipping".

    I hope this helps.