How to Integrate the BuyBSV Widget

Follow these 2 quick and easy steps to add the BuyBSV button to your website.

Step 1

<script src="https://trade-ui.coinify.com/components/buy-button.js"></script>

Copy and paste this script in the <head> section or before the </body> tag.

Step 2

<buy-button url="https://trade-ui.coinify.com/widget?partnerId=78&primaryColor=orange&backgroundColor=silver&fontColor=gray&currencies=BSV"/>
Copy and paste this script in the section where you want to display the BuyBSV button.

Customize Your BuyBSV Widget

Here’s how you can style the look of your BuyBSV button.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
JQuery – Copy and paste this script in the <head> section or before the </body> tag.
Required (but it doesn’t need to called again if it already exists in your website)
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
FontAwesome – Copy and paste this script in the <head> section.
Required (but it doesn’t need to called again if it already exists in your website)

<style type="text/css">
    buy-button {
        --background-color: #feb645;
    }
    buy-button button {
        font-size: 1rem;
    }
    .bsv-icon {
        font-size: 1.5rem;
    }
</style>
                     

Inline Style – Copy and paste this CSS code snippet in the <head> section.

<script>
     jQuery(document).ready(function(){
         jQuery('buy-button button').text('Buy BSV');
         jQuery('buy-button button').text('Buy ').append(jQuery('<i></i>').addClass('fa fa-btc bsv-icon'));
     });
</script>
               

JQuery – Copy and paste this script in the <head> section or before the </body> tag.