Introduction
This guide will help you set up a custom payment button on your Kajabi checkout pages. This will enable you to accept payments using any of our supported payment gateways, e.g. Klarna, Razorpay, PayFast etc.
This guide assumes that you've already added your Kajabi products and added your payment processor account to CheckoutJoy.
This guide is for Essential Plan users only. To set up a custom checkout page in CheckoutJoy, please check our Pro plan guide.
Adding the custom payment button to Kajabi
You've imported your Kajabi offers to CheckoutJoy, you've set up your payment processor details, now you're ready to add the custom payment button to Kajabi's checkout pages.
This is done by adding a little code snippet to your Kajabi website.
This code snippet is loaded on every checkout page and fetches the product information from CheckoutJoy when a customer views the checkout page. If the product configuration is found in CheckoutJoy then the snippet will generate a payment button on the checkout page.
Below is an example of the code snippet. You'll find it in your CheckoutJoy account under Kajabi Integration Settings
<script src="https://cdn.checkoutjoy.com/cj-kajabi.js"></script>
<script>
CheckoutJoy.render({
key: 'YOUR_KEY_HERE',
});
</script>Do not use this code snippet above as-is, copy your unique snippet found here
Adding the snippet to Kajabi
The code snippet must be added to the Checkout Tracking Code section of Kajabi's Checkout Settings.
- Copy the code snippet above
- In Kajabi, navigate to Kajabi > Settings > Checkout Settings
- Scroll down to Checkout Tracking Code
- Paste the code snippet in the Footer Tracking Code block
- Replace [[YOUR_KEY_HERE]] with your API key
- Click the Save button
And that's it! You should now see your payment buttons display in the Checkout box area of any checkout page of your offers. Remember to refresh the checkout page in order to load your button!
** Note ** Your payment buttons will only display if you have added your Kajabi Offer to Checkoutjoy.