Embedded Groups

Modified on Fri, 28 Oct 2022 at 01:23 PM

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 :)


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article