Installing AtomChat on Kajabi

Before you begin

1. Signup for a free trial (if you haven't already)

First select a plan from the AtomChat Free Trial page, enter your email address and start your free trial.

2. Note your API keys

Sign in to your AtomChat Client Area and click on the Manage button and then note down the keys present in API Keys (top right button) section - API Key, Auth Key, License Key and App ID. You may need these during installation.

3. Secure your environment

For successful integration, please ensure your domain or local environment is SSL certified and secure.

AtomChat Admin Panel
AtomChat Admin Panel

Choose a layout

AtomChat offers 2 layouts

1. Docked Layout creates a floating chat widget at the bottom right/left corner of your website. 2. Embedded Layout embeds a chat interface inside any page of your website.

And please remember!!

AtomChat layouts are not designed to be used together on the same page. If you add both layouts on the same page, please expect erratic behavior from the software.

Setting up Docked Layout

                   Docked Layout
Docked Layout

Please copy the code given below and replace APP_ID and AUTH_KEY with your unique keys.

Then follow the instructions given in the section - "Where to add this code?"

JS

ATTENTION

In the code snippet above, make sure to replace 'APP_ID' with your App ID and 'AUTH_KEY' with your Auth Key.

Where to add this code?

  1. If you want to add the docked chat layout on all pages, then add the above code to your site theme's theme.liquid file.
  2. Path to find the theme.liquid file Kajabi Admin Dashboard → Go to Website → Design → Besides your current site's theme name, you will see an arrow, click on that → Click on Modify code (refer to the screenshot below) → Layouts → theme.liquid file.
  3. Add the above code snippet at the end of the file before the </body> tag.
  4. Save the changes.
  5. NOTE: This will add docked chat layout only on the pages that are created in Kajabi.
  6. If you want the docked layout only on certain pages, then add the above code to the respective pages at the end of the page.
Document image

Setting up Embedded Layout

               Embedded Layout
Embedded Layout

Please copy the code given below and replace APP_ID and AUTH_KEY with your unique keys.

Then follow the instructions given in the section - "Where to add this code?"

JS

ATTENTION

In the code snippet above, make sure to replace 'APP_ID' with your App ID and 'AUTH_KEY' with your Auth Key.

Where to add this code?

  1. Login to your Kajabi Dashboard
  2. Paste the above code on any page (or create a new page) in the Kajabi Admin Dashboard
  3. Go to Website → Pages
  4. Add the code to the pages where you want the AtomChat Embedded layout to appear.

Contact Sync

Your users will be visible on the contact list once they login using their credentials again to the site after installation.

Security

IMPORTANT

Before you go live, follow our security guide to ensure your integration is secure.

Congrats!! You are all set to start using AtomChat!