Stripe API

Stripe change pay panel label

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:

David Carr

David Carr

For the past 12 years, I’ve been developing applications for the web using mostly PHP. I do this for a living and love what I do as every day there is something new and exciting to learn.

In my spare time, the web development community is a big part of my life. Whether managing online programming groups and blogs or attending a conference, I find keeping involved helps me stay up to date. This is also my chance to give back to the community that helped me get started, a place I am proud to be apart of.

Besides programming I love spending time with friends and family and can often be found together going out catching the latest movie, staying in playing games on the sofa or planning a trip to someplace I’ve never been before.