BB Checkout API integration with P2P - Bluefin

Shweta Jayaram
Shweta Jayaram
Tenth Anniversary Participant Facilitator 1 Loyalty Badge
in Blackbaud CRM™ General Discussions
Hi there,

Has anyone implemented the BB Checkout API integration with P2P - Bluefin. Here's the reference link from the developer resource - https://developer.blackbaud.com/skyapi/apis/payments/checkout/integration-guide/optional-configuration


Thanks, Shweta!

Senior Business Systems Analyst

University of Illinois Foundation

email address jayara@uif.uillinois.edu
Tagged:

Comments

  • John Wooster
    John Wooster
    Fourth Anniversary Facilitator 1
    Hi Shweta,


    I'm responding to your recent post. If you are unable to get the integration you need, we are API experts and help many BB clients with API integration to their data.

    Mission BI Reporting Access™ and SQL Access™ are Blackbaud Marketplace App Solutions that enable standardized data source connections to your RE NXT and FE NXT data from virtually any reporting platform such as Microsoft Power BI, Tableau, or Crystal Reports.

    Reporting Access™ and SQL Access™ are much more than simple API connectors. They are specialized database solutions, hosted and managed in the secure Mission BI Cloud, and optimized as data source connections for advanced custom reporting.

    Let's jump on a quick call to get acquainted and explore how I can help. Please use the link below to drop a time on my calendar for us to connect.

    See My Calendar and SCHEDULE A CONVERSATION HERE.

    John Wooster
    CRO | Mission BI, Inc.
    843.491.6969 | https://www.missionbi.com
    John@MissionBI.com

  • Joseph Styons
    Joseph Styons
    Fifth Anniversary Kudos 1 Name Dropper Participant
    Hi Shweta!

    We have already spoken about this separately, but I wanted to share it with the community.

    In BBIS, create a new unformatted-text-and-images part, and paste the below code in it.

    Change the merchant account and public key to match correct ones for your organization, and you should have a bare-bones checkout form with the option to use Bluefin.




    -Joseph Styons

    https://www.styonssoftware.com 


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
        <title>Blackbaud Checkout Demo</title>
    </head>

    <body>
        <h1>Blackbaud Checkout Demo</h1>
        Please select an amount:
        <select id="amount">
            <option value="5">$5</option>
            <option value="25">$25</option>
            <option value="50">$50</option>
            <option value="100">$100</option>
        </select>
        <label>Use Bluefin device</label><input type="checkbox" id="cbxBluefin"></input>
        <button id="donate-now">Donate now!</button>

        <script>
            document.addEventListener('DOMContentLoaded', function() {

                //create the transaction object
                //to get your key and merchant account, refer to this guide:
                //https://developer.blackbaud.com/skyapi/apis/payments/checkout/integration-guide
                let transactionData = {
                    ClientAppName: 'BBIS',
                    key: 'YOUR_PUBLIC_KEY_GUID_HERE',
                    merchant_account_id: 'YOUR_MERCHANT_ACCOUNT_GUID_HERE'
                };

                document.getElementById('donate-now').addEventListener('click', function(e) {
                    e.preventDefault();
                    transactionData.device_partner_code = (document.getElementById('cbxBluefin').checked?1:null);
                    transactionData.billing_address_line = "101 Main Street";
                    // append any donor-entered information to the transaction obejct
                    transactionData.Amount = document.getElementById('amount').value;

                    // call the Checkout method to display the payment form
                    Blackbaud_OpenPaymentForm(transactionData);
                });

                document.addEventListener('checkoutReady', function() {
                    // handle Ready event
                });

                document.addEventListener('checkoutLoaded', function() {
                    // handle Loaded event
                });

                document.addEventListener('checkoutCancel', function() {
                    // handle Cancel event
                });

                document.addEventListener('checkoutComplete', function(e) {
                    // handle Complete event
                    console.log('transaction token: ', e.detail.transactionToken);
                });

                document.addEventListener('checkoutError', function(e) {
                    // handle Error event
                    console.log('error text: ', e.detail.errorText);
                    console.log('error code: ', e.detail.errorCode);
                });
            });
        </script>

        <script src="https://payments.blackbaud.com/Checkout/bbCheckout.2.0.js"></script>
    </body>
    </html>

Categories