Headless CMS з візуальним редагуванням

Для розробників

Контент через API — сайт залишається вашим

Ми даємо API, а не конструктор: сайт робить ваш розробник — на чому завгодно, а тексти, зображення й списки надходять із CRM звичайним GET-запитом. Сторінка, секція чи окремий блок — це JSON із вашими маркерами в ключах, статті блогу — списком.

Запит із браузера з будь-якого домену, із сервера або під час збірки
Усі мови однією відповіддю або лише потрібні: ?lang=uk,en
Публічний ключ лише читає контент свого сайту й відкликається в налаштуваннях CRM

content.ts

1const res = await fetch(

2 'https://back.sitecog.com/content/v1/pages/home',

3 { headers: { 'x-crm-key': 'pk_••••••' } }

5const page = await res.json()

6const hero = page.content.hero.content

7h1.textContent = hero.title.content[lang]

GET /v1/pages/home · 200 OK

Відповідьфрагмент200 OK

{

…,

"params": {…},

"content": {

"hero": {

"show": true,

"content": {

"title": {

"type": "text",

"content": {

"uk": "Кава з собою",

"en": "Coffee to go"

}

"photo": {…}

}

"menu": {…}

}

Кеш відповіді

ETag: W/"x7Qe2kP9…"

перезавантаження → 304 Not ModifiedIf-None-Match збігся — без тіла

brew-bar.example

BREW BAR

UKEN

Кава з собою

Обсмажуємо зерна щоранку

Дивитися меню

Мову змінено без нового запиту

Headless CMS: що це

Headless CMS зберігає контент, але не малює сайт. Звичайна CMS на кшталт WordPress тримає тексти й сама збирає сторінки за своєю темою. Headless віддає той самий контент через API, а як він виглядає, вирішує сам сайт — на React, Next.js, Vue чи чистому HTML.

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

Headless CMS підходить, коли є розробник і потрібен повний контроль над кодом. Якщо код ніхто не пише, простіше конструктор сайтів.

Контентний API без звичних компромісів

Звичайний REST і JSON
Сторінки, секції, окремі блоки й статті блогу — GET-запитами. Контент приходить за вашими маркерами, усі мови в одній відповіді або лише потрібні.
Будь-який стек, без SDK
Звичайний fetch із браузера, із сервера чи під час збирання. У документації є приклади для React, Next.js і Nuxt.
Візуальне редагування на сторінці
Елемент один раз розмічають атрибутом data-crm. Далі тексти, зображення, відео, списки й картки редагують просто на сайті — і зберігаються вони в ті самі дані, що віддає API.
20 мов з автоперекладом
Додали мову — контент перекладається у фоні через Google Translate. Ручні правки не перезаписуються, зображення може бути своїм для кожної мови.
Швидко й завжди свіжо
Відповіді кешуються на нашому боці й підтримують ETag, повторний запит отримує коротку 304. Правка в CRM скидає кеш одразу.
Безпечно за влаштуванням
Публічний ключ pk_ лише на читання, його можна відкликати. Права команди — за розділами, на читання чи запис, дії потрапляють у журнал.

Від API до редагування на сторінці — три кроки

Додайте сайт
Зареєструйтеся, додайте домен і отримайте публічний ключ на читання. Створіть сторінки, секції та блоки: текст, HTML, зображення, відео, посилання, дата, список чи об’єкт.
Заберіть контент
Запитайте JSON через fetch і виведіть у компонентах. Поставте тег скрипта й атрибути data-crm на елементи, які треба редагувати.
Редагуйте на сторінці
Відкрийте сайт у CRM і клікніть по розміченому елементу. Зміна одразу потрапляє в API — без перезбирання, якщо сайт не кешує відповіді в себе.

const res = await fetch('https://back.sitecog.com/content/v1/sections/hero?lang=en', {
  headers: { 'x-crm-key': 'pk_…' },
});
const hero = (await res.json()).content;

// Розмітили один раз — тепер це редагується просто на сторінці
<h1 data-crm-text="hero_title">{hero.hero_title.content.en}</h1>
// Документація: sitecog.com/uk/docs

Живе редагування

Редагуйте сайт там, де його бачать клієнти

Відкрийте свій сайт у CRM, клікніть на заголовок, ціну чи зображення — і змінюйте просто на сторінці. Без адмінки з формами й без програміста.

Тексти, зображення, відео, списки та картки товарів
Зображення — зі сховища або просто перетягніть нове на місце старого
Підключається до сайту на будь-якій технології: React, Next, Vue, PHP, статика

Усі можливості →

🔒 mebli-loft.example

Живий режим

Знижка 20% на всю колекцію

Виготовляємо й доставляємо по всій Україні за 5 днів. Гарантія 10 років.

Дивитися каталогРозрахувати

−20%

Крісло «Осло»

9 900 ₴

Стіл «Норд»

15 400 ₴

Диван «Фйорд»

28 900 ₴

Операцію виконано успішно

Мультимовність

Нова мова — тексти перекладуться самі

Оберіть мову зі списку, і CRM перекладе тексти сторінок у фоні машинним перекладом Google. Поки триває переклад, сторінки працюють: нова мова тимчасово показує копію вихідної.

20 мов у довіднику: англійська, китайська, арабська, гінді, тайська, суахілі та інші
Переклад не зітре ваших правок: замінюються лише тексти, що дослівно повторюють вихідні
Вимкнену мову відвідувачі не побачать — ні в перемикачі, ні за прямим запитом

МовиSitecog CRM

Китайська (ZH)

Додати

Залишилося 45 080 символів

УкраїнськаUA

АнглійськаEN

НімецькаDE

Переклад UA → німецька…100%

4 з 4 пакетів

Поки триває переклад, мови змінювати не можна. Контент працює: у ньому вже є копія вихідної мови.

zerno-coffee.example

ZERNO

UAENDE

DE · переклад на сайті

Frisch gerösteter Kaffee, morgen geliefert

Wir rösten täglich und versenden am Bestelltag.

Jetzt bestellen

✓ правку збережено

Äthiopien

Single Origin

Kolumbien

Single Origin

Звичайна CMS, headless CMS і Sitecog

	Sitecog	Headless CMS	Звичайна CMS
Вигляд сайту	Ваш код, будь-який стек	Ваш код, будь-який стек	Теми й шаблони CMS
Як контент потрапляє на сайт	REST API, JSON	API (REST або GraphQL)	Сторінки збирає сама CMS
Де працюють редактори	На живій сторінці та в CRM	Форми адмінки; візуальне редагування — у частини продуктів	Адмінка, конструктори сторінок
Мови	20, з автоперекладом	Локалі в моделі контенту	Зазвичай через плагіни
Заявки, чат, аналітика	Вбудовані (платні тарифи)	Окремі сервіси	Плагіни

Загальне порівняння двох видів CMS, а не конкретних продуктів.

Питання про headless CMS

Потрібен SDK чи особливий фреймворк?

Ні. Контентний API — звичайний REST із відповідями в JSON, тож підійде будь-яка мова й фреймворк, що вміє робити HTTP-запит: Next.js, Nuxt, Astro, SvelteKit, React, Vue чи чистий JavaScript.

Чи зможуть редагувати сайт люди без навичок програмування?

Так, після того як розробник один раз розмітить елементи. Далі редактор відкриває сайт у CRM, клікає по заголовку, ціні чи зображенню й змінює їх. Нові блоки теж можна додати просто зі сторінки.

Є GraphQL, вебхуки, режим попереднього перегляду?

Поки що ні. API — лише REST, вебхуків немає. Сторінки й блоки не мають чернеток: правка публікується одразу, тому її й роблять на живій сторінці. У статей блогу чернетки та відкладена публікація є.

Як працює переклад?

Ви обираєте мови зі списку 20, CRM перекладає тексти й HTML у фоні через Google Translate. Текст, виправлений вручну, не перезаписується. Кожен тариф має свою квоту символів на переклад.

Які ліміти?

API приймає 300 запитів на хвилину з однієї IP-адреси й 600 на ключ, на будь-якому тарифі. У пробному періоді — 3 сторінки й 2 мови; Basic ($29 за 30 днів) — 20 сторінок і 5 мов; Pro ($79) — 200 сторінок, 20 мов і блог.

Чи безпечний публічний ключ у браузері?

Так. Він лише читає опублікований контент одного сайту й будь-коли відкликається в налаштуваннях CRM. Змінити ним нічого не можна.

Де зберігається контент?

Тексти й налаштування — у базі на серверах у ЄС. Завантажені зображення й відео — в об’єктному сховищі Cloudflare R2.

Ще в Sitecog

Тарифи

Безкоштовний старт на 7 днів

Кожен акаунт починає з Пробного: сайт, редагування контенту просто на сторінці та автопереклад. Чат додає Basic, заявки з форм, блог і маркетинг — Pro.

Пробний

Безкоштовно7 днів

Доступний одразу після реєстрації

Сайти: 1
Сторінки: 3
Блоки: 100
Мови: 2
Сховище файлів: 50 МБ
Символи автоперекладу: 10 000

Контент і живе редагування
Автопереклад іншими мовами
Зведення, файли, менеджери, журнал дій

Почати безкоштовно

Basic

$29за 30 днів

Підключається в CRM

Сайти: 3
Сторінки: 20
Блоки: 1 000
Мови: 5
Сховище файлів: 2 ГБ
Символи автоперекладу: 220 000

Усе з Пробного, плюс:

Чат із відвідувачами сайту

Почати з Пробного

Pro

Усі розділи

$79за 30 днів

Підключається в CRM

Сайти: 10
Сторінки: 200
Блоки: 20 000
Мови: 20
Сховище файлів: 20 ГБ
Символи автоперекладу: 590 000

Усе з Basic, плюс:

Заявки з форм сайту
Блог
Відвідуваність сайту
Рекламні канали
Події на сайті

Почати з Пробного

Детальне порівняння тарифів

Ліміти й розділи тарифів Пробний, Basic і Pro
Ліміти
Тариф	Пробний	Basic	Pro
Сайти	1	3	10
Сторінки	3	20	200
Розділи сторінок	30	300	3 000
Блоки	100	1 000	20 000
Мови	2	5	20
Сховище файлів	50 МБ	2 ГБ	20 ГБ
Символи автоперекладу	10 000	220 000	590 000
Менеджери на сайт	2	5	20
Статті блогу	Немає	Немає	1 000
Рекламні посилання	Немає	Немає	500
Типи подій	Немає	Немає	100
Розділи
Редагування контенту	Є	Є	Є
Живе редагування на сторінці	Є	Є	Є
Автопереклад	Є	Є	Є
Заявки з форм сайту	Немає	Немає	Є
Чат із відвідувачами	Немає	Є	Є
Блог	Немає	Немає	Є
Маркетингова аналітика	Немає	Немає	Є
Особисті кабінети відвідувачів сайту	Немає	Немає	Скоро

Ліміти діють на весь акаунт — на всі ваші сайти разом; менеджери — на кожен сайт
Пробний — один раз на акаунт; символи автоперекладу надаються на всі 7 днів
Платні тарифи діють 30 днів: на початку кожного періоду символи автоперекладу поновлюються
Після пробного — Basic або Pro. Без оплати CRM закриється, а сайт і далі працюватиме

Початок роботи

Спробуйте Sitecog на своєму сайті

Зареєструйтеся — і Пробний тариф ваш: 7 днів безкоштовно. Підключіть сайт і редагуйте його просто на сторінці. Заявки, чат і аналітика — на платних тарифах.

Почати безкоштовноУвійти

7 днів безкоштовно
Пошта або Google
Картка не потрібна

Спершу хочете поставити запитання? Напишіть нам

Контент через API — сайт залишається вашим

Headless CMS: що це

Контентний API без звичних компромісів

Звичайний REST і JSON

Будь-який стек, без SDK

Візуальне редагування на сторінці

20 мов з автоперекладом

Швидко й завжди свіжо

Безпечно за влаштуванням

Від API до редагування на сторінці — три кроки

Додайте сайт

Заберіть контент

Редагуйте на сторінці

Редагуйте сайт там, де його бачать клієнти

Нова мова — тексти перекладуться самі

Звичайна CMS, headless CMS і Sitecog

Питання про headless CMS

Ще в Sitecog

Безкоштовний старт на 7 днів

Пробний

Basic

Pro

Спробуйте Sitecog на своєму сайті