Встановлення на 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-опитування не розміщуються на сторінках сайту — діліться їхнім посиланням.