Embedded Groups

Embedded Groups

You can embed a Group on any of your website pages! This can serve multiple use-cases. For example -

1. Topic-specific page for Communities. A group can be embedded for open discussions 

2. Group chat for Live streams and Events

3. Forum discussion 

And more :) We'll take you through the steps to add an embedded Group to your website!

If you are a WordPress User

  1. On WordPress, open or create the page on which you want to Embed the Group

  2. If you are using the default WordPress editor, then add the Shortcode element on that page.


  3. Now go to your AtomChat Admin Panel -> Groups -> Add New Group -> Create Embed Only Group.


  4. Once the group is created, it will get listed under the Groups.

  5. In front of that group, you will see this icon "</>", click on that and copy the shortcode for that group.


  6. Paste the copied shortcode in the Shortcode element on your WordPress Page, save it, and preview/publish. The Group is Embedded!


The height and width of the Group can be adjusted in the Shortcode as per your requirement. 

If you are not a WordPress User

  1. Go to your AtomChat Admin Panel -> Groups -> Add New Group -> Create Embed Only Group.

  2. Once the group is created, it will get listed under the Groups.

  3. In front of that group, you will see this icon "</>", click on that and copy the HTML Embed Code for that Group.

  4. Paste it on the page you want to Embed the Group.

  5. PLEASE NOTE- Before this Embed Group Code, please add the following code too -
<script type="text/javascript">
    var chat_appid = "APP_ID";
    var chat_auth = "AUTH_KEY";
</script>
JavaScript
Copy


NOTE
In the code above, please replace APP_ID and AUTH_KEY with your own Keys. You'll find them in your AtomChat Admin Panel -> API Keys (on the top-right corner)


You can adjust the height and width values in the Embed Group code as per your requirement!

If you still need help

Please feel free to reach out or schedule an integration meeting with our engineering team.

Happy to help :)

    • Related Articles

    • Buyer-Seller Marketplace

      By default, you can add AtomChat as a docked layout on your website (i.e the chat popup on the bottom right or left of your website) or as an Embedded Layout on any page. For a Marketplace, typically, there is a vendor listing. And the option to ...

    • Full-screen Chat

      For an Inbox view, you can add AtomChat to a page on your website in full-screen! Dive into this documentation and learn how. If you are a WordPress User If your website is on WordPress and you've used our shortcode to add the Embedded layout, the ...

    • Chat with a user from their Profile - Softr

      For your Softr Marketplace or Community, in addition to adding AtomChat’s default chat layouts, you can also start a one-on-one chat with a user directly from their profiles. We’ll show you how ? How to add a button in softr.io? Add the “List ...