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

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

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

На бесплатном тарифе Tilda ни то, ни другое недоступно, поэтому разместить опрос на странице не получится. Вместо этого поставьте кнопку со ссылкой на опрос на сайте: он открывается на своей странице, и добавлять код на ваш сайт не нужно.

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

В разделе Домены добавьте домен, на котором открывается сайт на Tilda, например example.com, или его адрес на Tilda вроде project123.tilda.ws, если свой домен не подключён. Опрос загружается только на том домене, к которому он привязан.
Создайте опрос в этом домене и опубликуйте его.
Скопируйте ID опроса: в списке Опросы откройте код встраивания опроса. ID — это значение formId.

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

Откройте проект, нажмите Site Settings и выберите Insert code в меню слева.
В разделе 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 ставит этот код в самое начало страницы, ещё до того, как сама страница загрузилась, поэтому этот вариант ждёт загрузки страницы и только потом запускает опрос.
Нажмите Save changes и опубликуйте страницы заново: Tilda добавляет код на страницу при её публикации.

Настройки сайта в Tilda: в меню выбран пункт Insert code, справа раздел HTML code for the HEAD section с кнопкой Edit code — Site Settings → Insert code (1) → HTML code for the HEAD section (2).

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

Откройте страницу в редакторе Tilda и нажмите More blocks внизу страницы. В библиотеке блоков выберите Other, затем T123 Embed HTML code.

Нажмите 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>

Сохраните изменения и опубликуйте страницу.

Библиотека блоков Tilda: выбрана категория Other и блок T123 Embed HTML code — Библиотека блоков → Other (1) → T123 Embed HTML code (2).

Блок T123 описан в справке Tilda: Вставка HTML-кода.

В редакторе и в режиме предпросмотра Tilda не выполняет код, поэтому опроса там не будет. Проверяйте его на опубликованной странице.

Если опрос не появился

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