---
updatedAt: 2025-05-08T22:20:43.000Z
agentTools:
  projectIndex: https://docs.koalafi.com/llms.txt
---

# Buttons and Badges

### Adding a noticeable call to action on your website can help you boost your conversion rate by highlighting financing and making it easy to apply.

Many of these buttons and widgets are available directly through your integration platform to make it easy to guide customers through financing their purchases. You can learn more about that [here.](https://docs.koalafi.com/docs/choose-your-integration-type)

If you prefer to add the buttons directly to your site, download them below and link them directly to your short and simple Koalafi financing application.

## Text Only Buttons and Widgets

Text only buttons are available depending on integration type, see integration guidelines [here](https://docs.koalafi.com/docs/choose-your-integration-type) for more information.

<HTMLBlock>{`
<div></div>
<div id="citem_4467-dfe2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading_citem_4467-dfe2" aria-expanded="true" style="">
   <div class="panel-body">
      <table class="assettable">
         <tbody>
            <tr>
               <th style="width: 30%;">Name</th>
               <th style="width: 70%;">Preview</th>
            </tr>
            <tr>
               <td>Text Only</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/textonly/TextOnly-LTO.png"></td>
            </tr>
         </tbody>
      </table>
      <p></p>
   </div>
</div>

<style></style>
`}</HTMLBlock>

## Lease-to-Own Buttons

<HTMLBlock>{`
<div></div>
<div id="citem_4467-dfe2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading_citem_4467-dfe2" aria-expanded="true" style="">
   <div class="panel-body">
      <table class="assettable">
         <tbody>
            <tr>
               <th style="width: 30%;">Name</th>
               <th style="width: 40%;">Preview</th>
               <th style="width: 30%;">Assets</th>
               </tr>
  <tr>
               <td>No Credit Needed Button - Primary</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_Royal.png"></td>
               <td> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_Royal.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_Royal.svg" download="">SVG</a><br> 
</tr>
            <tr>
               <td>No Credit Needed Button - Indigo</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_Indigo.png"></td>
               <td> <a  href="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_Indigo.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_Indigo.svg" download="">SVG</a><br> 
           </tr>
            <tr>
               <td>No Credit Needed - White</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_White.png"></td>
               <td> <a  href="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_White.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/ncn/Koalafi_Buttons_NCN_White.svg" download="">SVG</a><br> 
              </tr>
  <tr>
               <td>Apply Now Button - Primary</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_Royal.png"></td>
               <td> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_Royal.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_Royal.svg" download="">SVG</a><br> 
</tr>
            <tr>
               <td>Apply Now Button - Indigo</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_Indigo.png"></td>
               <td> <a  href="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_Indigo.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_Indigo.svg" download="">SVG</a><br> 
           </tr>
            <tr>
               <td>Apply Now Button - White</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_White.png"></td>
               <td> <a  href="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_White.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/applynow/Koalafi_Buttons_Apply_White.svg" download="">SVG</a><br> 
 </tr>
            <tr>
               <td>Apply Now Button with Logo - Primary</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_Royal.png"></td>
               <td> <a  href="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_Royal.png" download="">PNG</a><br> <a  href="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_Royal.svg" download="">SVG</a><br> 
</tr>
            <tr>
               <td>Apply Now Button with Logo - Indigo</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_Indigo.png"></td>
               <td> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_Indigo.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_Indigo.svg" download="">SVG</a><br></tr>
        </tr>
            <tr>
               <td>Apply Now Button with Logo - White</td>
               <td><img src="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_White.png"></td>
               <td> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_White.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/buttons/koalafi_applynow/Koalafi_Buttons_Apply_Logo_White.svg" download="">SVG</a><br> </tbody>
             </tr>
            <tr>
</table>
      <p></p>
   </div>
</div>
<style></style>
`}</HTMLBlock>

***

## Payment Badges

![](https://files.readme.io/0f019c5-Screen_Shot_2022-10-20_at_10.24.16_AM.png)

<HTMLBlock>{`
<div></div>
<table class="assettable">
   <tbody>
      <tr>
         <th style="width: 20%;">Name</th>
         <th style="width: 20%;">Product</th>
         <th style="width: 30%;">Preview</th>
         <th style="width: 30%;">Assets</th>
      </tr>
      <tr>
         <td>Royal</td>
         <td>All</td>
         <td><img src="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_Royal.png"></td>
         <td> <a href="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_Royal.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_Royal.svg" download="">SVG</a><br> </td>
      </tr>
      <tr>
         <td>Black</td>
         <td>All</td>
         <td><img src="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_Black.png"></td>
         <td> <a href="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_Black.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_Black.svg" download="">SVG</a><br> 
</tr>
 <tr>
         <td>White</td>
         <td>All</td>
         <td><img src="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_White.png"></td>
         <td> <a href="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_White.png" download="">PNG</a><br> <a href="https://s3.amazonaws.com/assets.wcbin.co/paymentbadge/Koalafi_PaymentBadges_White.svg" download="">SVG</a><br>
</tr>
 <tr>
   </tbody>
</table>
<style></style>
`}</HTMLBlock>

Our checkout badge is available through your API or can be downloaded below. This badge is only used when displaying Koalafi next to other payment providers. Always try to use the royal blue Koalafi badge. If that’s not possible, use the white or black versions.