Налаштування та кастомізація сайту на Wix
Налаштування існуючого сайту Wix — робота з готовою платформою: підключення домену, налаштування SEO, кастомізація дизайну в межах редактора, підключення сторонніх сервісів та базова автоматизація через Wix Automations. Це не розробка з нуля — тут важливіша знання екосистеми Wix, ніж написання коду.
Підключення користувацького домену
Домен підключається в налаштуваннях Wix через два варіанти:
Зміна DNS-серверів на Wix nameservers — Wix бере повний контроль над DNS-зоною. Зручно, якщо немає інших сервісів на домені.
Ручне налаштування DNS-записів — коли домен управляється зовнішнім провайдером (reg.ru, Namecheap тощо) і потрібно зберегти контроль:
CNAME www → ВАШЕІМ'ЯСАЙТУ.wixsite.com
A @ → 23.236.62.147
A @ → 23.236.62.148
TXT @ → google-site-verification=... (для GSC)
Поширення DNS — до 48 годин, практично звичайно 1–4 години.
SSL видається автоматично через Let's Encrypt після підключення домену.
Налаштування SEO
SEO Settings у Wix Studio — централізований розділ налаштувань:
- Базовий SEO-паттерн для заголовків сторінок:
{Назва сторінки} | {Назва сайту} - Автоматичний sitemap.xml — увімкнути, перевірити через
https://yourdomain.com/sitemap.xml - Robots.txt — базова версія генерується автоматично; кастомізація через SEO API у Velo
- Google Search Console — верифікація через HTML-тег або DNS TXT-запис
Для кожної сторінки:
- Page Settings → SEO → встановити унікальний title та description
- Перевірити канонічний URL (не повинно бути дублів через параметри URL)
- Для динамічних сторінок — налаштувати SEO-паттерни через змінні збірки:
{title} — купити в Мінську
Robots meta tag для сторінок, які не потрібні в індексі (thank-you сторінки, особистий кабінет): Page Settings → SEO → Advanced → noindex.
Налаштування аналітики
Google Analytics 4: Settings → Marketing Integrations → Google Analytics → вставити Measurement ID (G-XXXXXXXXXX).
Wix відправляє базові події: page_view, purchase, add_to_cart. Для користувацьких подій — Velo:
import { analytics } from 'wix-analytics';
$w('#submitBtn').onClick(() => {
analytics.trackEvent('CustomEvent', {
eventName: 'lead_form_submit',
params: { form_id: 'contact-form' }
});
});
Яндекс.Метрика: Settings → Custom Code → вставити код лічильника в <head> секцію.
Facebook Pixel: Settings → Marketing Integrations → Facebook Pixel → вставити Pixel ID. Wix автоматично відправляє события ViewContent та Purchase.
Кастомізація дизайну
В межах Wix Editor доступні:
Кольорова схема — Site Design → Colors. Визначає 6 основних кольорів (2 Primary, 2 Secondary, Background, Text). Усі елементи, пов'язані з темою, оновляться автоматично.
Типографія — Site Design → Fonts. Вибір пари шрифтів (заголовки / основний текст). Підключення Google Fonts або завантаження користувацьких через Settings → Fonts.
Анімації — для кожного елементу: Add Animation → вибір типу (Fade, Slide, Zoom, Float). Scroll-based анімації доступні через Wix Animate.
Користувацький CSS — обмежений. Wix не надає прямого доступу до CSS. Обхідний шлях для деяких стилів — через wix-style-processor або користувацький CSS через Velo:
$w('#element').style.backgroundColor = '#1A73E8';
$w('#element').style.color = '#FFFFFF';
Для повного CSS-контролю Wix не підходить.
Підключення сторонніх сервісів
Email-розсилки:
- Mailchimp: Settings → Marketing Integrations → Mailchimp → синхронізація форм та контактів
- SendGrid: через Velo HTTP Functions (serverless endpoint отримує дані форми та відправляє через SendGrid API)
CRM:
- HubSpot: офіційна інтеграція через Marketing Integrations
- Bitrix24, AmoCRM: через HTTP-запити у Velo або Zapier/Make
Чат:
- Jivosite, Tawk.to: Settings → Custom Code → вставити скрипт у
</body> - Wix Chat (вбудований): Marketing → Wix Chat
Платежі (якщо не Wix Stores): Форми з оплатою — через Wix Payments (обмежена географія) або користувацька форма + Stripe через Velo HTTP Function.
Wix Automations
Automations — вбудований інструмент workflow без коду:
Приклад: «При відправці контактної форми → відправити email менеджеру + додати контакт до CRM-списку + відправити автовідповідь клієнту»
Триггери: форма відправлена, новий замовлення, запис зроблена, новий контакт, відвідувач відвідав сторінку.
Дії: відправити email, SMS, webhook, створити задачу, додати тег до контакту.
Для складних сценаріїв — Zapier або Make з Wix через webhook.
Багатомовність
Wix Multilingual (Wix Languages) — вбудований інструмент:
- додавання мов: Settings → Languages
- переклад контенту через Wix Translation Editor (інтерфейс таблиці)
- перемикач мов — вбудований віджет на сторінку
- URL:
domain.com/en/pageабоen.domain.com/page(піддомен)
Машинний переклад через вбудований інструмент (Google Translate) — як вихідна точка, вимагає ручної корекції.
Типові терміни
Базове налаштування сайту на Wix (домен, SSL, аналітика, базовий SEO, форми, сторонні скрипти) — 1–2 робочих дні. Повна кастомізація дизайну, SEO для всіх сторінок, налаштування Automations та інтеграцій — 3–5 днів.