WordPress
Пошаговая инструкция по подключению и настройке виджета Touch_me на сайте, работающем на WordPress. В материале рассмотрены основные способы установки, необходимые настройки и проверка корректности работы виджета.
4 мин. на чтение
Содержание инструкции
Способ 1. Через настройки темы
Войдите в административную панель WordPress
Откройте панель управления сайтом и авторизуйтесь под учетной записью с правами администратора.
Перейдите в «Внешний вид → Настроить».
В левом меню административной панели откройте раздел «Внешний вид», затем выберите «Настроить». Это позволит перейти к настройкам активной темы сайта.
Найдите раздел для добавления кода в
<head>.В настройках темы найдите раздел с названием «Дополнительный код», «Header Scripts», «Custom Code», «Code Injection» или аналогичным. Название зависит от темы и используемых плагинов.
Вставьте код виджета Touch_me в
<head>Скопируйте предоставленный код виджета Touch_me и вставьте его в поле, предназначенное для кода внутри секции
<head>. Не изменяйте код перед вставкой, если в инструкции к виджету не указано иное.Сохраните изменения
Нажмите «Опубликовать», «Сохранить изменения» или соответствующую кнопку в вашей версии WordPress. После сохранения код будет добавлен в
<head>сайта, а виджет Touch_me станет доступен на страницах сайта.Пример кода, который вы получаете в личном кабинете:
<script async src="https://api.touchme.pro/widget/bundle.js?site=ВАШ_ID" data-touch-me-widget-site-id="ВАШ_ID" data-touch-me-api="https://api.touch-me.pro"></script>Способ 2. Через файл header.php
Откройте «Внешний вид → Редактор файлов темы» или подключитесь по FTP
В административной панели WordPress перейдите в «Внешний вид → Редактор файлов темы». Если встроенный редактор недоступен, воспользуйтесь FTP-клиентом или файловым менеджером на хостинге.
Откройте файл wp-content/themes/ВАША_ТЕМА/header.php
Найдите файл по пути wp-content/themes/ВАША_ТЕМА/header.php, где «ВАША_ТЕМА» — папка активной темы сайта. Откройте header.php для редактирования.
Найдите закрывающий тег
</head>.Используйте поиск по файлу и найдите тег
</head>. Он обозначает конец секции<head>, в которой размещаются служебные скрипты и другие элементы, необходимые для работы сайта.Вставьте код виджета Touch_me перед
</head>Скопируйте код виджета Touch_me и вставьте его непосредственно перед закрывающим тегом
</head>.Сохраните изменения.
Сохраните файл header.php. После этого код будет подключаться через секцию
<head>сайта.
<script async src="https://api.touch me.pro/widget/bundle.js?site=ВАШ_ID" data-touch-me-widget-site-id="ВАШ_ID" data-touch-me-api="https://api.touch-me.pro"></script>Способ 3. Через плагин
Этот способ подходит, если вы не хотите редактировать файлы темы WordPress вручную. Специальный плагин позволяет добавить код Touch_me в секцию <head> сайта через административную панель.
Установите плагин для добавления кода
В административной панели WordPress перейдите в «Плагины → Добавить новый» и установите один из плагинов, например WPCode, Insert Headers and Footers или Head, Footer and Post Injections. После установки активируйте выбранный плагин.
Откройте настройки плагина
Перейдите в раздел настроек установленного плагина. В зависимости от выбранного решения название раздела и расположение полей могут отличаться.
Найдите поле для кода в
<head>Найдите поле с названием «Header Code», «Scripts in Header», «Header» или аналогичным. Это поле предназначено для размещения кода, который должен загружаться внутри секции
<head>сайта.Вставьте код виджета Touch_me
Скопируйте код виджета Touch_me и вставьте его в найденное поле. Не изменяйте код перед сохранением, если это не предусмотрено инструкцией.
Сохраните изменения
Нажмите «Save Changes», «Сохранить изменения» или соответствующую кнопку в используемом плагине. После сохранения код Touch_me будет автоматически добавляться в
<head>сайта.Проверьте работу виджета
Откройте сайт в новой вкладке и убедитесь, что виджет Touch_me отображается и работает корректно. При необходимости очистите кэш сайта или браузера.
Проверка установки
После установки рекомендуем убедиться, что код подключён корректно.
- Откройте ваш сайт в браузере.
- Нажмите Ctrl + U (на macOS — ⌘ + Option + U), чтобы открыть исходный код страницы.
- Найдите строку data-touch-me-widget-siteid .
- Убедитесь, что скрипт расположен внутри блока
<head>...</head>.
После этого можно проверить статус установки сайта в личном кабинете Touch_me.
Важно
Код Touch_me необходимо установить на сайт только один раз.
Не устанавливайте его одновременно через плагин и header.php. После установки очистите кэш WordPress, плагина кэширования и CDN, если они используются.
Связанные инструкции и гайды
Содержание инструкции
Попробуйте все возможности touch_me бесплатно! Триал - 14 дней
Попробовать бесплатноИзучите инструкции и гайды
Начните повышать
конверсию уже сегодня
Подключите touch_me и превратите трафик
в реальные заявки
