Kajabi Code Editor • How to Add a Custom Code? (2023)

The Kajabi code editor allows you to customize your page design using the Liquid code language.

Key Takeaways:

To access the Kajabi custom code editor, you must subscribe to the Pro plan or Kajabi Access.
With code editor access in Kajabi, you will have the ability to view and modify the code in most of the files.

do you want to succeed in the new creator economy?

Transform your knowledge into a profitable business with our help.

You Might Also Like:

How Does Kajabi Code Editor Work?

With code editor access in Kajabi, you will have the ability to view and modify your themes layouts, templates, snippets, configurations, sections, and assets directories with all related files.

Using the More menu, you simply navigate to the page, folder, or product you would like to change and edit the code by clicking on the Change Code box. Then you can preview and save it, and your alterations to your page or product will update immediately.

Warning! Code editor is only available with the Pro plan ($399 or Kajabi Access feature (+ $99 to any of Kajabi plans monthly).

You Might Also Like:

How to Use Kajabi Code Editor?

It’s effortless to modify your code using Kajabi; just remember that you have to be on a Pro Plan or have Kajabi Access to use this feature.

Here’s how to use the Kajabi Code Editor:

Open the Code Editor for your theme
Click on the directory that you want to work in
Choose your file
Modify the code as required
You have the option to Preview
When you finish editing, click ‘Save.’

To Modify Landing Page Themes

Go to the Website Tab on your Dashboard.
Click Pages
Then click on the word ‘Landing.’
Find the Page you would like to edit
Click on the Ellipsis […] and select ‘Modify Code.’
Change the code
Preview if you wish.
Save when your edits are complete.

To Modify Product Page Themes

To edit the code of your Product theme:

Open the Products tab from the Dashboard.
Choose the product you’d like to edit.
Click Customize.
Find your Product Theme.
Click the ellipsis […] and then click on Edit Code
Edit the code and then click Save

To Modify Website Themes

Note that changes in the website theme code may not apply to your updated theme. If you wish to update your website themes, then go via the dashboard to update them.

Open the Website tab from your Dashboard.
Find the theme you wish to update.
Click Update.
Carefully read the information provided in the Update section
Check the disclaimer, “I understand that any changes I’ve made using the Code Editor may not be applied to this theme version.”
Then click on “Update Now.”

You Might Also Like:

Bottom Line

The Kajabi Code Editor is quick and easy to use – not only for those familiar with coding but even for new users.

Simply navigate to what you would like changed, click on the relevant file or section, and then change the code and save it. If you wish, you can preview your changes, which should typically be immediate.

The editor is a great tool to make professional-looking sites and products. However, remember to subscribe to Kajabi Pro or Kajabi Access to use it.

You Might Also Like:

Was this page helpful?

YesNo