Initial Setup

The first step to developing Kajabi themes is to establish a Kajabi Developer Account. If you do not already have access to a Kajabi Developer account reach out to themes@kajabi.com for one.

Sign into your Kajabi developer account

Landing Page
Site
Product
Landing Page

Open the Website tab from the dashboard

Select Page Builder

Click Upload Theme

Upload the theme via this link:

https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-page.zip

Create a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.

git clone https://github.com/Kajabi/theme-cornerstone-page.git
Site

Open the Website tab from the dashboard

Click Manage Themes

Click Upload Theme

Upload the theme via this link:

https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-site.zip

Create a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.

git clone https://github.com/Kajabi/theme-cornerstone-site.git
Product

Open the Products tab from the dashboard

Click on the product you would like to work with

Click on Customize

Click Upload Theme

Upload the theme via this link:

https://kajabi-products-development.s3.amazonaws.com/free_themes/cornerstone-product.zip

Create a local version of Cornerstone. Our bare-bones landing page theme meant for bootstrapping new projects.

git clone https://github.com/Kajabi/theme-cornerstone-product.git

Next, install the RubyGem in your local text editor

gem install kajabi_theme

Inside the new theme directory run

kajabi-theme configure

After running this, the text editor should ask you for

  • Remote theme id

  • Your api key

  • Your api secret key

Upload your local files to the remote theme

kajabi-theme sync

Have Kajabi watch for local changes and sync with your dev account theme

kajabi-theme watch

Gathering Assets

Kajabi Themes use gulp to gather scss and js files and place them in the assets folder. To get this working run the following commands inside your theme directory.

npm install gulp
npm install gulp-concat
npm install node-sass gulp-sass

Inside your theme directory is a file named gulpfile.js and this file tells the theme what stylesheets and javascript files to look for and move into the assets folder as you work.

To have gulp do this automatically as you're working, simply run is the following command

gulp

Once you have your local environment set up, dive into the docs to discover all of the functionality available to you with Kajabi Themes