Payments V2

Effortless Integration for Selling Tokens: Simplified Like Never Before

2Tweed Payments v2 introduces groundbreaking improvements to both user experience and developer workflow. Start selling tokens faster than ever—v2 eliminates the need for backend integration, streamlining the process from start to finish. Manage your tokens and collections effortlessly through our powerful dashboard, or take full control with our lightning-fast API.

Get started

Follow this guide to start selling tokens on your platform:

1. Create new Application in tweed's dashboard

Go to our dashboard, sign up or sign in, and create a new application. Your application will be assigned a unique ID, which we will use throughout the Tweed SDK to identify your application.

2. Add new Item to your collection

Items represent the tokens or products you want to sell on your platform. You can create as many items as you like, each associated with a specific smart contract.

If this is the first item you're introducing to the system, you'll need to add a smart contract and configure a payout method:

• Add a Smart Contract: Specify the blockchain, the contract address, and its ABI.

• Configure Payouts: Choose how you'd like to receive funds from sales. You can opt to receive native or stable coins directly to your smart contract or fiat currency directly into your bank account. You can configure different payout options for each item you sell.

For each item, set the price, the fiat currency you want to sell in, and specify the contract function that will mint and transfer tokens to your customers.

3. Add tweed to your React app

install tweed SDK to your React app.

npm i @paytweed/core-react

4. Integrate Tweed Provider into Your App

Import the Tweed provider from the Tweed React SDK and wrap your application with it. Use the applicationId from the management console.

Add networks

Specify the networks your application will use by passing them to the Tweed provider. Import the Network enum from the React SDK.

App.tsx

import { Network, TweedProvider } from "@paytweed/core-react";
import DemoPage from "pages/demo";

function App() {
  return (
    <>
      <TweedProvider
        applicationId="YOUR_APP_ID"
          options={{
          chains: [Network.POLYGON, Network.ETHEREUM]
          }}
      >
        <HomePage />
      </TweedProvider>
    </>
  );
}

5. Let's call the Buy token function

Use the checkoutIntent function from the usePayments hook to display the checkout widgets. Specify the item ID you want to sell. You can either provide the wallet address where the token will be sent or allow the user to input this address during the checkout flow.

import { usePayments } from "@paytweed/core-react";

function HomePage() {
  const { checkoutIntent } = usePayments();

  async function handleCheckoutIntent() {
    await checkoutIntent({
      itemId: <ITEM_ID>,
    });
  }

  return (
    <>
      <h1>TWD Token</h1>
      <button onClick={handleCheckoutIntent}>Buy</button>
    </>
  );
}

export default HomePage;