September 9, 2014

Pretty Custom Integration Stripe Button

One of the annoying things with Stripe Checkout’s custom integration is that you need to style your own button. Now for many of us this isn’t too hard, especially if you’re using a toolkit like Foundation or Bootstrap, but what if you want that iconic Stripe Checkout button look and feel? Well no worries, its pretty easy to accomplish, all you need to do, is link to the Stripe Checkout Buttons CSS, and add the appropriate CSS class stripe-button-el and wrap your text in a span. Take a look:

That turns a button like:

into:

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>