Fragmentos de código de WordPress de Tidio Chat API

Publicado: 2022-04-29

¿Está buscando un código personalizado de WordPress para la API de chat de Tidio?

Tener una solución de chat en vivo en su sitio web de WordPress es una estrategia tan poderosa no solo para convertir a los visitantes en compradores, sino también para responder preguntas y ayudar a los visitantes a navegar por su sitio web.

A lo largo de los años, aquí en WP Fix It, hemos tenido la oportunidad de trabajar con muchas de las plataformas populares de software de chat en vivo que existen.

Desde principios de 2020, comenzamos a usar un software de chat en vivo llamado Tidio. Nos topamos con esta empresa desde el sitio web de uno de nuestros clientes para el que estábamos brindando soporte de WordPress.

Ya habíamos estado usando otro software de chat en vivo durante muchos años, pero lo que más nos atrajo de Tidio en lo que nos enfocamos inicialmente fue lo atractivo que era el widget de chat en el sitio web de nuestro cliente.

Luego, profundizando un poco más en lo que tenían para ofrecer con su solución de chat en vivo y lo que los diferenciaba de sus competidores, nos quedamos impresionados.

Una de nuestras características favoritas fue su integración de API y cómo podíamos usarla para activar algunos mensajes de chat específicos en diferentes páginas dentro de nuestro sitio web de WordPress.

Este tipo de integración nos permitiría automatizar cosas como capturar información de visitantes e iniciar chats con nuevos visitantes.

Si bien Tido proporcionó documentación sobre cómo usar su API, hubo algunas funciones específicas que queríamos crear que no pudimos encontrar en línea.

Así que decidimos hacerlos nosotros mismos. Han tenido tanto éxito para nuestra empresa que queríamos compartir esta información con otras personas que pueden estar buscando estas integraciones de API en su propio sitio web de WordPress.

A continuación, hemos reunido 5 potentes fragmentos de código de WordPress de Tidio Chat API para usted que puede integrar en su sitio web de WordPress para automatizar algunas interacciones iniciales con los visitantes de su sitio web.

Script de instalación de chat - Tidio Chat API WordPress

El siguiente fragmento de script es el código de instalación real para que Tidio Chat se ejecute en su sitio web.

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

Artículos dentro de este código que puede ajustar a sus necesidades:

CUENTA_ESPECIFICA_STRING

Este es el script incrustado que puedes encontrar en tu cuenta de Tidio. Vea la imagen a continuación.

Tidio Chat API WordPress Code Snippets — **GUIÓN DE CHAT DE TIDIO**

Cómo utilizar este código en su sitio de WordPress:

MÉTODO 1
Coloque este código en el archivo footer.php de su tema activo

MÉTODO # 2
Use el complemento gratuito en el enlace a continuación para colocar el fragmento de código en el pie de página de su tema activo
https://wordpress.org/plugins/insertar-encabezados-y-pies/

MÉTODO # 3
Use el complemento gratuito Tidio Chat que se puede encontrar en WordPress.org o instalar directamente desde su área de administración de WordPress. El enlace al complemento está debajo.
https://wordpress.org/plugins/tidio-live-chat/

Tidio – Live Chat Chatbots Email Integration

Script de captura de información de usuario – Tidio Chat API WordPress

El siguiente fragmento de secuencia de comandos gradúa el nombre y la dirección de correo electrónico del visitante del perfil de su cuenta en su sitio web. Esto solo se ejecutará si el visitante ha iniciado sesión en su sitio web.

 <?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>

Tidio Chat API WordPress 4 — **NOMBRE GENERADO Y CORREO ELECTRÓNICO**

Cómo utilizar este código en su sitio de WordPress:

MÉTODO 1
Coloque este código en el archivo footer.php de su tema activo

Script de nombre de visitante personalizado - Tidio Chat API WordPress

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

Artículos dentro de este código que puede ajustar a sus necesidades:

nombre: " CUSTOM_VISITOR_NAME “,

Cómo utilizar este código en su sitio de WordPress:

MÉTODO 1
Coloque este código en el archivo footer.php de su tema activo

Script de mensaje de bienvenida personalizado - Tidio Chat API WordPress

El siguiente fragmento de secuencia de comandos activará un mensaje de bienvenida de chat personalizado después de un período de tiempo de su elección.

 <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>

Artículos dentro de este código que puede ajustar a sus necesidades:

if(!window.sessionStorage.getItem(“ SESIÓN_COOKIE_NOMBRE “)) {
ventana.sessionStorage.setItem(“ SESIÓN_COOKIE_NOMBRE ", verdadero);
tidioChatApi.messageFromOperator(“ MENSAJE PERSONALIZADO AQUÍ “);
}, 5 * 1000 );

Cómo utilizar este código en su sitio de WordPress:

MÉTODO 1
Coloque este código en el archivo footer.php de su tema activo

Script de mensaje de chat abierto personalizado - Tidio Chat API WordPress

El siguiente fragmento de script activará la ventana de chat para que se abra con un mensaje personalizado después de un período de tiempo de su elección.

 <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>

Artículos dentro de este código que puede ajustar a sus necesidades:

if(!window.sessionStorage.getItem(“ SESIÓN_COOKIE_NOMBRE “)) {
ventana.sessionStorage.setItem(“ SESIÓN_COOKIE_NOMBRE ", verdadero);
tidioChatApi.messageFromOperator(“ MENSAJE QUE QUIERES DECIR “);
}, 5 * 1000 );

Cómo utilizar este código en su sitio de WordPress:

MÉTODO 1
Coloque este código en el archivo footer.php de su tema activo

acabando de terminar

Realmente esperamos que estos fragmentos de código de WordPress de la API de Tidio Chat le resulten útiles para crear un mejor compromiso con los visitantes de su sitio web.

También puede usar declaraciones condicionales de WordPress para configurar diferentes disparadores que son específicos de URL.

Para obtener más información sobre las declaraciones condicionales de WordPress y cómo usarlas, puede visitar el siguiente enlace.
https://codex.wordpress.org/Conditional_Tags

No estoy seguro si sabía esto, pero tener una solución de chat en vivo en su sitio web es una de las mejores maneras de reducir la tasa de rebote. Consulte otras técnicas poderosas para reducir la tasa de rebote en https://www.wpfixit.com/how-to-lower-bounce-rate/