Payment Field [Selling Subscriptions]: Ability to translate payment schedule text.

  • Profile Image
    Bgood
    Asked on March 03, 2017 at 03:31 PM

    Hi, I'm using paypal to execute the payments in my form

     

    https://form.jotformz.com/63474739454669

     

    But even after I declare that the language is in spanish, there is still english words "each month" at the end of each sentence.

     

    Second, even whem I choose to put a price in the subscription, the focus does not goes to this option, the user has to click there.

     

    Thanks

     

    Jorge

  • Profile Image
    Kevin_G
    Answered on March 03, 2017 at 09:48 PM

    Seems like even using the translation tool will not allow you to translate the subscription payment schedule text, I will forward this to our second level as a feature request, though we cannot provide an ETA we will let you know as soon as we get any update regarding this. 

    In the meantime, you could translate the text using some CSS code, or you can even just hide it. 

    If you decide to translate it with custom code then you may inject the following CSS code:

    /* This one will hide the default text not translated in product section, this will hide all products default text*/

    #id_9 .form-product-item .form-product-details{

        font-size: 0px;

    }

    /* With this one, you will add the text again to your form, in the content value add the text you want to display*/

    #id_9 .form-product-item:nth-child(2) .form-product-details::after{

        content: "(Gratis mensualmente)";

        font-size: 14px;

    }

    The second code will add the text to the first product, for the second product you just need to increase in two the number between the "nth-child()" selector, so for the second product it should be "nth-child(4)" for the third one should be "nth-child(6)" and so on.  

    This should be the result: 

    Now, if you decide to simply hide all the payment schedule texts then you only need to inject the first given code: 

    /* This one will hide the default text not translated in product section, this will hide all products default text*/

     

    #id_9 .form-product-item .form-product-details{

        font-size: 0px;

    }

    This will be the result: 

    This guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    So far this would be the only way to translate or get rid of the untranslated text, if you have any question, please  let  us know. 

  • Profile Image
    Kevin_G
    Answered on March 03, 2017 at 09:49 PM

    Your second request has been moved to another thread, you will find it here: https://www.jotform.com/answers/1081695