1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
  <head>
    <title>Meu site de exemplo</title>
  </head>
  <body>
    <div>Conteúdo do site.</div>

    <!-- Início do snippet de código do chat -->
    <script src="https://static.zenvia.com/embed/js/zenvia-chat.min.js"></script>
    <script>new ZenviaChat('id-do-chat-aqui').build();</script>
    <!-- Fim do código do chat -->
  </body>
</html>

1
2
3
4
5
6
<div id="id-do-elemento-html_que_o_chat_esta"></div>

<script>
    new ZenviaChat('id-do-chat-aqui')
      .build('id-do-elemento-html_que_o_chat_esta');
</script>

1
2
3
4
5
<script>
    var zchat = new ZenviaChat('id_webchat')
      .user(this.email)
      .build();
</script>

1
2
3
4
5
6
<script src="https://static.zenvia.com/embed/js/zenvia-chat.min.js"></script>
<script>
    new ZenviaChat('id-do-chat-aqui')
      .color('#FF7F00')
      .build();
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<section class="hero is-white">
  <div class="hero-body">
    <div class="container">
      <!-- ELEMENTO HTML ONDE A JANELA DO CHAT SERÁ INSERIDA -->
      <div id="elemento-html" style="
          width: 500px;
          height: 500px;
          float: right;
          margin-left: 10px;
          border: 5px solid black;">
      </div>
      <!-- Conteúdo da página -->
      <h3 class="title is-4">Sobre nós</h3>
      <div class="content">
        <p>Somos uma empresa que acredita no futuro! Acima de tudo, no futuro das relações entre empresas e clientes.</p>
        <p> Com uma história de mais de 14 anos e a liderança em mobilidade corporativa no Brasil, oferecemos soluções capazes de fazer com que os clientes percebam os processos de negócio das empresas como experiências ricas em significado e valor.</p>
        <p>Vem simplificar o mundo com a gente!</p>
      </div>
    </div>
  </div>
</section>
<!-- Início do código do chat -->
<script src="https://static.zenvia.com/embed/js/zenvia-chat.min.js"></script>
<script>
    new ZenviaChat('85b287488b82d36ca599382fd36c2695')
      .embedded('room')
      .build('elemento-html');
</script>
<!-- Fim do código do chat -->

1
2
3
4
5
<script>
    new ZenviaChat('id-do-chat-aqui')
      .button('Começar')
      .build();
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- Início do snippet de código do chat -->
<script src="https://static.zenvia.com/embed/js/zenvia-chat.min.js"></script>
<style>
.znv-chat .znv-float-button {
    background-image: url("<url da imagem>");
    background-size: contain;
    background-position: center;
}
</style>
<script src="https://static.zenvia.com/embed/js/zenvia-chat.min.js"></script>
<script>
    new ZenviaChat('id-do-chat-aqui')
      .embedded('button')
      .color('transparent')
      .build();
</script>

<!-- Fim do código do chat -->

1
2
3
4
5
6
<script>
    new ZenviaChat('id-do-chat-aqui')
      .message('Olá! Eu sou o Testbot! Vamos conversar?')
      .button('Começar')
      .build();
</script>

1
2
3
4
5
6
7
8
<script>
    new ZenviaChat('id-do-chat-aqui')
      .width('500px')
      .height('500px')
      .message('Olá! Eu sou o Testbot! Vamos conversar?')
      .button('Começar')
      .build();
</script>