Loading...

Stripe change pay panel label

David Carr

1 min read - 24th May, 2018

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:

0 comments
Add a comment