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

У Tilda є два місця для коду, які підходять для опитувань Voxtrics: HTML code for the HEAD section у налаштуваннях сайту для спливаючої форми, спливаючої форми без кнопки або чату на всіх сторінках і блок T123 Embed HTML code для вбудованої форми в потрібному місці сторінки. Обидва Tilda дозволяє лише на платному тарифі — Personal або Business.

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

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

  1. У розділі Домени додайте домен, на якому відкривається сайт на Tilda, наприклад example.com, або його адресу на Tilda на кшталт project123.tilda.ws, якщо власний домен не підключено. Опитування завантажується лише на тому домені, до якого воно прив'язане.
  2. Створіть опитування в цьому домені й опублікуйте його.
  3. Скопіюйте ID опитування: у списку Опитування відкрийте код вбудовування опитування. ID — це значення formId.

Спливаюча форма, спливаюча форма без кнопки або чат: HTML code for the HEAD section

  1. Відкрийте проєкт, натисніть Site Settings і виберіть Insert code в меню ліворуч.

  2. У розділі HTML code for the HEAD section натисніть Edit code і вставте цей код, замінивши YOUR_SURVEY_ID на ID вашого опитування:

    <script src="https://feedback.voxtrics.io/assets/prod/index.iife.js" defer></script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID' });
  });
</script>

    Tilda ставить цей код на самий початок сторінки, ще до того, як сама сторінка завантажилася, тож цей варіант чекає на завантаження сторінки й лише потім запускає опитування.

  3. Натисніть Save changes і опублікуйте сторінки знову: Tilda додає код на сторінку під час її публікації.

Site Settings → Insert code (1) → HTML code for the HEAD section (2).

Вбудована форма: блок T123

  1. Відкрийте сторінку в редакторі Tilda й натисніть More blocks унизу сторінки. У бібліотеці блоків виберіть Other, потім T123 Embed HTML code.

  2. Натисніть Content на новому блоці й вставте код вбудовування опитування, замінивши 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>

  3. Збережіть зміни й опублікуйте сторінку.

Бібліотека блоків → Other (1) → T123 Embed HTML code (2).

Блок T123 описано в довідці Tilda англійською: How to Embed HTML Code.

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

  • Перевірте, що опитування опубліковане й прив'язане до домену, на якому відкривається сайт на Tilda. Домен, доданий як example.com, підходить і для www.example.com, але не для project123.tilda.ws.
  • Опублікуйте сторінки знову після зміни коду в HEAD: на сторінках, опублікованих раніше, лишається старий код.
  • Опитування на сайті та email-опитування не розміщуються на сторінках сайту — діліться їхнім посиланням.