data-popup-closed

<h2>To Complete A Purchase</h2>

<p>You can use any date in the future for the card expiration date, and you can use any values for other purchase data such as your name, so long as you used the test card numbers shown below.</p>

<ul>

    <li>Card Number: 4242 4242 4242 4242</li>

    <li>CVV Code: *E4FP</li>

</ul>

​

<!--

    Configure a checkout button.

-->

<button onclick="fastspring.builder.checkout();">Checkout</button>

​

<!--

    DEMO EFFECTS

        - The below div will be updated to include the returned data from the data-popup-webhook-received

-->

<br /><br />Data returned: <div id="log"></div>

​

<!--

    DEMO SETUP

        - Initialize the Store Builder Library

-->

<script

    id="fsc-api"

    src="https://sbl.onfastspring.com/sbl/1.0.2/fastspring-builder.min.js"

    type="text/javascript"

    data-storefront="fastspringexamples.test.onfastspring.com/popup-fastspringexamples"

    data-popup-closed="dataPopupClosed"

    data-continuous="true">

</script>

​

<!--

    Initialize the cart for demo purposes

-->

<script>

    fastspring.builder.reset();

    fastspring.builder.add("phot-io-main-app");

</script>

​

<!--

    dataPopupClosed

        - In this example, it will write div with the id log with the returned data.

-->

<script>

    function dataPopupClosed(data) {

        document.getElementById("log").innerHTML = "<pre>"+JSON.stringify(data, null, 4)+"</pre>";

    }

</script>