Установка на 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 не размещаются на страницах сайта — делитесь их ссылкой.