Integration Options

Your 2 integration options for Meld's crypto product are to either use the white label wigdget experience, which partially uses your UI to gather information on the details of the transaction the user wants to perform, or the all in one wizard which is a standalone cobrandable UI that enabled the user to make the full transaction.

Keep in mind that both the wizard and widget support buying and selling crypto, but as of now only the widget supports transferring crypto and NFT checkouts.

White Label Widget Experience

Here are the steps for the widget flow:

1. In your own UI, figure out what kind of transaction the user wants to make (buy, sell, transfer, NFT checkout).
2. Call Meld's service provider properties endpoints to find out the list of tokens, fiat currencies, payment methods, etc supported for the specific flow.
3. In your own UI, figure out the details of the transaction. For example, the user enters that they would like to buy $100 of Bitcoin to wallet address ABCD using a credit card. You can see which fields are required for each transaction type here.
4. If the flow is a buy or sell flow, hit Meld's quote endpoint to get a list of quotes from various onramps that can support the transaction. If the user is doing a transfer or NFT checkout, this step is skipped.
5. Call Meld's widget endpoint. The widget endpoint will return a url, which you can either open as a popup, embedded in your own page, or fully redirect to. This url will have the onramp's UI, which the user will go through to complete the transaction in the widget.
6. Once you receive webhooks that a transaction has been created, you can fetch the transaction details from the transactions endpoint.

All in One Wizard

The wizard flow is similar to the widget flow, except that everything is completed in Meld and the onramp's UI rather than your own.

If you do complete any of steps 1-3 in your own UI, you can pass in those values to Meld's wizard using url params to streamline the wizard flow. In this scenario the user will essentially pick up the flow in the wizard at Step 4.