Виджеты AllWidgets ставятся на сайт одинаково: вы копируете из личного кабинета строку кода и вставляете её в шаблон сайта. Программист для этого не нужен, достаточно доступа к настройкам сайта или к его шаблону.
Где взять код виджета
Войдите в личный кабинет. Пароль не нужен: на почту придёт код, а при первом входе аккаунт создаётся сам. Создайте нужный виджет, настройте его и сохраните. На странице редактирования есть поле «HTML-код виджета», код выглядит так:
<script src="https://app.allwidgets.ru/s/callback/ваш-код-виджета/"></script>
У каждого виджета свой код. Если на сайте будут, например, обратный звонок и кнопки мессенджеров, вставьте обе строки. У историй код из двух частей: блок, в котором появится лента историй, и сам скрипт. Их ставят в то место страницы, где должна быть лента. Ограничения бесплатного тарифа видны в личном кабинете, в профиле.
Куда вставлять код
Обратный звонок, кнопки мессенджеров, уведомление о cookie, колесо фортуны, окно с подарком и видеовиджет показываются поверх страницы: в углу экрана или всплывающим окном. Поэтому место кода на странице для них не важно, он работает и в блоке <head>, и в <body>. Удобнее всего один раз вставить код в общий шаблон, тогда виджет будет на всех страницах сайта.
Если есть выбор, ставьте код прямо перед закрывающим тегом </body>. Скрипт загружается вместе со страницей, и в её конце он не задерживает показ текста и картинок.
Как установить виджет на Tilda
На Tilda код для всех страниц сайта вставляется в одно место, в блок <head>. Виджеты оттуда работают так же, как из подвала.
- Чтобы виджет был на всех страницах, откройте настройки сайта, раздел «Ещё», и вставьте код в поле «HTML-код для вставки внутрь head».
- Чтобы виджет был только на одной странице, добавьте на неё блок «HTML-код» (T123) и вставьте код туда.
- Опубликуйте страницы заново: изменения появятся на сайте после публикации.
Для историй подходит только второй способ: блок «HTML-код» поставьте в том месте страницы, где должна быть лента.
Как установить виджет на WordPress
Самый простой способ: плагин для вставки кода в шапку и подвал сайта, например Head & Footer Code. Установите плагин, откройте его настройки и вставьте код виджета в поле для подвала (footer). Код появится на всех страницах, и его не сотрёт обновление темы.
Если плагины ставить не хочется, код можно вставить в файл footer.php темы перед </body>. Делайте это в дочерней теме: при обновлении основной темы её файлы перезаписываются, и код пропадёт.
Как установить виджет на 1С-Битрикс
- В административной части откройте «Настройки», затем «Настройки продукта», «Сайты», «Шаблоны сайтов».
- Откройте шаблон, по которому работает сайт, и вставьте код виджета перед
</body>. - Сохраните шаблон и сбросьте кеш, если он включён.
Если на сайте несколько шаблонов (например, отдельный для мобильной версии или лендингов), код нужен в каждом из них.
Как установить виджет через Google Tag Manager
Если на сайте уже стоит Google Tag Manager, код можно добавить без правки шаблона. Создайте тег типа «Пользовательский HTML», вставьте в него код виджета, выберите триггер «Все страницы» и опубликуйте контейнер. Виджеты, которые показываются поверх страницы, рассчитаны на такую вставку. Истории через Google Tag Manager ставить не стоит: лента окажется внизу страницы.
Как установить виджет на HTML-сайт
Вставьте код перед </body> в каждую страницу, где нужен виджет. Если у сайта есть общий файл с подвалом, который подключается на всех страницах, достаточно вставить код один раз туда.
Что проверить, если виджет не появился
- Код есть на странице. Откройте страницу, нажмите Ctrl+U и найдите строку с
app.allwidgets.ru. Если её нет, изменения не опубликованы или код вставлен в другой шаблон. Код, добавленный через Google Tag Manager, в исходном тексте страницы не виден: ищите его в инструментах разработчика браузера (клавиша F12) среди элементов страницы. - Кеш. Плагины кеширования и CDN могут отдавать старую версию страницы. Сбросьте кеш и откройте страницу в режиме инкогнито.
- Виджет включён. В настройках виджета есть переключатель «Временно отключить»: пока он включён, виджет не показывается. У историй такого переключателя нет.
- Телефон. Для телефонов показ включается отдельной настройкой. Если на компьютере виджет есть, а на телефоне нет, проверьте её. У историй такой настройки тоже нет.
- Расписание обратного звонка. Вне рабочих часов, заданных в расписании, виджет звонка скрыт.
- Уже закрыли. Уведомление о cookie после нажатия кнопки не показывается этому посетителю 90 дней, а колесо фортуны и окно с подарком в одной вкладке браузера появляются один раз. Для проверки откройте сайт в новом окне в режиме инкогнито.
- Лимит тарифа. Если тариф сменился на меньший, лишние виджеты остаются в кабинете, но не показываются на сайте.
Вопросы и ответы
Нужно ли менять код на сайте после изменения настроек?
Нет. Настройки виджета загружаются с сервера при каждом открытии страницы, поэтому изменения из личного кабинета появляются на сайте сами. Новый код нужен, только если вы создали другой виджет вместо прежнего.
Сколько виджетов можно поставить на бесплатном тарифе?
По одному каждого вида: один обратный звонок, одни кнопки мессенджеров, одно уведомление о cookie и так далее. На сайте они работают вместе.
Работают ли виджеты на конструкторах сайтов?
Да, если конструктор позволяет вставить свой HTML-код или скрипт. Так устроены Tilda, WordPress, 1С-Битрикс и большинство других платформ, отдельный плагин AllWidgets не нужен. На некоторых конструкторах вставка своего кода доступна только на платных тарифах, это стоит проверить заранее.
Нужно ли привязывать виджет к домену?
Нет. Код работает на любом сайте, куда его вставили, поэтому при переезде на другой домен менять его не нужно.