Launch the Arrow Checkout implementation by calling the loadCheckoutWindow() function with the generated token.

📘

Take a look at Client Side Integration Setup guide to understand generating your token

Pass your generated token in the loadCheckoutWindow() function, and run the JavaScript given below:

<!DOCTYPE html>
<html>
<head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://stg-hi.projectarrow.co/cdn/arrow-staging.js"></script>
<script type="text/javascript" src="https://shop.witharrow.co/cdn/arrow.js"></script>

<script
  defer
  type="text/javascript"
  src="https://arrow-cdn.s3.amazonaws.com/media/button/v1.01/arrow-button.js"
></script>

</head>
<body>

  <div class="arrow-checkout-block" data-type="none" data-onclick="loadCheckoutWindow('bf96e66305d43021c5378735f9047e3b5afd47b66004b2e607ac7fef5eb85de0fe9eb0a7fbb77345b2b311c04a41267b618ddce97a7fd7350f572930a5b27929')"></div>
 
</body> 
</html>

Also, you can User this token in the URL https://stg-hi.projectarrow.co/order/check/{{YOUR_ORDER_TOKEN}} to search and check on your browser that the order has been initialized as shown below:

💬 We're here to help!

If anything is not right, double check if everything is configured as in this guide, if it is, reach out to Arrow support to get help with your setup ( [email protected] )