Kajabi Checkout Settings

Before you can insert the payment buttons in Kajabi Checkout you need to add a Header and Footer Tracking Code. You only need to do this once.

Login to Kajabi and go to Settings - Checkout Settings and scroll down to "Checkout Tracking Code". 

Add this code to "Header Tracking Code": 

<style>
    .edpay-button {
        margin-bottom: -10px;
        display: block;
        padding-top: 15px;
        margin-top: 6px;
    }
</style>

And finally, add this code to "Footer Tracking Code":

 <script>
    $(document).ready(function (){
        $(".edpay-div").each(function() {
            $(this).hide();
            $(".panel-heading").append($(this).html());
        });
        $(".edpay-image").each(function() {
            $(this).css('max-width', '309px')
       }); 
    });
</script>

When you are done, it should look something like this: 

Other important blogposts: 

• Remember to use "Offer is granted" in Automations: https://www.edpay.co/blog/offer-is-granted-automations 
• How to add email notifications for new purchases: https://www.edpay.co/blog/how-to-set-up-email-notifications-of-new-purchases-in-kajabi 

If you have any questions, please let us know by sending an email to [email protected]. 😊