Integration with stripe in Spanish

  • Mimich
    Asked on July 29, 2015 at 4: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

     

     

  • Boris
    Replied on July 29, 2015 at 5: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:";}

    Integration with stripe in Spanish Image 1 Screenshot 70

    Integration with stripe in Spanish Image 2 Screenshot 81

    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.

    Integration with stripe in Spanish Image 3 Screenshot 92

    Integration with stripe in Spanish Image 4 Screenshot 103

    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:

    Integration with stripe in Spanish Image 5 Screenshot 114

    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.

    Integration with stripe in Spanish Image 6 Screenshot 125

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

  • Boris
    Replied on July 29, 2015 at 5: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.

    Integration with stripe in Spanish Image 1 Screenshot 30

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

    Integration with stripe in Spanish Image 2 Screenshot 41

    I hope this helps.