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.

<script
src='https://checkout.stripe.com/checkout.js' class='stripe-button'
data-key='{{ env('STRIPE_KEY') }}'
data-name='{{ config('app.name') }}'
data-description='Monthly Plan'
data-amount='0'
data-label='Subscribe 14 days FREE trial'
data-panel-label='Start trial'
data-locale='auto'
data-currency='gbp'>
</script>

Now the amount will be removed from the button:

Fathom Analytics $10 discount on your first invoice using this link

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

Sponsor

Fathom Analytics $10 discount on your first invoice using this link

Subscribe to my newsletter

Subscribe and get my books and product announcements.

© 2006 - 2024 DC Blog. All code MIT license. All rights reserved.