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

WordPress · почніть з одного завдання

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

Дайте відвідувачу спосіб поставити запитання, написати в месенджер або залишити номер. Виберіть віджет, налаштуйте його в Cenaly.com і додайте код через плагін вставлення в header. Для cookie-баннера з блокуванням аналітики нижче є окрема інструкція.

  • Для WordPress на своєму хостингу — почніть з WPCode або аналогічного плагіна
  • Налаштування віджета в обліковому записі, встановлення коду — у WordPress
  • Перевірте кеш, мобільну сторінку та сусідні плаваючі кнопки

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

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

Що працює на WordPress

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

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

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

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

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

WordPress із власним хостингом — відкрита CMS: ні редактор теми, ні плагіни вставки коду не прив’язані до плану.

Редактор файлів теми (Зовнішній вигляд → Редактор файлів теми) входить у стандартне встановлення WordPress і не потребує жодної платної підписки. Плагіни вставки коду в каталозі WordPress.org мають безкоштовну версію, якої для одного рядка тега достатньо.

Офіційна документація WordPress окремо попереджає про правку файлів теми: редактор не робить резервних копій, а під час оновлення теми зміни втрачаються. Тому в кроках вище плагін стоїть раніше за редактор файлів.

Окрема історія — розміщення на хостингу WordPress.com: там встановлення плагінів і вставка свого коду відкриті не на всіх планах. Умови дивіться в довідці WordPress.com — ми їх на цій сторінці не підтверджували.

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

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

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

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

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

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

  1. 1

    Скопіюйте код встановлення

    В обліковому записі Cenaly.com: Адмін-панель → Маркетинг → «Мій сайт». Впишіть адресу сайту в перше поле та скопіюйте рядок тега.

  2. 2

    Увійдіть у консоль WordPress

    Адреса виду ваш-сайт/wp-admin. Потрібні права адміністратора: у редактора й автора пунктів нижче не буде.

  3. 3

    Поставте плагін вставлення коду

    Плагіни → Додати плагін → знайдіть плагін, який додає код у header і footer (у каталозі WordPress.org є безкоштовний WPCode — Insert Headers and Footers) → Встановити → Активувати.

  4. 4

    Вставте тег у поле Header

    У налаштуваннях плагіна є окремі поля для коду header і footer. Вставте рядок у header — це head усіх сторінок сайту — і збережіть.

  5. 5

    Або — прямо у файлі теми

    Зовнішній вигляд → Редактор файлів теми → header.php (перед закривальним head) або footer.php (перед закривальним body) → «Оновити файл». Документація WordPress попереджає: під час оновлення теми такі правки втрачаються, тому надійніше дочірня тема або плагін.

  6. 6

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

    Відкрийте свій сайт, оновіть сторінку та поверніться до «Мій сайт» → «Перевірити встановлення».

Якщо стоїть плагін кешування або CDN — очистьте кеш: відвідувачу (і нашій перевірці) може віддаватися збережена копія сторінки без тега.

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

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

  1. 1

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

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

  2. 2

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

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

  3. 3

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

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

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

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

  • Уже є чат або кнопка месенджера

    Залиште одну кнопку або розведіть їх по кутах. Перевірте на телефоні, що вони не закривають меню, кошик і банер згоди.

  • Після збереження віджета не видно

    Очистьте кеш WordPress і CDN. Перевірте, що код додано на опублікований домен один раз, а потрібний віджет увімкнено в обліковому записі.

  • Встановлення через GTM

    Для звичайних віджетів можна використати Custom HTML і публікацію контейнера. Серверна перевірка читає вихідний HTML і не бачить тег, який додав GTM. Consent має запускатися перед трекерами — дотримуйтеся окремої інструкції.

  • WooCommerce і форми залишаються окремими

    Вставка тега сама по собі не переносить каталог, замовлення та надсилання Contact Form 7 у Cenaly.com. Shadow DOM ізолює оформлення віджета; сумісність поведінки перевірте з вашою темою та плагінами.

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

Чи потрібен окремий плагін Cenaly.com?

Для звичайних віджетів достатньо тега з облікового запису. WPCode або аналогічний плагін допомагає вставити його без ручної правки PHP.

Що буде після оновлення теми?

Вставка через плагін не потребує правити батьківську тему. Зміни header.php або footer.php батьківської теми можуть бути перезаписані оновленням; після зміни теми перевірте опублікований сайт.

Чи підходить це для WordPress.com?

Ця інструкція насамперед для WordPress на власному хостингу. У WordPress.com спершу перевірте доступ до плагінів і стороннього JavaScript у вашому плані.

Чи сповільнить віджет сайт?

Звичайний завантажувач працює асинхронно й підключає увімкнені віджети. Перевірте швидкість із вашим набором плагінів. Consent для блокування до згоди встановлюється окремо без async/defer.

Чи можна залишити WooCommerce та Elementor?

Так, почніть з одного віджета на рівні сайту й перевірте сторінки, кошик і форми. Це не автоматична інтеграція замовлень WooCommerce; встановлення не вимагає переробляти сторінки в Elementor.

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

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

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

Поставте віджети на свій WordPress

Виберіть завдання, налаштуйте віджет і поверніться до інструкції WordPress. Спершу перевірте його на одній опублікованій сторінці та на телефоні.

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

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