Add AtomChat to Your NewZenler Website

📄 Original Support Article

🧱 Prerequisite

Ensure you have an active AtomChat account.
🔗 Sign up here (14-day free trial included)

🛠 Integration Steps

1. Get Your AtomChat API Keys

  • Log in to your AtomChat Dashboard
  • Click the Manage button to access the Admin Panel
  • Copy your APP ID and AUTH KEY from the API Keys section

2. Add Code to NewZenler

  1. Log in to your NewZenler Admin Panel
  2. From the left navigation, go to Site → Header/Footer Code
  3. In the Footer Code section, paste the following code:
<script>
  var chat_appid = 'APP_ID';
  var chat_auth = 'AUTH_KEY';
</script>
<script>
  var chat_height = '600px';
  var chat_width = '990px';
  document.write('<div id="cometchat_embed_synergy_container" style="width:' + chat_width + ';height:' + chat_height + ';max-width:100%;border:1px solid #CCCCCC;border-radius:5px;overflow:hidden;"></div>');

  var chat_js = document.createElement('script');
  chat_js.type = 'text/javascript';
  chat_js.src = 'https://fast.cometondemand.net/' + chat_appid + 'x_xchatx_xcorex_xembedcode.js';
  chat_js.onload = function () {
    var chat_iframe = {
      module: "synergy",
      style: "min-height:" + chat_height + ";min-width:" + chat_width + ";",
      width: chat_width.replace('px', ''),
      height: chat_height.replace('px', ''),
      src: 'https://' + chat_appid + '.cometondemand.net/cometchat_embedded.php'
    };
    if (typeof addEmbedIframe === "function") {
      addEmbedIframe(chat_iframe);
    }
  };
  var chat_script = document.getElementsByTagName('script')[0];
  chat_script.parentNode.insertBefore(chat_js, chat_script);
</script>

🔁 Replace 'APP_ID' and 'AUTH_KEY' with your actual keys from the AtomChat Admin Panel.

3. Save & Publish

  • Click Save
  • Refresh your NewZenler website
  • AtomChat should now be visible!

🔄 Contact Sync

AtomChat dynamically syncs users when they log in to your site.

🤝 Need Help?

Happy chatting!