Code Based Customizations

Kayla M.

Updated

Kajabi provides you with the flexibility to make your site your own through the use of custom code. However, adding custom code to your site is an advanced modification that may affect the functionality and the security of your site, which may result in unintended consequences. 

Kajabi cannot guarantee the functionality or compatibility of any custom code with your site, and all code-based customizations fall outside the scope of Kajabi Support

We advise Heroes to use vulnerability tools like VirusTotal or Snyk to scan any custom code they intend to use and apply certain best practices to help reduce potential impact.


In this article:


Code-based customizations

You can use custom code-based modifications when a feature, functionality, or embedded content isn't available in Kajabi. All code-based customizations fall outside of the scope of Kajabi support.

Adding a custom modification usually involves pasting code provided by a third-party service into an acceptable location of your site. We recommend using an external tool like VirusTotal, Snyk, or any other tool you prefer to scan for vulnerabilities and malware for any custom code you intend to use from a third party. 

Since these are code-based solutions, we cannot guarantee their functionality or compatibility with Kajabi. This includes, but is not limited to, their ability to function with our design, particularly their appearance on mobile devices or if it functions on all templates.

Things to think about when integrating third-party code:

  • What is your objective for adding code to your site?
  • Who wrote the code that you are adding to your site?
  • Did you test your code before adding it to your site?

Custom Code Recommendations

Code customizations can cause issues on your site with future updates to our platform. While we can't help further, many resources can point you in the right direction, including the following:

  • Kajabi experts
  • W3 Schools
  • Stack Overflow
  • Kajabi custom code articles (see links below)

Common Code Types Available to Add to Your Site

HTML

The code used to add content to a web page. When you add a block, you're adding HTML to your site.

JavaScript

The code used to add interactivity to a web page. JavaScript works behind the scenes to make things like slideshows, sliders, and lightboxes work.

CSS

CSS is the coding language used to apply style and design to a web page written in HTML. 

You can use the CSS editor to customize:

  • Fonts
  • Colors
  • Backgrounds

You shouldn't use CSS to customize:

  • Padding
  • Margins
  • Floats
  • Sizes (Blocks, Images, or Banners)
  • Positioning

Custom code integration articles

Custom code integration article Description
How to Add a Custom Section Use custom sections to add custom code to your pages.
How to Add Custom Fonts Add custom fonts to your pages with custom fonts.
How to Add Custom Code to Your Page Modify your site with custom code.
How to Embed Custom Code to Your Page With Premier Add custom code with pages built with Premier.
How to Connect a Third-Party Payment Gateway Use your preferred payment processor by connecting it to Kajabi.
How to Embed Custom Fonts to Your Page Design your pages with custom fonts.
How to Use a Google Font on Your Site WIth Premier Customize your site with Google Fonts.
How to Customize Site Brand Settings Build your brand by editing and customizing your brand settings on Kajabi.
How to Sell Physical Products With Shopify Buy Buttons Attach physical products to your sales pages with the Shopify Buy Button.
How to Redirect a Page to a Different URL Help your users navigate across your pages.
How to Embed a Calendar on a Page Provide your users with a schedule or calendar on your page.
How to Embed a Calendly Calendar on Your Page With Premier Add a calendar to your pages built with Premier.
How to Install an Add to Calendar Button to Your Page Encourage your users to add your event to their calendar with an Add to Calendar Button.
Adding Google Tag Manager to Your Site Track your site performance with Google Tag Manager.
How to Add a JavaScript Tracking Code to Your Checkout Pages  Monitor your site traffic by adding JavaScript tracking code to your Checkout Pages.
Adding Your Instagram Feed to Your Page Display your Instagram feed on your site page.
How to Add Facebook Comments to Your Page Include Facebook Comments on your site page with custom code.
How to Autofill Forms by Passing Submission Data to the Thank You Page Help your form submitters pass data to your thank you page.
How to Collect Reviews on Your Kajabi Site Display your reviews and ratings on your site pages.
How to Add a Dropdown Menu to Your Header With Premier Create a dropdown menu experience in your header with custom code.
How to Fix White or Invisible Text on Your Form Update your text color with custom code.
How to Set Up a Donation Button on Your Kajabi Page Create a donation button on your site pages.
How to Add Custom HTML to Your Emails Customize your email with custom HTML.
How to Embed a Third-Party Audio Player to a Page Engage your audience with an audio player on your page.
How do I hide my Login Page URL from Search Engines? Prevent a page from appearing on most search engines by including a meta tag in your page's code. 
How to Add an Age Verification Popup to Your Kajabi Site Pages Secure your site with third-party age verification pop-ups.

Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?

Need more help?

Contact Us