Установка на WordPress

В WordPress есть два места для кода, которые подходят для опросов Voxtrics: поле Footer плагина WPCode для всплывающей формы, всплывающей формы без кнопки или чата на всех страницах и блок Custom HTML для встроенной формы в нужном месте страницы. Оба способа работают и на сайте на WordPress, который вы размещаете сами, и на WordPress.com с любым платным тарифом.

Названия пунктов меню ниже приведены так, как они выглядят в английском интерфейсе WordPress.

Перед началом

  1. В разделе Домены добавьте домен, на котором открывается сайт на WordPress, например example.com, или его адрес на WordPress.com вроде your-site.wordpress.com. Опрос загружается только на том домене, к которому он привязан.
  2. Создайте опрос в этом домене и опубликуйте его.
  3. Скопируйте ID опроса: в списке Опросы откройте код встраивания опроса. ID — это значение formId.

Всплывающая форма, всплывающая форма без кнопки или чат: WPCode

Своего поля для кода, который выполняется на всех страницах, в WordPress нет, поэтому код добавляется через плагин. В шагах ниже это WPCode (раньше назывался Insert Headers and Footers) — бесплатный плагин как раз для этого.

  1. В панели WordPress откройте Plugins → Add New Plugin, найдите WPCode, нажмите Install Now, а затем Activate.

  2. Перейдите в Code Snippets → Header & Footer.

  3. В поле 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 выполняется в конце каждой страницы, когда сама страница уже загрузилась.

  4. Нажмите Save Changes.

Эти поля описаны в справке WPCode на английском: Using the Global Header & Footer settings.

Встроенная форма: блок Custom HTML

  1. Откройте страницу или запись в редакторе и нажмите + там, где должен появиться опрос.

  2. Найдите Custom HTML и добавьте этот блок.

  3. Вставьте код встраивания опроса, заменив 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>
    
  4. Сохраните страницу.

Если страница собрана в 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 не размещаются на страницах сайта — делитесь их ссылкой.