Before Getting Started
Please carefully review the onboarding timeline in preparation for your development.
The steps below will allow you to get the Katapult module up and running on our website.
Place the following script tag on the bottom of your page. This snippet uses an asynchronous loading method that allows you to immediately use the katapult.js plugin without a significant impact on the load time of your page.
Remember, your public token varies depending on whether you’re testing with the Katapult sandbox or your project is live in production.
Update the environment and API in the script below accordingly.
Place or name the Katapult checkout button within the payment options page of your site.
<a class="btn-katapult-checkout" href="#"></a>
Checkout button is not initializing Katapult
To check out with Katapult, you must first initialize the cart object with the following information
Customer information - This is the billing and shipping information that the customer has already entered on your site.
Item data - The contents of the customer’s shopping cart.
Checkout data - Metadata on the transaction, such as the order id and any applicable discounts.
URLS - These are the routes we will send the customer to at the end of the transaction.
- The return URL is where we will redirect to after the customer completes their checkout. We will also POST to that URL the customer_id provided and the katapult_id associated with the order.
- The cancel URL is where we will redirect if a customer cancels a checkout with Katapult.
For more details go to the Initialize Checkout Page to see examples and a breakdown of the response and requests.
Updated over 1 year ago