C cenaly.com
Почати безкоштовно

Squarespace · наступний крок після портфоліо

Віджети Cenaly.com для Squarespace

Додайте зв’язок або запис до свого сайту Squarespace. Виберіть віджет і налаштуйте його, потім вставте код через Code Injection на підтримуваному плані. Цей спосіб не встановлює віджети на checkout; consent і аналітика потребують окремого порядку.

  • Code Injection: Core, Plus, Advanced і деякі legacy-плани
  • Header на рівні сайту; для однієї сторінки є Page Header Code Injection
  • Перевірте мобільне меню, форми та наявні pop-up вікна

Без картки · реєстрація — хвилина, тег — ще одна · зміни налаштувань доїжджають до сайту за 5 хвилин

Один тег для всіх віджетів9 з 13 безкоштовніShadow DOM — не ламає версткуПідписи мовою сторінкиДві хмари: AWS і Росія

Що працює на Squarespace

Виберіть потрібний віджет і налаштуйте його в обліковому записі. Звичайні віджети використовують спільний тег; для consent і аналітики важливий окремий порядок встановлення.

Вибраний віджет і платформа збережуться під час реєстрації. Потім налаштуйте віджет в обліковому записі. Залиште цю інструкцію для Squarespace відкритою: після налаштування поверніться до кроків встановлення нижче.

Усі 13 віджетів →

Чи потрібен платний план Squarespace

Потрібен платний план платформи

Code Injection доступний на планах Core, Plus, Advanced і деяких легасі-планах Squarespace.

Довідка Squarespace перелічує Core, Plus, Advanced і деякі legacy-плани для Code Injection. Перевірте, що панель доступна саме у вашому обліковому записі.

Вартість платформи відокремлена від ціни віджета Cenaly.com. Якщо у плані немає Code Injection, HTML-блок на сторінці не можна автоматично вважати рівнозначною заміною глобального встановлення.

Пункти меню та умови тарифів на цій сторінці — з офіційної довідки:

Звірено з довідкою платформи 2026-09-22

Як вставити код на Squarespace

Звичайні віджети: чат, кнопка зв’язку, запис

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Приклад тега для звичайних віджетів. Візьміть свій код з облікового запису; замінювати його демонстраційним доменом не потрібно. Для блокування аналітики скористайтеся окремою інструкцією нижче. Банер cookie та аналітика: окремий порядок →

  1. 1

    Налаштуйте віджет і скопіюйте код

    В обліковому записі Cenaly.com виберіть віджет, увімкніть його та візьміть свій тег у «Мій сайт». Укажіть потрібну адресу сайту.

  2. 2

    Відкрийте Code Injection

    У Squarespace відкрийте панель Code Injection через інструменти сайту. Перевірте, що вона доступна у вашому плані; офіційна довідка нижче містить прямий перехід до панелі.

  3. 3

    Вставте звичайний тег у Header

    Header вставляє код у head сторінок сайту. Для раннього блокування аналітики використовуйте окремий consent-тег і порядок із розділу нижче.

  4. 4

    Збережіть і відкрийте сайт

    Натисніть Save і відкрийте опубліковану адресу. Code Injection не підтримується на checkout.

  5. 5

    Перевірте дію відвідувача

    Відкрийте віджет, надішліть тестове запитання або пройдіть запис. Перевірте мобільне меню та форми, потім запустіть «Перевірку встановлення» у «Мій сайт».

Сторінки checkout не підтримують цей код. Поля lock page, order confirmation і order status мають окреме призначення; не дублюйте в них тег без окремої перевірки.

Офіційна довідка Squarespace ↗

Перевірка встановлення

  1. 1

    Опублікуйте сайт знову

    У конструкторах правка живе в чернетці: поки сторінки не переопубліковано, тега на живому сайті немає.

  2. 2

    Відкрийте «Мій сайт» в обліковому записі

    Адмінпанель → Маркетинг → «Мій сайт». У першому полі — адреса вашого сайту, поруч — «Перевірити встановлення».

  3. 3

    Подивіться, що знайшлося

    Перевірка читає вихідний HTML сторінки й показує знайдені віджети. Тег, доданий через Google Tag Manager, вона не побачить — це обмеження перевірки, а не встановлення.

Розбір помилок встановлення — у довідці Інструкція зі встановлення →

Особливості Squarespace

  • Сайт і checkout

    Code Injection розрахований на сторінки сайту; checkout не підтримує код. Перевірте потрібні URL, а не лише головну.

  • Одна сторінка

    Для окремої сторінки: Pages → налаштування сторінки → Advanced → Page Header Code Injection. Не дублюйте тег, уже встановлений глобально.

  • Форми й поточний запис

    Вставлення тега не переносить форми чи розклад з інших сервісів. Виберіть одну функцію, щоб не показувати відвідувачу два однакових вікна.

  • Consent перед аналітикою

    Перевірте Header і підключені інтеграції аналітики. Загальний async-тег і поява баннера не доводять, що consent завантажився раніше за трекери.

Питання та відповіді

Який план потрібен?

Code Injection доступний на Core, Plus, Advanced і деяких legacy-планах. Актуальну довідку Squarespace наведено вище; перевірте доступ до панелі до налаштування.

Можна поставити лише на одну сторінку?

Використовуйте Page Header Code Injection у Advanced-налаштуваннях сторінки, якщо це доступно у вашому плані. Це окремий шлях від HTML-блоку в вмісті.

Чи працює віджет на checkout?

Ні, описаний шлях через Code Injection туди не додає код. Він призначений для сторінок сайту.

Що робити, якщо віджета не видно?

Перевірте збереження, опубліковану адресу, увімкнення віджета і правильний домен. Відкрийте сайт поза редактором і переконайтеся, що код не вимкнено в режимі редагування.

Чи збережеться оформлення шаблону?

Shadow DOM ізолює стилі віджета. Перевірте поведінку свого шаблону, мобільного меню, форм і перекриття кнопок — це не можна гарантувати лише за способом вставлення.

Для cookie-баннера підходить звичайний async-тег?

Для блокування трекерів до згоди потрібен окремий consent/v1.js першим у head без async/defer. Перевірте завантаження до вибору, після відмови та прийняття. Вбудована аналітика платформи може вимагати окремого налаштування; поява баннера не підтверджує відповідність закону.

Докладніше — встановлення за платформами, налаштування та усунення неполадок — у довідці. Інструкція зі встановлення →

Розмістіть віджети на своєму сайті Squarespace

Перевірте Code Injection у своєму плані, виберіть завдання та налаштуйте віджет. Після встановлення пройдіть шлях відвідувача на телефоні.

Вибрати віджет

Без картки · реєстрація — хвилина, тег — ще одна · зміни налаштувань доїжджають до сайту за 5 хвилин