Buy Button

⭐️ Minimal reference integration: Two buy buttons, one for a one-time payment and another for a subscription

⚠️ Note: This integration is not production ready and should only be used as a reference.

⚙️ Integration

One-time payment

Subscription

🧑‍💻 Code 

<h2>One-time payment</h2>
<script async src="https://js.stripe.com/v3/buy-button.js"></script>

<stripe-buy-button buy-button-id="buy_btn_1O2iQFC4JnNRtz8VRUC6C7vg" publishable-key="pk_test_51O2hxMC4JnNRtz8VToJJbGHrFTPPr6TkP09h7ql3YJaqpNcxoSNxtk38glyzi9VrZKStns858YynOO2ZyGmU7VRi00CIUWuUdk"></stripe-buy-button>

<h2>Subscription</h2>
<!--
  This script is included twice on purpose.  This is how users would be
  expected to integrate if they were copying and pasting from the
  Dashboard.
-->
<script async src="https://js.stripe.com/v3/buy-button.js"></script>

<stripe-buy-button buy-button-id="buy_btn_1O2i6lC4JnNRtz8Vk4pRS6Hr" publishable-key="pk_test_51O2hxMC4JnNRtz8VToJJbGHrFTPPr6TkP09h7ql3YJaqpNcxoSNxtk38glyzi9VrZKStns858YynOO2ZyGmU7VRi00CIUWuUdk"></stripe-buy-button>