How to use Kajabi coupon codes

We are not able to add a coupon code directly into the MobilePay- or Klarna paymen flows, so for the Kajabi coupon codes to work properly with MobilePay and Klarna, we need to be a little creative. 

For this to work, we need two different offers in Edpay. The first offer is the full price version and the second offer has the reduced price. When the customer fill in the coupon code in Kajabi, we want to switch from the full price offer to the discounted offer. 

To make this happen you first need to add the following code snippet to "Footer Tracking Code" (Settings -> Checkout settings) in Kajabi. Paste this code below your existing code:

<script> // Coupons
  $(document).ready(function (){
    $('.edpay-coupon-button').each(function() {
      $(".panel-heading").append($(this).html());
    });

    $('.edpay-button-with-coupon').each(function() {
      $(this).hide();
    });
  });

  var edpayCoupon = function(){
    setTimeout(function() {
      if($(".price-breakdown").length == 1){
        $('.edpay-button-with-coupon').each(function() {
          $(this).show();
        });

        $('.edpay-button-without-coupon').each(function() {
          $(this).hide();
        });
      } else {
        $('.edpay-button-with-coupon').each(function() {
          $(this).hide();
        });

        $('.edpay-button-without-coupon').each(function() {
          $(this).show();
        });
      }
    }, 2000);
  };

  $(".coupon-code-button").on('click', function() {
    edpayCoupon();
  });

  $(".coupon-code-field").on('keypress', function(e) {
    if(e.which == 13){
      edpayCoupon();
    }
  });
</script>

Then you need the links to each offer in Edpay. Copy the links after "href" in each code snippet:

Insert the links into the "FULLPRICE" or "COUPONPRICE" in the codes below (marked with red text). Then paste the below codes into "Source code" under "Checkout Description" in Kajabi. 

Klarna

<div class="edpay-coupon-button" style="display: none;">
  <a class="edpay-button-without-coupon edpay-button" href="FULLPRICE">
  <img src="https://app.edpay.no/buttons/klarna_checkout.png" style="max-width: 309px; border-radius: 4px;"/></a>
</div>

<div class="edpay-coupon-button" style="display: none;">
  <a class="edpay-button-with-coupon edpay-button" href="COUPONPRICE">
  <img src="https://app.edpay.no/buttons/klarna_checkout.png" style="max-width: 309px; border-radius: 4px;"/></a>
</div>

MobilePay (DK)

<div class="edpay-coupon-button" style="display: none;">
  <a class="edpay-button-without-coupon edpay-button" href="FULLPRICE">
  <img src="https://app.edpay.no/buttons/mobilepay.png" style="max-width: 309px; border-radius: 4px;"/></a>
</div>

<div class="edpay-coupon-button" style="display: none;">
  <a class="edpay-button-with-coupon edpay-button" href="COUPONPRICE">
  <img src="https://app.edpay.no/buttons/mobilepay.png" style="max-width: 309px; border-radius: 4px;"/></a>
</div>

MobilePaylla (FI)

<div class="edpay-coupon-button" style="display: none;">
  <a class="edpay-button-without-coupon edpay-button" href="FULLPRICE">
  <img src="https://app.edpay.no/buttons/mobilepaylla.png" style="max-width: 309px; border-radius: 4px;"/></a>
</div>

<div class="edpay-coupon-button" style="display: none;">
  <a class="edpay-button-with-coupon edpay-button" href="COUPONPRICE">
  <img src="https://app.edpay.no/buttons/mobilepaylla.png" style="max-width: 309px; border-radius: 4px;"/></a>
</div>

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