Hide the "Free Trial" Badge on the Kajabi Checkout

Here's the "Before" and "After" of what we're going to do here...

BEFORE...

AFTER...

In order to hide the free trial badge (at the top of the checkout) and the "Trial:" field on a single Offer checkout page (as opposed to all Offers), you first have to determine the ID number of your Offer, and then target that specific Offer ID with some custom code.

How to Find Your Offer's ID

Here's how you can find your Offer ID in Kajabi.

1. Go to "Sales > Offers" in Kajabi and click to edit your Offer.
2. Look in the browser address bar for a number. That's your Offer ID number.
3. Copy it.

The "1234" in the following code snippet needs to be replaced with your actual Offer ID:

Custom CSS Code

<style>
   .offer-checkout-offer-1234 .checkout-panel-badge {
      display: none;
}

   .offer-checkout-offer-1234 table tr:nth-child(3) {
      display : none;
}
</style>

Explaining the Code

The first CSS rule hides the "30 day trial" badge icon.

The second CSS rule hides the line of text that says "Trial: 30 day trial"

After you've changed the "1234" in the code snippet above to your specific Offer ID, paste that code snippet in the following place in the Kajabi Admin:

Settings > Checkout Settings > Checkout Tracking Code > Head Tracking Code

Once you paste the code snippet there and hit "Save", the trial badge and field will be hidden for that one specific Offer.