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

В Webflow есть два места для кода, которые подходят для опросов Voxtrics: Custom code в настройках сайта для всплывающей формы, всплывающей формы без кнопки или чата на всех страницах и элемент Code Embed для встроенной формы в нужном месте страницы. Свой код Webflow разрешает только на платном тарифе: тарифе сайта или тарифе рабочего пространства Core, Growth, Agency или Freelancer.

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

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

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

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

1. В панели Webflow откройте настройки сайта и выберите Custom code в меню слева.

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

3. Нажмите Save changes и опубликуйте сайт.

Поля Head code и Footer code описаны в справке Webflow на английском: Custom code in head and body tags.

Встроенная форма: элемент Code Embed

1. В Designer откройте панель Add кнопкой + и перетащите Code Embed туда, где должен появиться опрос.

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

Элемент Code Embed и его редактор кода описаны в справке Webflow на английском: Custom code embed.

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

• Проверьте, что опрос опубликован и привязан к домену, на котором опубликован сайт. Домен, добавленный как example.com, подходит и для www.example.com, но не для your-site.webflow.io.
• Опубликуйте сайт заново после изменения кода: Webflow добавляет его при публикации.
• Опросы на сайте и опросы по email не размещаются на страницах сайта — делитесь их ссылкой.