Встановлення на WordPress

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

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

На безкоштовному тарифі WordPress.com не можна встановлювати плагіни й додавати скрипти, тож розмістити опитування на сторінці не вийде. Натомість поставте кнопку з посиланням на опитування на сайті: воно відкривається на власній сторінці, і додавати код на ваш сайт не потрібно.

Перед початком

У розділі Домени додайте домен, на якому відкривається сайт на 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.

Скрипти в блоці Custom HTML WordPress зберігає лише в адміністраторів і редакторів (у мережі сайтів — лише в суперадміністратора). Якщо блок збереже хтось інший, теги <script> з нього зникнуть і опитування не завантажиться. Перевіряйте опитування на опублікованій сторінці, а не в редакторі.

Якщо опитування не з'явилося

Перевірте, що опитування опубліковане й прив'язане до домену, на якому відкривається сайт. Домен, доданий як example.com, підходить і для www.example.com, але не для your-site.wordpress.com.
Очистьте кеш плагіна кешування або хостингу після додавання коду: у збереженій копії сторінки його ще немає.
Плагіни, які для пришвидшення сайту відкладають або об'єднують JavaScript (WP Rocket, LiteSpeed Cache, Autoptimize і подібні), можуть запустити опитування із затримкою або не запустити взагалі. Додайте feedback.voxtrics.io і SiteUtilsFeedback до винятків цих налаштувань.
Код у полі Header плагіна WPCode виконується до завантаження сторінки, і опитування не запускається. Перенесіть його в Footer.
Опитування лишається на сайті, лише поки WPCode увімкнено: якщо вимкнути плагін, опитування зникне.
Опитування на сайті та email-опитування не розміщуються на сторінках сайту — діліться їхнім посиланням.