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

У Squarespace є два місця для коду, які підходять для опитувань Voxtrics: Code Injection для спливаючої форми, спливаючої форми без кнопки або чату на всіх сторінках і блок Code для вбудованої форми в потрібному місці сторінки. Скрипти в обох Squarespace запускає лише на тарифах Core, Plus і Advanced та деяких старих тарифах.

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

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

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

Спливаюча форма, спливаюча форма без кнопки або чат: Code Injection

  1. У редакторі сайту відкрийте Pages, прокрутіть униз до Website Tools і натисніть Code Injection.

  2. У поле 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>

  3. Натисніть Save.

Code Injection: вставте код у Footer (1) і натисніть Save (2).

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

  1. Відкрийте сторінку, натисніть Edit, потім Add Block у секції, де має з'явитися опитування.

  2. Знайдіть Code у пошуку й додайте блок Code.

  3. Натисніть на значок олівця на блоці й виберіть HTML у меню Type. Не JavaScript: блок Code з типом JavaScript показує код текстом, а не виконує його.

  4. Вставте код вбудовування опитування, замінивши 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>

  5. Натисніть Save у лівому верхньому куті.

Add Block: знайдіть Code (1) і додайте блок Code (2).

Блок Code і його редактор описано в довідці Squarespace англійською: Code blocks.

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

  • Перевірте, що опитування опубліковане й прив'язане до домену, на якому відкривається сайт. Домен, доданий як example.com, підходить і для www.example.com, але не для your-site.squarespace.com.
  • На сторінках оформлення замовлення Squarespace власний код не запускає, тож опитування там не буде.
  • Опитування на сайті та email-опитування не розміщуються на сторінках сайту — діліться їхнім посиланням.