Launch AtomChat

AtomChat provides two layouts that you can use on your website.

Docked Layout

The Docked Layout is a chat widget that can float on either side of your page.

Launch AtomChat

You can add this code to your site template-

HTML

Variable

Description

Mandatory

chat_appid

Your App ID

Yes

chat_auth

Authentication Key. For More Details Click Here

Recommended

chat_position

Position of widget (right/left)

No

Launch Private Chat

To launch a private chat window, use the following Javascript code, on any site page (which has the Docked Layout code from above).

HTML

Want to hide the Chat tab?

For some use cases, you may not want to show the AtomChat tab at all. You can add #cometchat_userstab {display:none;} CSS style in AtomChat Admin Panel -> Settings -> Editor.

Embedded Layout

The Embedded Layout can be added to any part of the site. Think of it as an all-inclusive chat solution within your site.

To add Embedded Layout, use the following code on any site page-

HTML

Variable

Description

Mandatory

chat_appid

Your App ID

Yes

chat_auth

Authentication Key. For More Details Click Here

Recommended

Embed Only Groups

HTML

Variable

Description

Mandatory

chat_appid

Your App ID

Yes

chat_auth

Authentication Key. For More Details Click Here

Recommended

Embed A Single Group

HTML

Variable

Description

Mandatory

chat_appid

Your App ID

Yes

chat_auth

Authentication Key. For More Details Click Here

Recommended

chat_groupid

Group GUID

Yes