Interact with your customers directly on your website. Integrate a web chat with your Chatbot and automate all your operations. Follow the step-by-step instructions to link it.
Step 1: Link Web Chat to Chatbot in Zenvia Customer Cloud
-
Access the List of chatbots and click on the name of the chatbot you want.
-
Click on Channels.
-
Click on Add channel.
-
Choose one of the available Web Chat integrations from the list. Check the selection box
and finalize by clicking Add channel.
On the Channels home screen, all linked integrations will be available. You will also be able to:
-
Enable or disable the Web Chat by toggling the button
.
-
In the menu
, you will have options such as Copy direct link, Embed web chat, Learn about the channel, and Unlink integration.
Step 2: Locate and copy the code
-
In the menu on the Channels home screen, click on Embed web chat.
-
Copy the displayed code snippet.
Step 3: Add the code to your website
-
Open the HTML file of your website. The file should be the one where you want to add the web chat.
-
Find the closing </html> tag. It is usually found at the end of the document as it indicates the end of the HTML code.
-
Paste the copied code snippet from step 2 before and above the </html> tag.
-
Load your website to check if the web chat is functioning correctly.
Here's an example of how it should look:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Site</title>
</head>
<body>
<!-- Conteúdo do seu site -->
<h1>Bem-vindo ao meu site!</h1>
<p>Este é um exemplo de página HTML.</p>
<!-- Fim do conteúdo do seu site -->
<!-- Código do webchat -->
<script>
// Aqui vai o código do webchat que você recebeu
</script>
<!-- Fim do código do webchat -->
</body>
</html>
Done! Now you have a Chatbot on your website and customers can interact 24 hours a day without missing any support.