To display the chat on your website, go to your Vera Support account panel, click on the “Installation” or “Settings” tab, and copy the embed code. Paste this code into your website’s pages. After installation, activate the apps you need from Settings > Apps.
Vera Support is a powerful tool. To streamline the process, we provide a list of the most commonly used features that we advise setting up:
If you’re having any issues, please contact our support team. Before contacting us, please check the troubleshooting steps below.
The chat may not be showing due to the following reasons:
The conversations may not be showing due to the following reasons:
For cases 1 and 2, make sure to log in with the correct admin/agent or check your admin/agent profile to ensure that there are no departments assigned. In case 3, please check the archived conversations.
Conversations have a total of four different statuses: mark as read, archive, delete and restore. You can manage the status of a conversation by opening it in the conversations area and then clicking any of the corresponding icon buttons in the top right of the conversation window.
You can search for conversations by department ID, assigned agent ID, conversation title, conversation ID, message text, message attachments name, user first name, user last name, or user email.
You can reply to a message by opening the message’s menu and clicking Reply to. This feature is supported on WhatsApp, Telegram, and Facebook Messenger.
The text editor of the admin area and automated messages can be used to create stylized messages:
code block, surround it with “`: “`your text“`.Merge fields are strings replaced by external values when used (e.g., in automated messages or chatbot messages).
| Code | Description |
|---|---|
| {user_name} | Full name of the active user. |
| {user_email} | Email of the active user. |
| {agent_name} | Full name of the active agent. |
| {agent_email} | Email of the active agent. |
Rich messages are special messages with interactive features like buttons, dropdowns, or inputs. They allow an agent to request information from the user or display interactive content. Rich messages can be inserted into a chat message using shortcodes.
| Name | Shortcode | Description |
|---|---|---|
| Card | [card image=”URL” header=”TITLE” description=”Lorem ipsum…” link=”URL”] | A call-to-action card with an image, title, and link. |
| Slider | [slider image-1=”URL” header-1=”TITLE” … link-1=”URL” …] | A slider of multiple cards. You can add up to 10 slides. |
| Slider images | [slider-images images=”URL,URL,URL”] | A slider of images. |
| Chips / Buttons | [chips options=”A,B,C”] / [buttons options=”A,B,C”] | A list of clickable buttons. |
| Select | [select options=”A,B,C”] | A dropdown list of options. |
| Inputs | [inputs values=”A,B,C” button=”Send now”] | A list of text inputs. |
| [email name=”true” last-name=”true” phone=”true”] | A form to collect the user’s email and phone number. | |
| Timetable | [timetable] | Displays the office hours timetable. |
| Articles | [articles] | Displays the Knowledge Base articles with a search area. |
| List | [list values=”A,B,- C,- D,E” numeric=”true”] | A text list. Prefix an item with – to make it an inner item. |
| Table | [table header=”A,B,C” values=”A:B:C,A:B:C”] | A table. |
| Button | [button link=”URL” name=”Click here” target=”_blank”] | A single link button. |
| Video | Displays a YouTube or Vimeo video. | |
| Image | [image url=”URL”] | An image. |
| Share | [share fb=”URL” tw=”URL” li=”URL” wa=”URL”] | Social share buttons. |
Note: If your text includes characters like , or :, you must add a \ before them (e.g., \,).
All rich messages support global parameters like `title=”ABC”`, `message=”ABC”`, and `success=”ABC”` to add titles and descriptions.
You can create your own custom rich messages with custom HTML content by going to Settings > Miscellaneous.
The built-in messages are pre-programmed messages sent automatically. You can find them by going to Settings > Messages & Forms.
Sends a message to new users when they visit the website for the first time. Supports text formatting, merge fields, and rich messages.
If no agents respond within a specified time, a message will be sent to request the user’s details, such as their email. Supports text formatting and merge fields.
Displays a feedback form to rate the conversation when it is archived by an agent. This is not compatible with messaging channels (WhatsApp, etc.).
Notifies the user when their message is sent outside of the scheduled office hours or if all agents are offline. Supports text formatting and merge fields.
Requires the user to accept a privacy message (for GDPR compliance, etc.) before they can start using the chat.
Shows a pop-up notification to all users.
Tags help you organize and group conversations. You can manage tags from Settings > Admin > Tags. Tags can be assigned manually or automatically via Automations or the AI. You can filter conversations by tags in the main list.
Notes allow agents and admins to add private comments to conversations. These notes are only visible to your team.
The full conversation can be sent to the user as a transcript file. Agents can send transcripts by clicking the Transcript button in the conversation window or automatically when the conversation is archived via the Close Message setting.
Manage users from the Users area in the left menu of the admin panel.
You can import users from Settings > Users > Import users. Only CSV files are supported.
You can delete a user by opening their profile and clicking Delete user. To delete multiple users, select them from the Users table and click the top-right Delete icon.
| Type | Description |
|---|---|
| user | A “user” is any user with an email or who has registered. |
| lead | A “lead” is any user (often from messaging apps) with no email, who is automatically registered, and has at least one conversation. |
| visitor | A “visitor” is any user who has not started a conversation. Visitors are automatically deleted every 24 hours. |
Manage, create, and delete agents and admins from the Users area. Configure their permissions in Settings > Admin > Agent privileges.
You can gather user details, such as their name and email, through various methods:
The registration form is a pre-chat form that can require the user to enter specific information before starting the chat. You can enable this in Settings > Users > Require registration.
You can set the office hours timetable from Settings > Miscellaneous > Office hours. These hours are used for:
Your UTC offset is generated automatically when you click the field Settings > Miscellaneous > UTF offset.
Knowledge base articles provide instant answers to customers. You can access them from the Articles menu.
Vera Support is fully multilingual.
Go to Settings > Chat and set the Language option to multilingual to automatically use the chat language of the user’s browser or their saved profile language.
To translate the admin area, translate the texts in your language from Settings > Translations. To set the admin language, activate the option Settings > Admin > Automatically translate admin area.
You can translate custom content like rich messages, built-in messages, and departments. Go to Settings > Translations to add or edit translations.
Departments help you distribute conversations and assign agents to specific topics (e.g., “Sales”, “Support”).
When the queue (Settings > Miscellaneous > Queue) or routing (Settings > Miscellaneous > Routing) is activated, Vera Support automatically assigns conversations to available agents proportionally.
Email piping lets you sync email addresses to receive messages directly in Vera Support. It also allows you and your users to reply to chat messages via email. You can configure this by entering your IMAP/POP3 email server information in Settings > Notifications > Email piping.
Direct messages allow you to send a single chat message, email, or text message to a single user or several users. You can send messages from the Users area by selecting users and clicking the message icon.
Automations allow you to run automatic tasks when specific conditions are met (e.g., “IF user visits pricing page 3 times, THEN send pop-up message”).
This allows you to subscribe users to your newsletter service (like Mailchimp) when they provide an email through the chat.
Saved replies (canned messages) are pre-written messages that agents can quickly use. Manage them from Settings > Admin > Saved replies. Agents can use them by typing # followed by the reply name.
Both agents and users can receive an email notification when a new message is received. We highly recommend configuring your SMTP settings in Settings > Notifications > SMTP to ensure your emails are not marked as spam. Email notifications are sent to agents only if they are offline, and to users only if they are offline.
Push notifications work on desktops and mobile devices (via PWA) and alert you even if the browser is closed. You can activate them for agents in Settings > Notifications > Push notifications.
Shows a desktop notification when a new message is received while the browser is running. Activate this in Settings > Notifications.
This feature requires a Twilio account. It allows you to notify agents and users via SMS. You can configure it in Settings > Notifications > Text message notifications.
A sound will play when a new message is received. Enable this in Settings > Notifications > Sound settings.
These settings are related to the Artificial Intelligence app.
This feature allows a human agent to take over a conversation from a chatbot. This is triggered automatically if the chatbot fails to understand a message, or if the user explicitly asks to speak to a human. This is a critical feature to ensure a good user experience.
Smart Reply suggests quick responses in real-time to your human agents during a conversation. It helps agents respond faster and more accurately.
These settings are related to the Artificial Intelligence app.
Vera Support offers two ways to use OpenAI:
To activate the chatbot, check the Settings > Artificial Intelligence > OpenAI > Chatbot box.
The OpenAI chatbot feature provides automated responses to user messages. You can set the Chatbot mode to “All questions” (responds to anything) or “Only questions related to your sources” (responds only to what you taught it).
Your chatbot can be trained using your own content. Go to the Chatbot area from the main menu.
This section (in Chatbot > Training > Q&A) allows you to train the chatbot by adding specific questions and answers. This is the best way to ensure the bot gives a precise, controlled answer to common questions.
Flows (in Chatbot > Flows) allow you to create step-by-step visual conversation guides. Use them to lead a user through a process, like booking an appointment or troubleshooting a problem, using a drag-and-drop editor.
The Tickets app provides a formal, panel-based interface for support instead of a pop-up chat.
To display the tickets area, include your chat embed code on your page and add &mode=tickets to the script URL. You can also make it appear by inserting the code <script>SB_TICKETS = true;</script> into any page showing the chat.
Allows your users to contact you via WhatsApp.
Go to Settings > WhatsApp and click “Synchronize now” (for automatic sync) or follow the manual setup instructions. The automatic mode is easiest and will guide you through connecting your Meta Business Account and phone number.
Due to WhatsApp’s policies, you cannot send marketing messages to a user after 24 hours. To do this, you must use a pre-approved Message Template. You can send these templates to multiple users via the Users > Direct Message feature.
Go to Settings > Apps > Messenger and click “Synchronize now”. A Meta (Facebook) pop-up will guide you through connecting your Facebook Pages and linked Instagram Business accounts.
Go to the Telegram app and search for the official @BotFather. Use the /newbot command to create a bot and get an API token. Paste this token into Settings > Telegram and click “Synchronize now”.
Go to Settings > Apps > Slack and click “Synchronize now”. This allows your team to receive and respond to user messages directly from within your Slack channels.
The Vera Support admin area is a PWA. This means you can “install” it on your desktop or mobile home screen and use it like a native app for faster access.
The admin panel supports keyboard shortcuts. For example, use SHIFT + ENTER to add a line break in a message, or CTRL + UP/DOWN ARROW to navigate between conversations.
You can add parameters to your site’s URL to perform actions. For example, `https://example.com/?chat=open` will automatically open the chat widget.
You can send a Calendly booking invitation by using the [button] rich message. (e.g., `[button link=”httpsScreen” name=”Schedule a meeting”]`)
You can use Zapier to connect Vera Support to thousands of other apps. To set it up, go to Settings > Miscellaneous > Webhooks, get the URL from Zapier’s “Webhooks by Zapier” app, and paste it into the URL field.
Your account is protected by IP banning (blocking an IP after 10 failed login attempts) and protection against XSS and CSRF attacks.
You can improve performance by enabling Minify JS and Archive old messages in Settings > Miscellaneous > Performance optimization.