Ivan Liashkevich
e395b2ab84
- Created FAQ page with structured questions and answers for customer support. - Added Sustainability page detailing eco-friendly practices and certifications. - Introduced Contacts page with comprehensive contact information and forms. - Established Technical Requirements page outlining SEO and performance standards. - Compiled a Glossary of terms related to performance, SEO, and construction materials.
4.2 KiB
4.2 KiB
tags, url, approach, effort, created
| tags | url | approach | effort | created | ||||
|---|---|---|---|---|---|---|---|---|
|
/contacts | CMS-страница + новый API endpoint для формы | ~3ч (CMS) + ~4ч (форма с backend) | 2026-02-17 |
📞 Контакти
[!tip] Роль страницы Trust-сигнал E-E-A-T. Множественные каналы связи. Telegram + телефон + карта — никакого email.
[!warning] Реализация CMS-страница — создать через
/admin/pages. Дополнительно нужен бэкенд:POST /api/contact-form(имя + телефон + сообщение). Форма — новый React-компонентcomponents/forms/contact-form.tsx.
Мета-данные
| Поле | Значение |
|---|---|
| H1 | Зв'яжіться з нами |
| Title | Контакти GoodBrick — Telegram, телефон, адреса виробництва |
| Description | Зв'яжіться з GoodBrick: Telegram, телефон, Viber. Замовте безкоштовний зразок або отримайте консультацію. Виробництво в Одесі. |
| Schema | ContactPage + Organization |
| isIndexable | true |
Блоки страницы (через CMS админку)
1. TextBlock — интро
Ми завжди раді відповісти на питання про продукцію, ціни та доставку.
Відповідаємо у Telegram протягом години в робочий час.
2. ContactsBlock — основные контакты
{
"phone": "+380 XX XXX XX XX",
"telegram": "https://t.me/goodbrick_ua",
"viber": "viber://chat?number=+380XXXXXXXXX",
"workingHours": "Пн–Пт: 9:00–18:00, Сб: 10:00–15:00",
"address": "Одеса, вул. ...",
"mapEmbedUrl": "https://www.google.com/maps/embed?pb=..."
}
[!important] Email не показывать — никто не пользуется
3. Форма обратной связи
Поля: только имя + телефон + необязательное сообщение (3 поля максимум)
Ім'я: [________________]
Телефон: [______________]
Повідомлення: [________] (необов'язково)
[Надіслати заявку]
[!warning] Реализация формы Нужен новый API endpoint
POST /api/contact-form. EntityContactForm:Name,Phone,Message,SubmittedAt. КомпонентContactForm— react-hook-form + zod (телефон — обязательный). После отправки: «Дякуємо! Зателефонуємо вам найближчим часом.»
4. TextBlock — Де нас знайти
<h2>Де нас знайти</h2>
<p>Виробництво та офіс: Одеса, вул. ... (по запросу)</p>
<p>Дилери: <a href="/dealers">Одеса, Хмельницький, Київ</a></p>
5. TextBlock — Реквізити
<h2>Реквізити</h2>
<p>ТОВ «GoodBrick»<br>
ЄДРПОУ: XXXXXXXX<br>
Юридична адреса: Одеса, ...</p>
Конверсионные элементы
- Telegram как главный канал — ссылка prominent
- Телефон кликабельный (
tel:) - Viber как второй мессенджер
- Форма — минимум полей (имя + телефон)
- Рабочие часы — убирает тревогу «а вдруг не ответят»
- CTA «Замовити зразок» → ссылка в шапке (уже есть в SiteHeader)
Scope cuts
| Убрано | Причина |
|---|---|
| Никто не пользуется | |
| Несколько отделов (продажи/тех.поддержка/дилеры) | Пока один контакт для всего |
| Чат-виджет (Tidio/Crisp) | Добавить позже если нужен |