Currently seeking new career opportunities in web development, particularly with Laravel, Hire Me

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 Your Logo Your Logo Your Logo

Become a sponsor

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


My Latest Book

Modular Laravel Book - Laravel: The Modular way

Learn how to build modular applications with Laravel Find out more

Subscribe to my newsletter

Subscribe and get my books and product announcements.

Learn Laravel with Laracasts

Faster Laravel Hosting

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