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

  • Profile Image
    girlonfire
    Asked on January 04, 2019 at 03: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.

  • Profile Image
    Victoria_K
    Answered on January 04, 2019 at 04: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:

    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. 

  • Profile Image
    girlonfire
    Answered on January 04, 2019 at 05: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"?

  • Profile Image
    jherwin
    Answered on January 04, 2019 at 07: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.