Розробка сайту на Wix
Wix — хмарна платформа для створення сайтів з візуальним редактором. Позиціонується як інструмент no-code, але для професійної розробки надає Velo (Wix Code) — JavaScript-середовище виконання для користувацької логіки на клієнтській стороні та функцій serverless. Вибір Wix виправданий, коли клієнт хоче самостійно редагувати контент без залучення розробника.
Можливості платформи
Wix Editor X (тепер Wix Studio) — більш професійна версія редактора з адаптивною сіткою макета, керуванням контрольними точками та більш точним контролем над позиціюванням елементів. Для розробки комерційних проектів використовується саме Studio.
Що доступно з коробки:
- візуальний редактор з drag-and-drop
- збірки даних (вбудована база даних для динамічного контенту)
- Wix Stores — інтернет-магазин
- Wix Bookings — онлайн-запис
- Wix Blog — блог
- Wix Events — управління подіями
- конструктор форм
- SEO-інструменти: meta-теги, sitemap, канонічні URL
Структура проекту на Wix Studio
Проект Wix Studio організований навколо сторінок, головних сторінок (Header/Footer/загальний макет) і переиспользуваних розділів:
- Pages — звичайні статичні та динамічні сторінки
- Dynamic Pages — сторінки, контент яких генерується зі збірки (аналог шаблонів у CMS)
- Lightboxes — модальні вікна
- Master Page — загальні елементи (навігація, footer)
Динамічні сторінки створюються шляхом підключення до збірки: один шаблон генерує сторінку для кожного запису в збірці (/catalog/{slug} для кожного товару).
Збірки даних
Wix Content Manager — вбудована база даних NoSQL. Збірки створюються через інтерфейс:
Збірка: Services
Поля:
- title (Text)
- slug (Text, унікальний)
- description (Rich Text)
- image (Image)
- category (Reference → Categories)
- isActive (Boolean)
- order (Number)
Дозволи налаштовуються на рівні збірки: хто може читати, створювати, оновлювати, видаляти записи. Для сайту з особистим кабінетом: Read — All, Write — Member only.
Запит до збірки з коду (Velo):
import wixData from 'wix-data';
$w.onReady(async function () {
const result = await wixData.query('Services')
.eq('isActive', true)
.ascending('order')
.find();
$w('#repeater1').data = result.items;
});
SEO на Wix
Wix має репутацію платформи з поганою SEO-оптимізацією, яка застаріла до 2022 року. Поточні можливості:
Що налаштовується:
- title та meta description для кожної сторінки
- канонічний URL (включаючи користувацькі)
- robots meta tag
- Open Graph та Twitter Card
- структуровані дані через SEO API (schema.org)
- sitemap.xml (автоматичне генерування + ручний контроль)
- hreflang для багатомовних сайтів
Обмеження:
- JavaScript-рендеринг — Googlebot рендерить JS, але швидкість індексування може бути нижчою за SSR
- Core Web Vitals — продуктивність нижча за кастомні сайти через спільну інфраструктуру платформи
- контроль над HTTP-заголовками обмежений
Для більшості малих і середніх підприємств обмеження SEO Wix не є критичними. Для проектів з агресивною SEO — розглядати інші платформи.
Коли Wix підходить
- сайт-візитка, корпоративний сайт до 30–50 сторінок
- клієнт хоче редагувати контент самостійно без найму розробника
- бюджет і терміни обмежені, швидкість запуску важливіша за гнучкість
- необхідна інтеграція з екосистемою Wix (Wix Stores + Wix Bookings + Wix CRM)
Обмеження платформи
- неможливо перенести сайт з Wix на іншу платформу (експорт контенту обмежений)
- кастомізація обмежена можливостями редактора та Velo API
- планові зміни платформи можуть зруйнувати користувацький код
- продуктивність залежить від інфраструктури Wix, а не тільки від реалізації
- тарифи: безплатний план — з рекламою Wix та wix.com в домені; підключення користувацького домену та видалення реклами — від ~$14/місяць (Business план)
Типові терміни
Сайт-візитка або невеликий корпоративний сайт на Wix Studio (до 10 сторінок, стандартні функції): 5–8 робочих днів. З динамічними сторінками зі збірок, фільтруванням, формами та кодом Velo: 10–15 днів. Інтернет-магазин на Wix Stores з користувацькими функціями: 2–3 тижні.