Installation

Prerequisites

Before you begin, make sure you have:

• An Arena account with a registered site.
• Access to your blog’s post editor (no technical skills required).

When to Use This Method

• You want to add chats to blog posts without coding.
• You’re a non-technical user managing content.
• You need separate chats for different posts/ pages

Steps

Step 1: Access your Arena Dashboard

• Navigate to Group Chat.
• Click on New Live Chat.

Step 2: Set the basic information for your chat.

• Enter a name for your chat.
• Select the language and click on Create.

Step 3: Snippet (Embed code)

We recommend Embed for its simplicity and adaptability.

• Copy the provided code snippet.
• Paste the snippet into your blog post editor where you want the chat to appear.
• In the dashboard, click Start Chatting to moderate messages from users.

The embed is the Javascript code and usually, the format that adapts more to the style of your website. The embed is available in 4 formats and those formats are In-page, Bottom, Side, and Overlay.

<div class="arena-chat" 
     data-publisher="name" 
     data-chatroom="name" 
     data-position="bottom"></div>
<script async src="https://go.arena.im/public/js/arenachatlib.js?p=alok&e=alok-global"></script>

• data-publisher="name": Your publisher name.
• data-chatroom="name": Unique chat ID (generated for each chat).
• data-position="in-page": Chat position (options: in-page, bottom, side, overlay) You can adjust via dashboard or directly in the code.

👍

Recommendation

• Paste the snippet at the end of your blog post in the editor to add a unique chat, or reuse the same chat ID across posts for a shared conversation.
• After pasting the snippet, publish or update the post. The chat will appear. From the dashboard, moderate user messages in real-time.

❔

Questions

Reach out to [email protected] or join live support inside the dashboard.