Розробка сайту на Tilda
Tilda — конструктор сайтів на основі блочної архітектури. Основа — бібліотека готових блоків (BA, BB, BC... серії), які складаються в сторінки. Для професійної розробки ключовий інструмент — Zero Block: редактор HTML/CSS/JS у межах Tilda, який надає повний контроль над розміткою секції. Платформа орієнтована на маркетингові сайти, лендинги та редакційні проекти.
Архітектура сайту на Tilda
Сайт у Tilda — набір сторінок. Кожна сторінка — послідовність блоків. Блоки бувають:
- Стандартні — з бібліотеки Tilda (Hero, CTA, Галерея, Форма, Ціни тощо)
- Zero Block — користувацькі секції HTML/CSS/JS
- Tilda Widget — вбудовані або сторонні віджети
Структура сторінок у типовому проекті:
Головна — Hero + Social Proof + Services + CTA + Footer
Про компанію — Hero + Team + History + CTA
Послуги — сторінка-каталог з переліком
Сторінка послуги — опис + переваги + приклади + форма
Блог — список статей (коллекція Tilda)
Стаття — редакційна публікація
Контакти — карта + форма + реквізити
Tilda та динамічний контент
Tilda Collections — вбудований інструмент для управління контентом, що повторюється (аналог CMS-коллекцій):
- Карточки послуг, портфоліо, команда, відгуки
- Редагування через таблицю, а не через редактор сторінок
- Шаблон карточки малюється один раз, контент додається до коллекції
Для блогу вбудована Tilda Blog — окремий тип сторінок з підтримкою категорій, тегів, RSS-стрічки та SEO-налаштувань для кожного посту.
Форми та CRM
Tilda Forms — вбудований модуль з базовими полями. Достатньо для простого збору лідів. Інтеграції з коробки:
- email-повідомлення (кілька адрес)
- Zapier / Make — через webhook
- AmoCRM, Bitrix24, HubSpot — нативні інтеграції
- Google Sheets — запис даних форми у таблицю
- Telegram-бот — повідомлення в чат через webhook
Налаштування webhook для форми Tilda:
У редакторі форми → «Інтеграції» → Webhook → вставити URL точки входу. Tilda відправляє POST з полями форми у JSON.
Якщо необхідна користувацька обробка (валідація на сервері, дедублікація, складна логіка) — Zero Block з користувацькою формою + власна точка входу API.
SEO на Tilda
Що налаштовується:
- Title та Description для кожної сторінки (Налаштування сторінки → SEO)
- og:image, og:title для соціальних мереж
- канонічний URL
- noindex для служби сторінок
- robots.txt (через налаштування проекту)
- sitemap.xml — автогенерування на плані Business
Технічні обмеження:
- JavaScript-рендеринг (SEO подібно Wix — Googlebot рендерить JS)
- немає серверного рендеринга
- структура URL обмежена можливостями платформи
- користувацькі HTTP-заголовки недоступні
Для максимально швидкої загрузки першого екрану — вивести критичний CSS у Zero Block через inline-стилі, зображення hero — WebP з srcset.
Налаштування домену та хостинг
Tilda хостить сайт на своїй інфраструктурі. Для підключення користувацького домену:
- У DNS-провайдера створити CNAME запис:
www → sites.tilda.ws
І A-запис для naked domain:
@ → 178.248.236.5
- У налаштуваннях проекту Tilda → «Домен» → указати домен → привязати.
SSL видається автоматично. Naked domain (без www) налаштовується через редирект у Tilda або на стороні DNS-провайдера.
Tilda не підтримує розміщення на власному хостингу (виключення — експорт HTML, але з обмеженнями функціональності).
Експорт та переносимість
Tilda дозволяє експортувати HTML/CSS/JS на тарифах Business+. Експортований код:
- працює як статичний сайт (без форм Tilda, без CRM-інтеграцій)
- форми потрібно переналаштовувати на власний бекенд
- кодова база не оптимальна для ручного редагування — Tilda генерує специфічну розмітку
Це опція «аварійного виходу», а не робочий процес для продакшену.
Тарифи та обмеження
| Тариф | Сторінок | Проекти | Експорт HTML | Коллекції |
|---|---|---|---|---|
| Free | 1 | 1 | — | — |
| Personal | 50 | 1 | — | + |
| Business | 500 | 5 | + | + |
| Business+ | Без обмежень | Без обмежень | + | + |
Обмеження сховища медіафайлів: 1 ГБ на Personal, 3 ГБ на Business. Для сайтів з великою кількістю зображень — зовнішнє сховище (Cloudinary, Imgix) з підстановкою URL у коллекціях.
Типові терміни
Лендинг або сайт-візитка на стандартних блоках Tilda (5–10 блоків): 2–4 робочих дні. Корпоративний сайт 5–15 сторінок з Zero Block секціями, коллекціями та CRM-інтеграцією: 7–12 днів. Редакційний сайт з блогом, кількома коллекціями та користувацькими форматами: 2–3 тижні.