Can I edit the default text on a Stripe payment form with custom CSS code?

  • girlonfire
    Asked on January 4, 2019 at 3:10 AM

    Hi! 

    I'm launching an online course with 3 payment options:

    - Full payment (which should be regarded as a product sale)

    - 3 payments (which should be regarded as a subscription)

    - 6 payments (which should be regarded as a subscription)

    It seems that Stripe forms do not allow to combine products and subscription payments in the same form, so I decided to define the Full payment option as a yearly subscription (even if it's just one payment), and I'll stop future payments manually inside Stripe.

    So far so good, the form now functions the way I want.


    But In the form, the text "for each year" appears after the Full payment option, which can confuse the clients. Is there any way to change or remove this text?

    Or is there another way to combine my 3 payment options in one form?

    Best wishes from
    Hilde K.

  • Victoria_K
    Replied on January 4, 2019 at 4:24 AM

    Unfortunately, you can not use both options (Sell Subscriptions and Sell Products) on the same form. You can select only one Payment Type option on a form. But, we can help to hide 'for each year' text with custom CSS code:

    Can I edit the default text on a Stripe payment form with custom CSS code? Image 1 Screenshot 20

    Please inject the code below to your form according to this guide: How-to-Inject-Custom-CSS-Codes

    #cid_7 > div > div > div > span:nth-child(1) > div > label > span > span.form-product-details > span > b:after {

      content: ")";

      font-weight: normal;

    }

    #cid_7 > div > div > div > span:nth-child(1) > div > label > span > span.form-product-details > span > span {

      display: none;

    }

    Let us know if you need more help. 

  • girlonfire
    Replied on January 4, 2019 at 5:32 AM

    Thanks, that was easy – I love how customizable Jotforms are!


    Could you also tell me how to translate the text "for each month"?

  • jherwin
    Replied on January 4, 2019 at 7:19 AM

    Unfortunately, there is no direct way to translate languages to your Stripe payment months. However, you can translate it by making your form multilingual.

    Guide: How to Make Your Forms Multilingual.

    Here's my demo form: https://form.jotform.com/90033433272952. You can clone it to know how it was done.

    Guide: How to Clone an Existing Form from a URL.

    Give it a try and let us know how it goes.