With the Pro Plan or Kajabi Access, learn to access and edit the code in your Website, Product, and Landing Pages on Kajabi.
In this article:
What is the code editor?
With the code editor you can add and edit the code that make up your site to design unique pages for your visitors to interact and engage with.
If you have access to the Code Editor, you will see the Modify Code or Edit Code feature when viewing the More Actions menu of your pages:
Website theme
To access and edit the code for your Standard Website Pages:
- Open the Website tab from the Dashboard.
- Locate the theme you wish to edit.
- Click
…
and select Modify Code:
Product theme
To edit the code of your Product theme:
- Open the Products tab from the Dashboard.
- Select the Product you wish to edit.
- Click Customize.
- Locate your desired Product Theme.
- Click
…
and select Edit Code:
Landing page theme
To edit the code of your Landing Page theme:
- Open the Website tab from the Dashboard.
- Click Pages.
- Open the Landing folder.
- Locate the Page you wish to edit.
- Click
…
and select Modify Code:
Using the code editor
Kajabi theme code is written in Liquid.
With code editor access in Kajabi, you will have the ability to view and modify your theme's layouts, templates, snippets, config, sections, and assets directories and corresponding files.
Refer to Kajabi's Theme Documentation for a complete overview of each theme directory.
To use the code editor in Kajabi:
- Open the code editor for your theme.
- Select your desired directory.
- Select your desired file.
- Modify your code as needed.
- Click Save.
- Optional step: Click Preview: