Фрагменты кода WordPress API чата Tidio

Опубликовано: 2022-04-29

Ищете пользовательский код WordPress для Tidio Chat API?

Наличие живого чата на вашем веб-сайте WordPress — это мощная стратегия не только для превращения посетителей в покупателей, но и для ответов на вопросы, которые помогают посетителям ориентироваться на вашем веб-сайте.

За годы работы в WP Fix It у нас была возможность поработать со многими популярными программными платформами для чата.

С начала 2020 года мы начали использовать программное обеспечение для онлайн-чата под названием Tidio. Мы наткнулись на эту компанию на веб-сайте одного из наших клиентов, для которого мы оказывали поддержку WordPress.

Мы уже использовали другое программное обеспечение для живого чата в течение многих лет, но больше всего привлекало Tidio, на котором мы изначально сосредоточились, — это то, насколько привлекательным был сам виджет чата на веб-сайте нашего клиента.

Затем немного углубившись в то, что они могли предложить с помощью своего решения для онлайн-чата, и чем они отличались от своих конкурентов, мы были поражены.

Одной из наших любимых функций была их интеграция с API и то, как мы могли использовать ее для запуска определенных сообщений чата на разных страницах нашего веб-сайта WordPress.

Этот тип интеграции позволит нам автоматизировать такие вещи, как сбор информации о посетителях и инициирование чатов с новыми посетителями.

Хотя Tido предоставил документацию о том, как использовать их API, были некоторые специальные функции, которые мы хотели создать, но не смогли найти в Интернете.

Поэтому мы решили сделать их сами. Они были настолько успешными для нашей компании, что мы хотели поделиться этой информацией с другими, которые могут искать эти интеграции API на своем собственном веб-сайте WordPress.

Ниже мы собрали для вас 5 мощных фрагментов кода WordPress для Tidio Chat API, которые вы можете интегрировать в свой веб-сайт WordPress, чтобы автоматизировать некоторые начальные взаимодействия с посетителями вашего веб-сайта.

Скрипт установки чата — Tidio Chat API WordPress

Приведенный ниже фрагмент скрипта представляет собой фактический установочный код для запуска Tidio Chat на вашем веб-сайте.

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

Элементы в этом коде вы можете настроить в соответствии со своими потребностями:

АККАУНТ_SPECIFIC_STRING

Это встроенный скрипт, который вы можете найти в своей учетной записи Tidio. См. изображение ниже.

Tidio Chat API WordPress Code Snippets — **СЦЕНАРИЙ ЧАТА ТИДИО**

Как использовать этот код на вашем сайте WordPress:

СПОСОБ №1
Поместите этот код в файл footer.php вашей активной темы.

СПОСОБ №2
Используйте бесплатный плагин по ссылке ниже, чтобы поместить фрагмент кода в нижний колонтитул вашей активной темы.
https://wordpress.org/plugins/insert-headers-and-footers/

СПОСОБ №3
Используйте бесплатный плагин Tidio Chat, который можно найти на WordPress.org или установить непосредственно из области администрирования WordPress. Ссылка на плагин ниже.
https://wordpress.org/plugins/tidio-live-чат/

Tidio – Live Chat Chatbots Email Integration

Скрипт захвата информации о пользователе — Tidio Chat API WordPress

Приведенный ниже фрагмент сценария извлекает имя и адрес электронной почты посетителя из профиля его учетной записи на вашем веб-сайте. Это будет работать только в том случае, если посетитель зашел на ваш сайт.

 <?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 — **СОЗДАННОЕ ИМЯ И ЭЛЕКТРОННАЯ ПОЧТА**

Как использовать этот код на вашем сайте WordPress:

СПОСОБ №1
Поместите этот код в файл footer.php вашей активной темы.

Пользовательский скрипт имени посетителя — Tidio Chat API WordPress

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

Элементы в этом коде вы можете настроить в соответствии со своими потребностями:

название: " CUSTOM_VISITOR_NAME “,

Как использовать этот код на вашем сайте WordPress:

СПОСОБ №1
Поместите этот код в файл footer.php вашей активной темы.

Пользовательский скрипт приветственного сообщения — Tidio Chat API WordPress

Приведенный ниже фрагмент сценария вызовет пользовательское приветственное сообщение в чате через выбранный вами период времени.

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

Элементы в этом коде вы можете настроить в соответствии со своими потребностями:

если(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME ")) {
window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", истинный);
tidioChatApi.messageFromOperator(“ ПОЛЬЗОВАТЕЛЬСКОЕ СООБЩЕНИЕ ЗДЕСЬ “);
}, 5 * 1000 );

Как использовать этот код на вашем сайте WordPress:

СПОСОБ №1
Поместите этот код в файл footer.php вашей активной темы.

Пользовательский сценарий сообщения открытого чата — Tidio Chat API WordPress

Приведенный ниже фрагмент скрипта вызовет открытие окна чата с пользовательским сообщением через выбранный вами период времени.

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

Элементы в этом коде вы можете настроить в соответствии со своими потребностями:

если(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME ")) {
window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", истинный);
tidioChatApi.messageFromOperator(“ СООБЩЕНИЕ, КОТОРОЕ ВЫ ХОТИТЕ СКАЗАТЬ “);
}, 5 * 1000 );

Как использовать этот код на вашем сайте WordPress:

СПОСОБ №1
Поместите этот код в файл footer.php вашей активной темы.

Просто подведение итогов

Мы очень надеемся, что вы найдете эти фрагменты кода Tidio Chat API WordPress полезными для улучшения взаимодействия с посетителями вашего сайта.

Вы также можете использовать условные операторы WordPress для настройки различных триггеров, зависящих от URL.

Чтобы узнать больше об условных операторах WordPress и о том, как их использовать, вы можете перейти по ссылке ниже.
https://codex.wordpress.org/Conditional_Tags

Не уверен, знали ли вы об этом, но наличие живого чата на вашем веб-сайте — один из лучших способов снизить показатель отказов. Ознакомьтесь с некоторыми другими эффективными методами снижения показателя отказов на странице https://www.wpfixit.com/how-to-lower-bounce-rate/.