Установка кода виджета на популярные CMS и конструкторы сайтов
В этом разделе мы расскажем, как добавить код виджета 13Chats на популярные CMS и сайты на конструкторах без программиста.
Как установить код виджета 13Chats на Tilda
Важно: виджет онлайн-чата или поп-апа можно добавить только в платных аккаунтах Tilda. Чтобы добавить виджет онлайн-чата на сайт, авторизуйтесь в Tilda, откройте библиотеку блоков, перейдите в раздел «Другое» и выберите блок T123 «HTML-код».
В режиме редактирования вставьте код скрипта в блок и нажмите «Сохранить и закрыть».
В режимах редактирования и предпросмотра скрипт выводится текстом. Чтобы он заработал, нажмите «Опубликовать» в правом верхнем углу страницы.
Как установить код виджета 13Chats на Wix
Чтобы добавить виджет онлайн-чата или поп-апа на сайт, авторизуйтесь в Wix, зайдите в панель редактирования сайта, перейдите в раздел «Вставка кода» и выберите «Вставка виджета».
Не переживайте, если у вас бесплатный тариф — код всё равно можно добавить.
Нажмите на кнопку «Вставить код» над рамкой iframe, добавьте код в окно и нажмите «Обновить» и закройте окно настройки HTML.
Разместите элемент HTML по ширине сайта, выровняйте высоту блока и нажмите кнопку «Опубликовать».
Следующий шаг — создание пользовательских сценариев, чтобы обращаться к пользователям в нужное время с наиболее подходящим сообщением.
Как установить код виджета 13Chats на WordPress
- Установка кода через меню «Виджеты».
- Установка через FTP.
- Установка через файл-шаблон темы footer.php.
- Установка через файл functions.php темы (шаблона) WordPress.
Выбор способа зависит от особенностей сайта и ваших предпочтений. Если скрипт 13Chats не отрабатывает после установки, ломается сторонними скриптами или сайт перегружен, рекомендуем использовать способы 3 и 4 — они снижают нагрузку, так как позволяют избежать обращения к базе данных сайта.
Рассмотрим каждый из них подробнее.
Установка кода виджета 13Chats на WordPress через меню «Виджеты»
Скопируйте код виджета в настройках проекта на вкладке «Установить код». Авторизуйтесь в панели администрирования сайта, наведите курсор мыши на пункт «Внешний вид» в левом меню и выберите вкладку «Виджеты».
Из списка доступных виджетов выберите «HTML-код» и нажмите «Добавить виджет».
Добавьте код в окно и нажмите «Сохранить».
После этого виджет появится на всех страницах сайта.
Установка кода виджета 13Chats на WordPress через FTP
Скопируйте код виджета в настройках проекта на вкладке «Установить код». Зайдите на хостинг вашего сайта или подключитесь с помощью FTP-клиента и откройте файл footer.php.
Путь к файлу: wp-content/themes/название вашего шаблона/footer.php.
Установка кода виджета 13Chats на WordPress через файл-шаблон темы footer.php
Скопируйте код виджета в настройках проекта на вкладке «Установить код» и зайдите в панель администрирования вашего сайта. В левом меню в разделе «Внешний вид» выберите вкладку «Редактор тем».
Справа в списке файлов темы выберите «Подвал (footer.php)».
Установка через файл functions.php темы (шаблона) WordPress
Авторизуйтесь в панели администрирования сайта WordPress и выберите пункт «Внешний вид — Редактор тем».
В правом верхнем углу выберите основную тему сайта для изменения:
В списке файлов темы выберите «Функции темы (functions.php)».
Проскрольте содержимое файла и добавьте в конец следующий код:
add_action('wp_enqueue_scripts', 'chats_widget_init');
function chats_widget_init() {
wp_enqueue_script('loader', 'https://widget.13chats.com/assets/loader.js', false, null, true);
}
add_filter('script_loader_tag', 'add_attribs_to_scripts', 10, 3);
function add_attribs_to_scripts($tag, $handle, $src) {
$chat_params = array('loader');
if (in_array($handle, $chat_params)) {
return '<script src="'.$src.
'" data-chats-widget-id="7a2d5c74-1ffc-46ce-a3c1-214542896466" async type="text/javascript"></script>'.
"\n";
}
return $tag;
}где data-chats-widget-id — уникальный код виджета в вашем проекте. Чтобы получить его, авторизуйтесь на сайте 13chats.com, откройте настройки соответствующего проекта и скопируйте код на вкладке «Установить код».
Нажмите «Обновить файл».
Как установить код виджета 13Chats на OpenCart
Существует два способа установки виджета онлайн-чата на все страницы сайта:
- через админ-панель;
- через FTP.
Рассмотрим подробно оба варианта.
Установка кода виджета 13Chats на OpenCart 1.5.x через админ-панель
Скрипт онлайн-чата 13Chats соответствует требованиям к размещению кода Google, поэтому его можно вставить в ячейку, предназначенную для кода Google Analytics. Вы можете разместить в ней оба кода или только скрипт 13Chats — это никак не повлияет на работоспособность сайта. Но не рекомендуем добавлять в поле другие сторонние коды, чтобы не вызвать конфликт.
Чтобы найти нужную ячейку, авторизуйтесь в административной панели сайта и в главном меню на вкладке «System» выберите раздел «Settings».
Выберите кнопку «Edit» (Редактировать) справа.
Проскрольте вниз страницы и найдите поле «Google Analytics Code». Скопируйте код виджета 13Chats в настройках проекта на вкладке «Установить код», вставьте в поле вместо или после кода Google Analytics и нажмите «Save», чтобы сохранить изменения.
Установка кода виджета 13Chats на OpenCart 2.x через админ-панель
В новой версии CMS скрипт также устанавливается в ячейку для для кода Google Analytics. Размещение в ней обоих кодов или только скрипта 13Chats никак не повлияет на работоспособность сайта. Не рекомендуем добавлять в поле другие сторонние коды, чтобы избежать конфликта.
В боковом меню в разделе «Модули / Расширения» выберите пункт «Модули / Расширения».
Выберите тип расширения «Аналитика».
Активируйте расширение, кликнув на зеленую кнопку с «+» внутри.
Нажмите кнопку «Редактировать» напротив вашего сайта.
Скопируйте код виджета 13Chats в настройках проекта на вкладке «Установить код», вставьте в поле «Код Google Analytics», выберите статус «Включено» и нажмите на кнопку «Сохранить».
Установка кода виджета 13Chats на OpenCart через FTP
Скопируйте код виджета в настройках проекта на вкладке «Установить код». Зайдите на хостинг вашего сайта или подключитесь с помощью FTP-клиента и откройте файл footer.twig.
Путь к файлу: /catalog/view/theme/название вашего шаблона/template/common/footer.twig.
Как установить код виджета 13Chats на Joomla
Существует три способа установки виджета онлайн-чата на ваш сайт:
- через создание нового модуля;
- через менеджер шаблонов;
- через FTP.
Два первых варианта подходят для Joomla 2.5+, через FTP можно добавить код независимо от версии CMS.
Установка кода виджета 13Chats на Joomla 2.5+ через создание нового модуля
Авторизуйтесь в административной панели сайта, на вкладке «Система» в верхнем меню выберите пункт «Общие настройки» (в ранних версиях «Сайт» — «Мой профиль»).
На вкладке «Общие настройки» найдите пункт «Редактор по умолчанию» и выберите «Редактор — Без редактора». Нажмите «Сохранить».
Дальше в верхнем меню на вкладке «Расширения» выберите пункт «Модули».
Нажмите на кнопку «Создать».
Выберите тип модуля HTML-код.
Произвольно назовите модуль в поле «Заголовок».
Скопируйте код виджета 13Chats в настройках проекта на вкладке «Установить код» и вставьте в поле для отображения на сайте произвольного HTML-кода.
Настройте отображение виджета в правом меню:
- скройте заголовок («Заголовок» — «Скрыть»);
- выберите позицию модуля на странице в футере («Позиция» — «footer»);
- опубликуйте («Состояние» — «Опубликовано»);
- откройте доступ к виджету для всех посетителей сайта («Доступ» — «Public»).
Нажмите «Сохранить».
Установка кода виджета 13Chats на Joomla 2.5+ через менеджер шаблонов
Авторизуйтесь в административной панели сайта, в верхнем меню на вкладке «Расширения» выберите пункт «Шаблоны».
Нажмите на название шаблона, напротив которого стоит звездочка в графе «По умолчанию» и значение «По умолчанию для всех страниц» в графе «Страницы».
Выберите файл index.php.
Установка кода виджета 13Chats на Joomla через FTP
Скопируйте код виджета в настройках проекта на вкладке «Установить код». Зайдите на хостинг вашего сайта или подключитесь с помощью FTP-клиента и откройте файл index.php.
Путь к файлу: /templates/название вашего шаблона/index.php.
Как установить код виджета 13Chats на Ecwid
Опция доступна только в платных тарифах уровня Venture и выше.
Если вы осознаете все риски и готовы воспользоваться этим способом, войдите в свой аккаунт Ecwid и выберите вкладку «Сайт» на дашборде.
Опуститесь ниже до раздела «Настройки SEO», найдите блок «Мета-теги для верификации сайта» и нажмит на кнопку «Добавить код».
Скопируйте скрипт виджета 13Chats в личном кабинете (мы описали, как получить код виджета), вставьте в открывшееся поле и нажмите «Сохранить».
Как установить код виджета 13Chats на SpreadSimple
Важно: скрипт виджета 13Chats можно добавить только в платном Pro-тарифе SpreadSimple.
Также для корректной работы вам понадобится платный тариф (Стандарт и выше) в сервисе 13Chats: SpreadSimple устроен так, что код виджета сначала устанавливается на основной домен конструктора (https://app.spreadsimple.com/…) для предпросмотра, а потом — на сайт клиента (https://site.spread.name/), созданный в SpreadSimple. Из-за этого превышается лимит в один домен, действующий в бесплатном тарифе 13Chats.
Повысьте тарифный план — и приступайте к установке.
Чтобы добавить виджет онлайн-чата и прочие инструменты 13Chats на сайт, войдите в свой аккаунт SpreadSimple и выберите опцию «Manage options» для сайта, на который будет выполняться установки кода.
В левом вертикальном меню выберите вкладку Settings…
…и нажмите Inject custom code.
Теперь вы можете оценить отображение виджетов в окне предпросмотра.
Если отображение соответствует заданным вами настройкам проекта, опубликуйте изменения по кнопке Publish.
Как установить код виджета 13Chats на Webflow
Важно: скрипт виджета 13Chats можно добавить только в платных тарифах Webflow.
Чтобы добавить код виджета 13Chats на сайт, войдите в свой аккаунт Webflow и откройте настройки соответствующего проекта: нажмите на три точки…
…и выберите Settings.
Перейдите на вкладку Custom Code в верхнем меню.
Скопируйте скрипт виджета 13Chats в личном кабинете (подробный гайд как получить код виджета для установки), вставьте код в поле Footer Code и нажмите Save Changes.
Чтобы виджеты 13Chats начали отображаться на сайте, опубликуйте свой проект. Для этого нажмите на Publish в верхнем меню, с помощью чекбокса отметьте соответствующий проект и подтвердите публикацию по кнопке Publish to Selected Domain.
Оцените изменения, перейдя по быстрой ссылке на сайт.
Обновлено: 02.02.2022
Loading...