Kajabi Code Editor

We may earn commissions if you buy via links on our website. Commissions don’t affect our opinions or evaluations. Learn more.

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
Kajabi Code Editor

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.

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.
kajabi code editor

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.

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.


About Authors

  • Samuel Fletcher

    Samuel Fletcher is a entrepreneur with over 15 years in online course development. With an in-depth understanding of online course platforms, including Kajabi, Thinkific, LearnWorlds, and more, he has not only created courses on these platforms but has also assisted others in their course creation journeys. Beyond his hands-on experience, Sam is a passionate blogger, online business mentor, and a proactive contributor to community initiatives. His commitment to excellence and belief in dedication, perseverance, and unwavering commitment drives his success. Recognizing the gap in unbiased, quality information about online course platforms, he co-founded SupplyGem. In addition to his leadership role, Samuel serves as a Technical Writer at SupplyGem, sharing his expertise with a broader audience. Moreover, he's an active member of professional associations such as the Association for Talent Development (ATD), The Learning Guild, and others, underlining his dedication to continuous learning and industry advancement.

  • Dr. Angelia Cline, Ed.D.

    Dr. Angelia Cline, Ed.D., has over 20 years of extensive editing expertise and a commendable academic foundation from William Carey University. Besides her position as a Chief Editor for SupplyGem, she is also an Instructional Designer. Dr. Cline manages the Learning Management System (LMS) for a large team, skillfully converting SME knowledge into engaging courses. With over 12 years of teaching experience, she has demonstrated her aptitude across various subjects and educational settings. At William Carey University, Dr. Cline achieved an Ed.D. in Educational Leadership, a Master’s in Teaching of the Gifted and Talented, and another in English Language and Literature. She also secured her BA in English from The University of Southern Mississippi. Her proficiencies range from research and differentiated instruction to educational leadership.

Leave a Reply

Your email address will not be published. Required fields are marked *

More from SupplyGem

Disclosure: I am an independent Kajabi Affiliate, not an employee. I receive referral payments from Kajabi. The opinions expressed here are my own and are not official statements of Kajabi.

Kajabi Logo