Установка на WordPress
В WordPress есть два места для кода, которые подходят для опросов Voxtrics: поле Footer плагина WPCode для всплывающей формы, всплывающей формы без кнопки или чата на всех страницах и блок Custom HTML для встроенной формы в нужном месте страницы. Оба способа работают и на сайте на WordPress, который вы размещаете сами, и на WordPress.com с любым платным тарифом.
Названия пунктов меню ниже приведены так, как они выглядят в английском интерфейсе WordPress.
Перед началом
- В разделе Домены добавьте домен, на котором открывается
сайт на WordPress, например
example.com, или его адрес на WordPress.com вродеyour-site.wordpress.com. Опрос загружается только на том домене, к которому он привязан. - Создайте опрос в этом домене и опубликуйте его.
- Скопируйте ID опроса: в списке Опросы откройте код
встраивания опроса. ID — это значение
formId.
Всплывающая форма, всплывающая форма без кнопки или чат: WPCode
Своего поля для кода, который выполняется на всех страницах, в WordPress нет, поэтому код добавляется через плагин. В шагах ниже это WPCode (раньше назывался Insert Headers and Footers) — бесплатный плагин как раз для этого.
-
В панели WordPress откройте Plugins → Add New Plugin, найдите WPCode, нажмите Install Now, а затем Activate.
-
Перейдите в Code Snippets → Header & Footer.
-
В поле Footer вставьте этот код, заменив
YOUR_SURVEY_IDна ID вашего опроса:<script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script> <script> window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID' }); </script>Код из Footer выполняется в конце каждой страницы, когда сама страница уже загрузилась.
-
Нажмите Save Changes.
Эти поля описаны в справке WPCode на английском: Using the Global Header & Footer settings.
Встроенная форма: блок Custom HTML
-
Откройте страницу или запись в редакторе и нажмите + там, где должен появиться опрос.
-
Найдите Custom HTML и добавьте этот блок.
-
Вставьте код встраивания опроса, заменив
YOUR_SURVEY_IDна ID вашего опроса:<div id="feedback-widget"></div> <script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script> <script> window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID', container: document.getElementById('feedback-widget'), }); </script> -
Сохраните страницу.
Если страница собрана в Elementor, вставьте тот же код в его виджет HTML, а в Divi — в модуль Code.
Если опрос не появился
- Проверьте, что опрос опубликован и привязан к домену, на котором открывается сайт. Домен,
добавленный как
example.com, подходит и дляwww.example.com, но не дляyour-site.wordpress.com. - Очистите кеш плагина кеширования или хостинга после добавления кода: в сохранённой копии страницы его ещё нет.
- Плагины, которые для ускорения сайта откладывают или объединяют JavaScript (WP Rocket, LiteSpeed
Cache, Autoptimize и подобные), могут запустить опрос с задержкой или не запустить вовсе.
Добавьте
feedback.voxtrics.ioиSiteUtilsFeedbackв исключения этих настроек. - Код в поле Header плагина WPCode выполняется до загрузки страницы, и опрос не запускается. Перенесите его в Footer.
- Опрос остаётся на сайте, только пока WPCode включён: если отключить плагин, опрос пропадёт.
- Опросы на сайте и опросы по email не размещаются на страницах сайта — делитесь их ссылкой.