OnchainKit Profile picture
A kit to make building onchain easy for everyone. Created by @base.

Oct 24, 9 tweets

Introducing Checkout  —

Accept USDC payments with one-click checkout. 🛍️

+ Low fees
+ No gas. No crypto jargon.
+ Instant settlement
+ Global reach
+ Fully customizable

Start now: onchainkit.xyz/checkout/check…

Fork our template and make it your own:

Spin up your dream onchain storefront in minutes.

Join the movement to accept USDC.

Ready to be deployed on @vercel. onchain-commerce-template.vercel.app

The integration takes less than 15 minutes.

1. Create a Coinbase Commerce account
2. Create a product
3. Install @onchainkit `npm i @ coinbase/onchainkit`
4. Import the <Checkout /> component

You also get access to:

+ Merchant tooling: See trends, generate reports, and make data-driven decisions.

+Receipts: Enable your customers to easily generate an email receipt for their purchase.

Checkout is built for:

+ Merchants selling with crypto
+ In-game or in-app stores
+ Token or NFT communities with an eComm twist

And more ++

For a simple "buy me a coffee" checkout experience, simply insert your `productId` in the parent component as a prop.

For programmatic charge creations such as a shopping-cart experience, use server-side charges with Coinbase Commerce API.

We expose a chargeHandler prop which takes a callback that is invoked every time the button is clicked.

You can use our `LifecycleStatus` and the `onStatus` prop to listen to transaction states to build more advanced in-app logic.

If you have more feedback or ideas for our developer experience, submit an issue to our Github.

github.com/coinbase/oncha…

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling