Guides

Integrate BoomFi's Card On-Ramp

Suggest Edits

BoomFi's card on-ramp product is a part of our suite of payment solutions tailored for merchants dealing with cryptocurrencies. It's a modern solution that collaborates with businesses and merchants, offering flexibility and customization. This page will guide you through the features, user journey, and how to get started with BoomFi's card on-ramp service.

BoomFi's Card Ramp Service

While currently in a limited roll-out phase, we are rapidly expanding our features, geographic coverage, and local payment method support.

Here's a summary of our current offerings and what's in the pipeline:

Q3 2024 (current)Q4 2024
Geography*153 countries ✅Global
CurrenciesEURO, USD, GBP ✅Local payment methods such as PIX and more
Capabilities4. SDK Integration
5. Customize branding (widgets and emails)
6. List new settlement tokens ✅		7. US coverage
8. Continued blockchain support expansion ✅
9. Partner affiliate programme

* Excluding BoomFI's list of unsupported countries.

Using BoomFi's on-ramp

To purchase crypto with BoomFi's on-ramp solution, users will undergo the following steps:

  1. Access the swap link: https://swap.boomfi.xyz/
  2. Select the desired amount of fiat or cryptocurrency they wish to purchase. The BoomFi on-ramp interface will provide a real-time indicative quote.
  3. Log in or create an account using email Multi-Factor Authentication (MFA).
  4. Complete a quick and straightforward Know Your Customer (KYC) process if the user is new to BoomFi.
  5. Confirm the purchase amount by submitting card details.

After this, BoomFi will confirm the card payment, execute the order at the final price, and deliver the crypto to the user.

📘

Try it yourself

By accessing the link provided in the first step, you can try the solution yourself.

Integrate BoomFi's Card Ramp

Businesses interested in offering their users a seamless card-to-crypto buying experience can integrate our solution in their websites. An example of how you can do this is presented with the buttons below:

And here is how to implement the buttons above in your code:

<!--Opens BoomFi's card ramp solution -->
<body>
  <div class="container">
    <button onclick="window.open('https://swap.boomfi.xyz/', '_blank')">Buy crypto with <svg
        xmlns="http://www.w3.org/2000/svg" width="67" height="12" viewBox="0 0 67 12" fill="none">
        <path
          d="M13.0774 7.41149C13.0774 4.58757 15.0997 2.80528 18.1073 2.80528C21.1149 2.80528 23.1372 4.58757 23.1372 7.41149C23.1372 10.2354 21.1149 12 18.1073 12C15.0997 12 13.0774 10.2 13.0774 7.41149ZM20.5169 7.41149C20.5169 5.85838 19.8836 5.13544 18.1073 5.13544C16.331 5.13544 15.6977 5.85937 15.6977 7.41149C15.6977 8.96362 16.3134 9.65312 18.1073 9.65312C19.9012 9.65312 20.5169 8.9646 20.5169 7.41149Z" />
        <path
          d="M23.8754 7.41149C23.8754 4.58757 25.8978 2.80528 28.9053 2.80528C31.9129 2.80528 33.9352 4.58757 33.9352 7.41149C33.9352 10.2354 31.9129 12 28.9053 12C25.8978 12 23.8754 10.2 23.8754 7.41149ZM31.3149 7.41149C31.3149 5.85838 30.6816 5.13544 28.9053 5.13544C27.129 5.13544 26.4958 5.85937 26.4958 7.41149C26.4958 8.96362 27.1114 9.65312 28.9053 9.65312C30.6993 9.65312 31.3149 8.9646 31.3149 7.41149Z" />
        <path
          d="M35.6077 11.8238C35.2766 11.8234 35.0088 11.5549 35.0088 11.2238V3.20291C35.0088 3.08108 35.1072 2.98231 35.2287 2.98231H37.2338C37.3552 2.98231 37.4537 3.08108 37.4537 3.20291V5.58875C37.4537 5.63064 37.4875 5.6646 37.5293 5.6646C37.5669 5.6646 37.5987 5.63681 37.6045 5.59951C37.8317 4.14228 38.7174 2.80625 40.9014 2.80625C42.9082 2.80625 43.9455 4.01898 44.1626 5.62036C44.1687 5.66561 44.2069 5.70001 44.2524 5.70001C44.2972 5.70001 44.335 5.66692 44.342 5.62257C44.5726 4.1524 45.4773 2.80625 47.7076 2.80625C49.977 2.80625 51.0847 4.30624 51.0847 6.31771V11.6033C51.0847 11.7252 50.9863 11.8239 50.8649 11.8239H48.6666C48.5452 11.8239 48.4467 11.7252 48.4467 11.6033V7.20099C48.4467 5.7364 47.937 5.18952 46.4244 5.18952C44.8236 5.18952 44.3667 5.82493 44.3667 7.36033V11.6043C44.3667 11.7261 44.2683 11.8249 44.1469 11.8249H41.9486C41.8272 11.8249 41.7288 11.7261 41.7288 11.6043V7.20197C41.7288 5.73739 41.219 5.1905 39.7064 5.1905C38.1056 5.1905 37.6488 5.82591 37.6488 7.36131V11.6053C37.6488 11.7271 37.5503 11.8259 37.4289 11.8259C37.2947 11.8259 36.2799 11.8246 35.6077 11.8238Z" />
        <path
          d="M53.0197 11.8228C52.6884 11.8227 52.4198 11.5541 52.4198 11.2228V0.220601C52.4198 0.0987665 52.5182 0 52.6397 0H62.1725C62.2939 0 62.3924 0.0987663 62.3924 0.220601V2.16169C62.3924 2.28352 62.2939 2.38229 62.1725 2.38229H55.2786C55.1572 2.38229 55.0588 2.48105 55.0588 2.60289V4.82627C55.0588 4.9481 55.1572 5.04687 55.2786 5.04687H61.9088C62.0302 5.04687 62.1287 5.14563 62.1287 5.26747V7.19085C62.1287 7.31268 62.0302 7.41145 61.9088 7.41145H55.2786C55.1572 7.41145 55.0588 7.51021 55.0588 7.63205V11.6023C55.0588 11.7241 54.9603 11.8229 54.8389 11.8229L53.0197 11.8228Z" />
        <path
          d="M63.7376 2.40983C63.6162 2.40983 63.5178 2.31106 63.5178 2.18923V0.2206C63.5178 0.0987661 63.6162 0 63.7376 0H65.9359C66.0573 0 66.1557 0.0987663 66.1557 0.220601V2.18923C66.1557 2.31106 66.0573 2.40983 65.9359 2.40983H63.7376ZM63.7376 11.8239C63.6162 11.8239 63.5178 11.7251 63.5178 11.6033L63.5178 3.71239C63.5178 3.59056 63.6162 3.49179 63.7376 3.49179H65.9359C66.0573 3.49179 66.1557 3.59056 66.1557 3.71239L66.1557 11.6033C66.1557 11.7251 66.0573 11.8239 65.9359 11.8239H63.7376Z" />
        <path
          d="M11.2907 6.58269C10.7646 6.08929 9.98809 5.79724 8.96048 5.70687C8.91595 5.70295 8.88142 5.66584 8.88142 5.62114C8.88142 5.57625 8.91676 5.53902 8.96149 5.53525C10.7373 5.38558 11.6249 4.49958 11.6249 2.8766C11.6249 1.94713 11.3085 1.23547 10.6751 0.741284C10.0423 0.247095 9.12198 0 7.91415 0H1.24688C1.02444 0 0.844269 0.180776 0.844269 0.40397V4.49046C0.844269 4.6029 0.935192 4.69413 1.04725 4.69413H3.08481C3.217 4.69413 3.30255 4.72342 3.37704 4.7968C3.45152 4.87019 3.48205 4.96512 3.48205 5.06443V6.6113C3.48205 6.7298 3.42871 6.79814 3.39214 6.82944C3.35557 6.86075 3.30859 6.87657 3.18848 6.88432H2.35809C2.30273 6.88432 2.23697 6.8621 2.20309 6.83382C2.17289 6.80857 2.15276 6.74192 2.15276 6.68233V5.99222C2.15276 5.88079 2.06251 5.79023 1.95145 5.79023H1.04558C0.934521 5.79023 0.844269 5.88079 0.844269 5.99222V6.68233C0.844269 6.79376 0.934521 6.88432 1.04558 6.88432H1.95145C2.00815 6.88869 2.05446 6.92034 2.08566 6.95165C2.1172 6.98329 2.15276 7.03513 2.15276 7.0863V7.77642C2.15276 7.88785 2.24301 7.9784 2.35407 7.9784H3.25994C3.371 7.9784 3.46125 7.88785 3.46125 7.77642V7.17518C3.46125 7.1001 3.47031 7.01729 3.52097 6.96578C3.57163 6.91428 3.63874 6.88297 3.68336 6.88297H7.93159C8.47109 6.88297 8.85794 6.98295 9.09246 7.18292C9.32698 7.3711 9.44407 7.69461 9.44407 8.15345C9.44407 8.6123 9.32698 8.95937 9.09246 9.15934C8.85794 9.34752 8.47109 9.44178 7.93159 9.44178H3.68369C3.57264 9.44178 3.48239 9.53234 3.48239 9.6441V11.6202C3.48239 11.7326 3.57331 11.8242 3.68537 11.8242H8.24831C9.53802 11.8242 10.5053 11.536 11.1501 10.9594C11.795 10.383 12.1174 9.57677 12.1174 8.5416C12.1174 7.72996 11.842 7.07688 11.2907 6.58269ZM8.6526 4.42953C8.44157 4.60593 8.09566 4.69413 7.61487 4.69413H3.80683C3.67631 4.69413 3.58203 4.67763 3.5411 4.64633C3.50017 4.61502 3.48239 4.57159 3.48239 4.50999V2.38207H7.57998C8.07251 2.38207 8.43016 2.47633 8.65294 2.66452C8.87572 2.84092 8.98711 3.13514 8.98711 3.54685C8.98711 3.95857 8.87572 4.24101 8.65294 4.42919L8.6526 4.42953Z" />
      </svg></button>
  </div>
</body>

<!--Opens BoomFi's card ramp solution -->
<body>
  <div class="container">
    <button onclick="window.open('https://swap.boomfi.xyz/', '_blank')">Sell crypto with <svg
        xmlns="http://www.w3.org/2000/svg" width="67" height="12" viewBox="0 0 67 12" fill="none">
        <path
          d="M13.0774 7.41149C13.0774 4.58757 15.0997 2.80528 18.1073 2.80528C21.1149 2.80528 23.1372 4.58757 23.1372 7.41149C23.1372 10.2354 21.1149 12 18.1073 12C15.0997 12 13.0774 10.2 13.0774 7.41149ZM20.5169 7.41149C20.5169 5.85838 19.8836 5.13544 18.1073 5.13544C16.331 5.13544 15.6977 5.85937 15.6977 7.41149C15.6977 8.96362 16.3134 9.65312 18.1073 9.65312C19.9012 9.65312 20.5169 8.9646 20.5169 7.41149Z" />
        <path
          d="M23.8754 7.41149C23.8754 4.58757 25.8978 2.80528 28.9053 2.80528C31.9129 2.80528 33.9352 4.58757 33.9352 7.41149C33.9352 10.2354 31.9129 12 28.9053 12C25.8978 12 23.8754 10.2 23.8754 7.41149ZM31.3149 7.41149C31.3149 5.85838 30.6816 5.13544 28.9053 5.13544C27.129 5.13544 26.4958 5.85937 26.4958 7.41149C26.4958 8.96362 27.1114 9.65312 28.9053 9.65312C30.6993 9.65312 31.3149 8.9646 31.3149 7.41149Z" />
        <path
          d="M35.6077 11.8238C35.2766 11.8234 35.0088 11.5549 35.0088 11.2238V3.20291C35.0088 3.08108 35.1072 2.98231 35.2287 2.98231H37.2338C37.3552 2.98231 37.4537 3.08108 37.4537 3.20291V5.58875C37.4537 5.63064 37.4875 5.6646 37.5293 5.6646C37.5669 5.6646 37.5987 5.63681 37.6045 5.59951C37.8317 4.14228 38.7174 2.80625 40.9014 2.80625C42.9082 2.80625 43.9455 4.01898 44.1626 5.62036C44.1687 5.66561 44.2069 5.70001 44.2524 5.70001C44.2972 5.70001 44.335 5.66692 44.342 5.62257C44.5726 4.1524 45.4773 2.80625 47.7076 2.80625C49.977 2.80625 51.0847 4.30624 51.0847 6.31771V11.6033C51.0847 11.7252 50.9863 11.8239 50.8649 11.8239H48.6666C48.5452 11.8239 48.4467 11.7252 48.4467 11.6033V7.20099C48.4467 5.7364 47.937 5.18952 46.4244 5.18952C44.8236 5.18952 44.3667 5.82493 44.3667 7.36033V11.6043C44.3667 11.7261 44.2683 11.8249 44.1469 11.8249H41.9486C41.8272 11.8249 41.7288 11.7261 41.7288 11.6043V7.20197C41.7288 5.73739 41.219 5.1905 39.7064 5.1905C38.1056 5.1905 37.6488 5.82591 37.6488 7.36131V11.6053C37.6488 11.7271 37.5503 11.8259 37.4289 11.8259C37.2947 11.8259 36.2799 11.8246 35.6077 11.8238Z" />
        <path
          d="M53.0197 11.8228C52.6884 11.8227 52.4198 11.5541 52.4198 11.2228V0.220601C52.4198 0.0987665 52.5182 0 52.6397 0H62.1725C62.2939 0 62.3924 0.0987663 62.3924 0.220601V2.16169C62.3924 2.28352 62.2939 2.38229 62.1725 2.38229H55.2786C55.1572 2.38229 55.0588 2.48105 55.0588 2.60289V4.82627C55.0588 4.9481 55.1572 5.04687 55.2786 5.04687H61.9088C62.0302 5.04687 62.1287 5.14563 62.1287 5.26747V7.19085C62.1287 7.31268 62.0302 7.41145 61.9088 7.41145H55.2786C55.1572 7.41145 55.0588 7.51021 55.0588 7.63205V11.6023C55.0588 11.7241 54.9603 11.8229 54.8389 11.8229L53.0197 11.8228Z" />
        <path
          d="M63.7376 2.40983C63.6162 2.40983 63.5178 2.31106 63.5178 2.18923V0.2206C63.5178 0.0987661 63.6162 0 63.7376 0H65.9359C66.0573 0 66.1557 0.0987663 66.1557 0.220601V2.18923C66.1557 2.31106 66.0573 2.40983 65.9359 2.40983H63.7376ZM63.7376 11.8239C63.6162 11.8239 63.5178 11.7251 63.5178 11.6033L63.5178 3.71239C63.5178 3.59056 63.6162 3.49179 63.7376 3.49179H65.9359C66.0573 3.49179 66.1557 3.59056 66.1557 3.71239L66.1557 11.6033C66.1557 11.7251 66.0573 11.8239 65.9359 11.8239H63.7376Z" />
        <path
          d="M11.2907 6.58269C10.7646 6.08929 9.98809 5.79724 8.96048 5.70687C8.91595 5.70295 8.88142 5.66584 8.88142 5.62114C8.88142 5.57625 8.91676 5.53902 8.96149 5.53525C10.7373 5.38558 11.6249 4.49958 11.6249 2.8766C11.6249 1.94713 11.3085 1.23547 10.6751 0.741284C10.0423 0.247095 9.12198 0 7.91415 0H1.24688C1.02444 0 0.844269 0.180776 0.844269 0.40397V4.49046C0.844269 4.6029 0.935192 4.69413 1.04725 4.69413H3.08481C3.217 4.69413 3.30255 4.72342 3.37704 4.7968C3.45152 4.87019 3.48205 4.96512 3.48205 5.06443V6.6113C3.48205 6.7298 3.42871 6.79814 3.39214 6.82944C3.35557 6.86075 3.30859 6.87657 3.18848 6.88432H2.35809C2.30273 6.88432 2.23697 6.8621 2.20309 6.83382C2.17289 6.80857 2.15276 6.74192 2.15276 6.68233V5.99222C2.15276 5.88079 2.06251 5.79023 1.95145 5.79023H1.04558C0.934521 5.79023 0.844269 5.88079 0.844269 5.99222V6.68233C0.844269 6.79376 0.934521 6.88432 1.04558 6.88432H1.95145C2.00815 6.88869 2.05446 6.92034 2.08566 6.95165C2.1172 6.98329 2.15276 7.03513 2.15276 7.0863V7.77642C2.15276 7.88785 2.24301 7.9784 2.35407 7.9784H3.25994C3.371 7.9784 3.46125 7.88785 3.46125 7.77642V7.17518C3.46125 7.1001 3.47031 7.01729 3.52097 6.96578C3.57163 6.91428 3.63874 6.88297 3.68336 6.88297H7.93159C8.47109 6.88297 8.85794 6.98295 9.09246 7.18292C9.32698 7.3711 9.44407 7.69461 9.44407 8.15345C9.44407 8.6123 9.32698 8.95937 9.09246 9.15934C8.85794 9.34752 8.47109 9.44178 7.93159 9.44178H3.68369C3.57264 9.44178 3.48239 9.53234 3.48239 9.6441V11.6202C3.48239 11.7326 3.57331 11.8242 3.68537 11.8242H8.24831C9.53802 11.8242 10.5053 11.536 11.1501 10.9594C11.795 10.383 12.1174 9.57677 12.1174 8.5416C12.1174 7.72996 11.842 7.07688 11.2907 6.58269ZM8.6526 4.42953C8.44157 4.60593 8.09566 4.69413 7.61487 4.69413H3.80683C3.67631 4.69413 3.58203 4.67763 3.5411 4.64633C3.50017 4.61502 3.48239 4.57159 3.48239 4.50999V2.38207H7.57998C8.07251 2.38207 8.43016 2.47633 8.65294 2.66452C8.87572 2.84092 8.98711 3.13514 8.98711 3.54685C8.98711 3.95857 8.87572 4.24101 8.65294 4.42919L8.6526 4.42953Z" />
      </svg></button>
  </div>
</body>

.container {
  background-color: transparent;
  display: flex;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.container button {
  align-items: center;
  background: #5F00E7;
  border: 1.5px solid #4C00B9;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  gap: 4px;
  justify-content: center;
  padding: 12px 16px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  width: 300px;
}

.container button svg path {
    fill: #FFF;
  }

button:hover {
  transform: scale(1.02);
}

.container {
  background-color: transparent;
  display: flex;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.container button {
  align-items: center;
  background: #000;
  border: 1.5px solid #000;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  gap: 4px;
  justify-content: center;
  padding: 12px 16px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  width: 300px;
}

.container button svg path {
    fill: #FFF;
  }

button:hover {
  transform: scale(1.02);
}

.container {
  background-color: transparent;
  display: flex;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.container button {
  align-items: center;
  background: #FFF;
  border: 1.5px solid #E5E7EB;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  gap: 4px;
  justify-content: center;
  padding: 12px 16px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  width: 300px;
}

.container button svg path {
    fill: #FFF;
  }

button:hover {
  transform: scale(1.02);
}

📘

Iframe Integration

You can integrate BoomFi's Card Ramp by adding an iframe to your application. Refer to the Iframe Integration page for more details.

Configuring the Card Ramp URL

You can modify the https://swap.boomfi.xyz/ URL to fit your application needs. This is done through query parameters added in the URL you will provide your customer. Find all available parameters you can add in the Configure your Card Ramp URL page.

🚧

Support

If you have any questions, please do not hesitate to reach out to BoomFi's Support.

Supported Countries for Card Ramp

Refer to the Supported Countries page for a complete list of supported countries.

Updated 21 days ago