Trechos de código do WordPress da API de bate-papo do Tidio

Procurando por código WordPress personalizado Tidio Chat API?

Ter uma solução de bate-papo ao vivo em seu site WordPress é uma estratégia tão poderosa não apenas para converter visitantes em compradores, mas também para responder a perguntas para ajudar os visitantes a navegar em seu site.

Ao longo dos anos aqui no WP Fix It, tivemos a oportunidade de trabalhar com muitas das plataformas populares de software de bate-papo ao vivo que existem.

Desde o início de 2020 começamos a usar um software de chat ao vivo chamado Tidio. Nós nos deparamos com esta empresa em um dos sites de nossos clientes para o qual estávamos fornecendo suporte ao WordPress.

Já usávamos outro software de bate-papo ao vivo há muitos anos, mas o grande atrativo do Tidio no qual estávamos focados inicialmente era o quão atraente o widget de bate-papo era no site do nosso cliente.

Em seguida, mergulhando um pouco mais no que eles tinham a oferecer com sua solução de bate-papo ao vivo e o que os tornava diferentes de seus concorrentes, ficamos impressionados.

Um dos nossos recursos favoritos foi a integração da API e como poderíamos usá-la para acionar algumas mensagens de bate-papo específicas em diferentes páginas do nosso site WordPress.

Esse tipo de integração nos permitiria automatizar coisas como capturar informações de visitantes e iniciar bate-papos com novos visitantes.

Embora o Tido tenha fornecido documentação sobre como usar sua API, havia algumas funções específicas que queríamos criar e que não conseguimos encontrar online.

Então decidimos fazê-los nós mesmos. Eles foram tão bem-sucedidos para nossa empresa que queríamos compartilhar essas informações com outras pessoas que possam estar procurando essas integrações de API em seu próprio site WordPress.

Reunimos 5 poderosos trechos de código WordPress da API de bate-papo do Tidio para você abaixo, que você pode integrar ao seu site WordPress para automatizar algumas interações iniciais com os visitantes do seu site.

Script de instalação de bate-papo – Tidio Chat API WordPress

O snippet de script abaixo é o código de instalação real para executar o Tidio Chat em seu site.

 <script src="//code.tidio.co/ACCOUNT_SPECIFIC_STRING.js" async></script>

Itens dentro deste código você pode ajustar às suas necessidades:

1. ACCOUNT_SPECIFIC_STRING
   
   Este é o script incorporado que você pode encontrar em sua conta do Tidio. Veja a imagem abaixo.
   

Como usar este código em seu site WordPress:

MÉTODO 1
Coloque este código no arquivo footer.php do seu tema ativo

MÉTODO # 2
Use o plugin gratuito no link abaixo para colocar o trecho de código no rodapé do seu tema ativo
https://wordpress.org/plugins/insert-headers-and-footers/

MÉTODO # 3
Use o plugin gratuito Tidio Chat que pode ser encontrado no WordPress.org ou instalado diretamente na sua área de administração do WordPress. O link do plugin está abaixo.
https://wordpress.org/plugins/tidio-live-chat/

Script de captura de informações do usuário – Tidio Chat API WordPress

O snippet de script abaixo classifica o nome e o endereço de e-mail do visitante do perfil da conta em seu site. Isso só será executado se o visitante estiver logado em seu site.

 <?php if( is_user_logged_in() ) { $current_user = wp_get_current_user(); $current_user_name = $current_user->user_firstname . " " . $current_user->user_lastname; $current_user_id = $current_user->ID; $current_user_mail = $current_user->user_email; ?> <script> var user_; // Set customer ID var user_fullname = "<?php echo $current_user_name ?>"; // Set customer email var user_email = "<?php echo $current_user_mail ?>"; // Set customer name document.tidioIdentify = { distinct_id: user_id, email: user_email, name: user_fullname, }; </script>

Como usar este código em seu site WordPress:

MÉTODO 1
Coloque este código no arquivo footer.php do seu tema ativo

MÉTODO # 2
Use o plugin gratuito no link abaixo para colocar o trecho de código no rodapé do seu tema ativo
https://wordpress.org/plugins/insert-headers-and-footers/

Script de nome de visitante personalizado – Tidio Chat API WordPress

O snippet de script abaixo classifica o nome e o endereço de e-mail do visitante do perfil da conta em seu site. Isso só será executado se o visitante estiver logado em seu site.

 <script> document.tidioIdentify = { // You can change visitor name below name: "CUSTOM_VISITOR_NAME", }; </script>

Itens dentro deste código você pode ajustar às suas necessidades:

1. nome: " CUSTOM_VISITOR_NAME “,
   

Como usar este código em seu site WordPress:

MÉTODO 1
Coloque este código no arquivo footer.php do seu tema ativo

MÉTODO # 2
Use o plugin gratuito no link abaixo para colocar o trecho de código no rodapé do seu tema ativo
https://wordpress.org/plugins/insert-headers-and-footers/

Script de mensagem de boas-vindas personalizado – Tidio Chat API WordPress

O snippet de script abaixo acionará uma mensagem de boas-vindas personalizada de bate-papo após um período de sua escolha.

 <script> // Set session cookie name below if(!window.sessionStorage.getItem("SESSION_COOKIE_NAME")) { window.sessionStorage.setItem("SESSION_COOKIE_NAME", true); (function() { function onTidioChatApiReady() { setTimeout(function () { // Change message you wish to use below tidioChatApi.messageFromOperator("CUSTOM MESSAGE HERE"); // Adjsut the time trigger 1000 of message display below }, 5 * 1000); } if (window.tidioChatApi) { window.tidioChatApi.on("ready", onTidioChatApiReady); } else { document.addEventListener("tidioChat-ready", onTidioChatApiReady); } })(); } </script>

Itens dentro deste código você pode ajustar às suas necessidades:

1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME “)) {
   window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", verdadeiro);
   
2. tidioChatApi.messageFromOperator(“ MENSAGEM PERSONALIZADA AQUI “);
   
3. }, 5* 1000 );

Como usar este código em seu site WordPress:

MÉTODO 1
Coloque este código no arquivo footer.php do seu tema ativo

MÉTODO # 2
Use o plugin gratuito no link abaixo para colocar o trecho de código no rodapé do seu tema ativo
https://wordpress.org/plugins/insert-headers-and-footers/

Script de mensagem de bate-papo aberto personalizado – Tidio Chat API WordPress

O snippet de script abaixo acionará a janela de bate-papo para abrir com uma mensagem personalizada após um período de tempo de sua escolha.

 <script> // Set session cookie name below if(!window.sessionStorage.getItem("SESSION_COOKIE_NAME")) { window.sessionStorage.setItem("SESSION_COOKIE_NAME", true); (function() { function onTidioChatApiReady() { setTimeout(function () { window.tidioChatApi.open(); // Change message you wish to use below tidioChatApi.messageFromOperator("MESSAGE YOU WANT TO SAY"); // Adjust the time trigger 1000 of message display below }, 5 * 1000); } if (window.tidioChatApi) { window.tidioChatApi.on("ready", onTidioChatApiReady); } else { document.addEventListener("tidioChat-ready", onTidioChatApiReady); } })(); } </script>

Itens dentro deste código você pode ajustar às suas necessidades:

1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME “)) {
   window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", verdadeiro);
   
2. tidioChatApi.messageFromOperator(“ MENSAGEM QUE VOCÊ QUER DIZER “);
   
3. }, 5* 1000 );

Como usar este código em seu site WordPress:

MÉTODO 1
Coloque este código no arquivo footer.php do seu tema ativo

MÉTODO # 2
Use o plugin gratuito no link abaixo para colocar o trecho de código no rodapé do seu tema ativo
https://wordpress.org/plugins/insert-headers-and-footers/

Apenas Encerrando

Nós realmente esperamos que você ache esses snippets de código do WordPress da API de bate-papo do Tidio úteis para criar um melhor envolvimento com os visitantes do seu site.

Você também pode usar instruções condicionais do WordPress para configurar diferentes gatilhos que são específicos de URL.

Para saber mais sobre as declarações condicionais do WordPress e como usá-las, você pode visitar o link abaixo.
https://codex.wordpress.org/Conditional_Tags

Não tenho certeza se você sabia disso, mas ter uma solução de bate-papo ao vivo em seu site é uma das melhores maneiras de reduzir a taxa de rejeição. Confira algumas outras técnicas poderosas para diminuir a taxa de rejeição em https://www.wpfixit.com/how-to-lower-bounce-rate/