Перейти к содержимому
Инструкциядля разработчиковдля маркетологовНомер статьи 4.4.1

Установка в WordPress, 1C-Bitrix и на React/Vue/Nuxt

Рекомендации по вставке кода виджета в популярные CMS и SPA-сайты.

Содержание статьи

Код виджета состоит из <div> (только для режима «В тело сайта») и <script>. Скрипт сам находит <div> с нужным ID и вставляет в него виджет.

WordPress Ссылка на раздел «WordPress»

Вставьте код в блок «HTML/Код» в содержимом страницы. Если редактор вырезает скрипты, оставьте в тексте <div id="…-widget-…">, а <script> разместите в подвале (footer) темы или через плагин вставки кода.

1C-Bitrix Ссылка на раздел «1C-Bitrix»

Подключайте внешние скрипты через шаблон сайта, например footer.php: <div> — в нужное место шаблона, <script> — в футер.

React, Vue, Nuxt Ссылка на раздел «React, Vue, Nuxt»

Вставьте оба тега в шаблон или JSX. Другой вариант — добавить <div id="…-widget-…"> в разметку, а скрипт подключить в mounted() или useEffect().

Если <div> с нужным ID на странице нет, виджет в режиме «В тело сайта» появится рядом с тегом <script> или в конце страницы. Проверьте, что ID в <div> совпадает с кодом.

Для Tilda — отдельная статья Колесо фортуны в Tilda.

Статья помогла?

Оценка привязана к статье 4.4.1

Похожие статьи