Setup the Element

  1. Go to your campaign and click Add Element
  2. Select Buy Me a Coffee under Personal Website Elements
  3. Enter the Receiver Name, your wallet address, and select the currencies you’d like to accept tips in
  4. Resize or reposition the element as needed

Here’s how to add and place the Buy Me a Coffee component on your website using the builder.


How Users Tip You

  1. Select how many coffees you want to send. You can choose 1, 3, 5, or enter a custom amount. Each coffee is worth $5, and you can send as many as you like.
  2. Choose the blockchain (like Base or Ethereum) and the token you’d like to tip with, such as ETH, USDC, or USDT.
  3. Type your name or nickname. You can also start with @ to tag your Twitter, Telegram, or GitHub handle.
  4. Add a personal message if you’d like. This part is optional, but always appreciated.
  5. Choose whether your message should be public or private.
  6. Connect your wallet at any point before sending your tip.
  7. Select the wallet you want to use, like MetaMask, WalletConnect, or other supported options.
  8. Click the Support button and approve the transaction in your wallet. Your coffee tip will be sent instantly. ☕

This is how the tipping flow looks from a visitor’s perspective.