This tutorial will demonstrate the capabilities of the agent dashboard by stepping you through a live chat between a support agent and an end user. It is expected to take about fifteen minutes.
You will need:
An account with the "agent" role assigned
A flow that includes a live support step configured see Tutorial - Create a flow for live support.
While not required, it's a good idea to enable browser notifications for the agent dashboard so that you can be alerted to incoming conversations.
Click the "ENABLE NOTIFICATIONS" button in the banner to enable browser notifications.
Your browser will prompt you to allow or deny notifications from the Mavenoid website. Choose to allow them.
The agent dashboard page will reload automatically.
When new conversations enter the queue and you have a browser tab open to the agent dashboard, you will receive a notification from your browser alerting you to the new conversation.
If you change browsers or the "send notifications" permission is revoked for Mavenoid's website, the notifications banner will reappear. You can re-enable notifications by repeating steps one through three.
There are several ways to start a conversation, such as by accessing the assistant on the end user device. The simplest way, which does not require that the assistant be embedded on your website, is by using a conversation link as follows.
Log in to Mavenoid.
Navigate to the agent dashboard by clicking the hamburger menu in the top left and selecting "Agent dashboard".
Click the plus button next to the "Conversations" header in the top left.
This will open a "Create a conversation link" modal dialog.
Select a flow that contains a live support step.
Click the "GENERATE LINK" button at the bottom. This will generate a sharable link.
If your end user device is a smartphone with a camera, click 'scan QR code' and scan the QR code with the device's camera.
Or select "Send SMS" and enter your end users phone number, edit the message containing the live support link and click "Send SMS"
Otherwise, simply copy the link and send it to the end user device.
Access the link on the end user device to start a conversation using the selected flow.
Follow the flow to reach a live support step.
The end user device is now in a chat session waiting for a support agent to join. If you enabled browser notifications and have the agent dashboard open in the background, you should now receive a notification alerting you to the new conversation.
Now it's time to bring the support agent into the conversation to assist the end user directly.
In the agent dashboard, find the new conversation in the "Queue" pane on the left. You may find the conversation in the "Assigned to me" section if auto-allocation is enabled. Clicking on it will show you the information provided by the user so far, an AI summarization and any messages entered while waiting for a support agent,
To see more detailed information, you can click the "Show details" button with the "i" icon next to the "START CHAT" button in the top right. This will toggle a detail pane which will display user details, notes and recent CRM tickets.
You can hide the detail pane by clicking the "i" icon again.
In case of spam or otherwise invalid conversations, you can click the "DECLINE CHAT" button in the top right to remove the conversation from the queue. In this case, however, the conversation is genuine. Click the "START CHAT" button in the top right to join the conversation as a support agent.
The conversation moves from the "Queued" pane to the "Assigned to me" pane and the status changes from "New" to "Active". A message is added to notify the end user that you have joined the chat.
You are now in the conversation as the support agent, with your end user device in the conversation as an end user.
You can now chat back and forth between the support agent and the end user much like any real-time text chat. You have several additional tools as well.
The support agent can share images and other files to the end user.
Click the paperclip button to the left of the text entry field at the bottom of the dashboard.
Select "File". This will open a system file chooser.
Navigate your file system to the file you wish to share and select it.
The file appears as a message in your conversation. Images are displayed inline and the user can click or tap on them to expand them. Other files are shown as download links the user can click or tap to open the file on their device.
The end user also has a button to the left of their own text entry field for sharing files the same way. If their device has a camera, they will also have a camera button for taking a new photo or video to be shared immediately. This can be useful for showing the support agent the current status of the product they are working with.
As the support agent, you can also draw on images to better guide the user. See Draw on images for details.
The support agent can add internal notes to the conversation transcript which are not shown to the end user, but which can be reviewed by support agents or Mavenoid admins.
If it's not already open, open the details pane by clicking the "Show details" button with the "i" icon next to the "START CHAT" button in the top right.
In the "NOTES" section, click the text box with "Click to add a note" guide text.
Type the desired note and hit Enter. This will add the new note to the running transcript.
For details on how to review prior conversations and see these notes, see Review previous conversations.
There are a few steps to wrap up a finished conversation once the end user has been helped.
Normally you'd want to have the support agent ask the end user to confirm that their request is resolved, but in this case you are both the support agent and the end user so you can skip that step.
In the agent dashboard, click the "END CHAT" button to end the conversation.
The support agent will be prompted to select from one of the resolution options set up in the Live Support node. This will dictate what the end user sees and any actions to be performed i.e. create a CRM ticket. By default, there is one option, "Resolved".
Once confirmed, the support agent is presented with a Conversation Debrief, where agents can input the Outcome of the conversation, any summarization or notes, as well a feedback for self-service. (See Understand conversation debrief for more details.)
Click "Submit and close conversation" in the bottom of the dialog to confirm and moved the conversation from the status "Pending debrief" to "Closed".
The end user will be then be directed as indicated by the flow.