Javascript API playground

index.html

<!-- Puts Fundraise Up into test mode so that you can experiement with the donationComplete event. -->
<script>
window.fundraiseup_livemode = false;
</script>
<!-- End test mode code -->

<div class="container">
  <ul class="list">
    <li class="list-item">
      <span class="list-title">JavaScript events demo</span>
      <span class="list-description">Select the Donate button to launch Checkout. Fired JavaScript events will appear in the console. Remember to clear the console as you try different events.</span>
      <div class="loading fade-out"><i class="fa-solid fa-spinner-third fa-spin" style="--fa-animation-duration: 1s"></i> Preparing example...</div>
      <div class="example fade-in">
      <a href="#XTGWFZFR" style="display: none"></a> 
      </div>
    </li>
  </ul>
</div>

javascript-api-playground.markdown

Javascript API playground

A Pen by Fundraise Up Inc. on CodePen.

License.

script.js

/* Events to try:
1. checkoutOpen -> Fires whenever Checkout is opened

2. checkoutClose -> Fires whenever Checkout is closed, regardless of whether a conversion occurs.

3. donationComplete -> Fires at the point of conversion in Checkout.
*/

FundraiseUp.on('checkoutOpen', function(details) {	
    console.log(details);
  });

styles

<link href="https://codepen.io/fundocs/pen/XWYqQKZ.css" rel="stylesheet" />