WhatsApp Widget

The Mercuri WhatsApp Widget allows website visitors to initiate WhatsApp chats with your business instantly. This guide explains how to configure and install the WhatsApp Widget on your website.

Adding a WhatsApp Widget to your website

Access WhatsApp Widget Settings

1. Log in to Mercuri.

2. Navigate to Settings > WhatsApp Widget.

---

Configure Widget Settings

1. Enter Your Business Name: This will appear as the widget title.

2. Set a Greeting Text: Example: "Hey, text me if you need any help."

3. Enter Your WhatsApp Number: Ensure the correct country code is selected.

4. Set a Message Starter Text: Default text that pre-fills when a user starts a chat (e.g., "Hi").

5. Upload Your Logo (Optional): Display your brand logo in the widget.

6. Choose Widget Alignment: Select Left or Right alignment for the widget.

7. Add More Responders (Optional): Assign multiple agents to handle chats.

Adding a agent to a WhatsApp Widget

Adding Agents (Responders)

Agents are team members who will respond to customer inquiries through the WhatsApp widget.

How to Add Agents

1. Navigate to Settings > WhatsApp Widget > Responders.

2. Click + Add More Responders to add team members.

3. Enter the Agent Name.

4. Assign a Redirect Number (the number where messages will be forwarded).

5. Toggle Agent Enabled to activate or deactivate the responder.

Managing Agents

• Enable or Disable Agents: You can switch agents on/off as needed.

• Edit Agent Details: Modify an agent's name or redirect number.

• Remove Agents: Delete inactive agents from the list.

---

Publish the Widget

1. Click Publish to activate the widget.

2. The widget will be automatically pushed to your Wix or Shopify store if you are integrated with Mercuri.

3. If you are using a custom website, proceed to the next step.

4. Install the Widget on Custom Websites

   For websites that are not on Wix or Shopify, you can manually install the widget.

   1. Copy the JavaScript Snippet from the widget settings.

   2. Add the Script to Your Website:

      • Open your website’s HTML source code.

      • Paste the script before the closing </body> tag.

      • Save and upload changes.

---