A vue plugin for Stripe checkout.
The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:
Welcome to the Vue Stripe Checkout 3!
This project is now available in Open Collective. I would really appreciate if you guys would check it out. Also, if you like this project kindly give it a star, or consider following me on GitHub. Thanks! :heart:
This screenshot is an example of Stripe Checkout
Old version (version 2) is still available here.
yarn add vue-stripe-checkout
npm install vue-stripe-checkout
Stripe's new Checkout.
| Props | Description | | ---- | ----------- | |
stripeAccount| For usage with Connect only. Specifying a connected account ID (e.g.,
acct_24BFMpJ1svR5A89k) allows you to perform actions on behalf of that account. | |
apiVersion| Override your account's API version. | |
locale| A locale used to globally configure localization in Stripe. Setting the locale here will localize error strings for all Stripe.js methods. It will also configure the locale for Elements and Checkout. Default is
auto(Stripe detects the locale of the browser). | |
styleObject| The custom style object |
| Slots | Description | | ----- | ----------- | |
card-element| Slot for mounting custom elements. See | |
card-errors| Slot for mounting custom errors |
Create custom Stripe form using Stripe Elements.
Docs for additional Stripe Charge Object options like
This section is only more of a description of how the session flow should go.
The flow: Client -> Backend -> Client for checkout use.
session. See doc.
session idyou just created to the client.
session idfrom your backend and pass it to
stripe-checkout, like so:
You'll notice that when using sessions, you'll only need the
session-id. This is because the session is the representation of all of the information about the payment to done.
How to create SKUs
How to create one-time and recurring payments?
This project exists thanks to all the people who contribute. [Contribute].
Become a financial contributor and help us sustain our community. [Contribute]
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
SPECIAL THANKS TO THE FOLLOWING SPONSOR(S):
Made with :heart: by Jofferson Ramirez Tiquez