Black Friday sale is now on! 50% off Laravel: The Modular Way. Learn more

Stripe change pay panel label

David Carr

Stripe API

    When using Stripe's connect js you may want to change the button text you can do that by using:

    data-label='Subscribe 14 days FREE trial'

    That will change the button text but not the text that appears when you click on the button, to change the popup text button you can use:

    data-panel-label='Start trial'

    Be default when adding a data-amount will result in the amount adding to the button like this:

    The trick is to enter 0 for the amount then the panel label can take effect.

    src='' class='stripe-button'
    data-key='{{ env('STRIPE_KEY') }}'
    data-name='{{ config('') }}'
    data-description='Monthly Plan'
    data-label='Subscribe 14 days FREE trial'
    data-panel-label='Start trial'

    Now the amount will be removed from the button:

    Laravel Modules Book by David Carr

    Help support the blog so that I can continue creating new content!

    Subscribe to my newsletter

    Subscribe and get my books and product announcements.

    © 2009 - 2022 DC Blog. All code MIT license. All rights reserved.