Skip to main content

​
Overview

In Kajabi, you can add custom code to a single page or all pages on your website. If you want to edit the underlying code of your pages, see How to Access the Code Editor.
Important: Be careful when adding custom code to your site. If you’re adding code from a third-party, make sure you trust them - their custom code might surface negative consequences.

​
Add custom code to a single page

​
Page settings

  1. Under Website, navigate to the website or landing page you want to edit.
  2. Next to the page, click the Customize button.
  3. In the page builder, click Settings.
  4. Click Custom Code.
  5. Add your custom CSS or JavaScript.
  6. Click Save.
Page Settings Custom Code
Note: Do not include <style> or <script> tags in the Custom CSS or JavaScript sections within the page settings.

​
Custom code block

Adding custom code in a block can be helpful for embedding content on your page, such as a calendar booking widget.
  1. Under Website, navigate to the website or landing page you want to edit.
  2. Next to the page, click the Customize button.
  3. In the page builder, open a section.
  4. Click Add block.
  5. Click Custom Code.
  6. Add your custom CSS or Javascript in the Code field.
  7. Click Save.
Custom Code Block
Note: In a custom code block, you’ll need to use <style> (for CSS) and <script> (for JavaScript) tags for your custom code to work.

​
Add custom code to all pages

Adding custom code to all pages can be helpful if you want to add a cookie disclaimer, custom fonts, analytics, or more to your website.
  1. Go to Settings > Site details.
  2. Under Page scripts, enter your custom code in the Header Page Scripts field.
  3. Click Save.
Header Page Scripts
Note: Custom code added to the Header Page Scripts field will be included in the <head> tag of every page on your website, except Offer checkout pages and upsell pages. To add tracking code to checkout pages, see Add a JavaScript tracking code to checkout pages.