Overview
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.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
- 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. |
| Connect a third-party payment gateway | Connects your third-party payment gateway to Kajabi. |