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 |
Use custom sections to add custom code to your pages. | |
Add custom fonts to your pages with custom fonts. | |
Modify your site with custom code. | |
Add custom code with pages built with Premier. | |
Use your preferred payment processor by connecting it to Kajabi. | |
Design your pages with custom fonts. | |
Customize your site with Google Fonts. | |
Build your brand by editing and customizing your brand settings on Kajabi. | |
Attach physical products to your sales pages with the Shopify Buy Button. | |
Help your users navigate across your pages. | |
Provide your users with a schedule or calendar on your page. | |
Add a calendar to your pages built with Premier. | |
Encourage your users to add your event to their calendar with an Add to Calendar Button. | |
Track your site performance with Google Tag Manager. | |
Monitor your site traffic by adding JavaScript tracking code to your Checkout Pages. | |
Display your Instagram feed on your site page. | |
Include Facebook Comments on your site page with custom code. | |
Help your form submitters pass data to your thank you page. | |
Display your reviews and ratings on your site pages. | |
Create a dropdown menu experience in your header with custom code. | |
Update your text color with custom code. | |
Create a donation button on your site pages. | |
Customize your email with custom HTML. | |
Engage your audience with an audio player on your page. | |
Prevent a page from appearing on most search engines by including a meta tag in your page's code. | |
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!