---
title: Кнопка "Контакти" на сайті
description: Плаваюча кнопка зв'язку з підкнопками: WhatsApp, Telegram, телефон, посилання. Як настроїти і коли вона показується.
section: design
keywords: кнопка контакти, Контакт, WhatsApp, Telegram, телефон, плаваюча кнопка
updated: 2026-09-16
---

Кнопка "Контакти" - кругла плаваюча кнопка внизу сайту (над кошиком). При натисканні з неї виїжджають підкнопки: WhatsApp, Telegram, телефон, посилання. Працює у будь-якому режимі сайту.

![Блок «Контакти» у Налаштуваннях](/wiki/img/settings-contacts.webp "Значок кнопки, підпис, пряме посилання та підкнопки")

## Як настроїти

Установки → Контакти.

1. **Кнопки значок** — телефон, чат, повідомлення та інші.
2. **Підпис кнопки** — підказка під час наведення, наприклад «Зв'язатися».
3. **Пряме посилання** - якщо підкнопок немає, кнопка відразу відкриває це посилання (телефон, WhatsApp, Telegram, сайт).
4. **Підкнопки** — натисніть «Додати посилання»: назву та посилання. У WhatsApp, Viber та Telegram автоматично з'являється фірмовий значок.
5. Натисніть "Зберегти".

Якщо нічого не заповнено, кнопка на сайті не відображається.

## Формати посилань

- Телефон: `tel:+380671234567` або номер.
- WhatsApp: `https://wa.me/380671234567`.
- Telegram: `https://t.me/username` або `@username`.
- Будь-який сайт чи форма: `https://…`.

## Режим однієї кнопки

Заповніть тільки "Пряме посилання" і не додавайте підкнопки - кнопка стане одинарною і відразу відкриє посилання.

## Запитання та відповіді

### Кнопка перекриває кошик

Кнопка стоїть над кошиком спеціально. На телефоні обидві кнопки видно і не заважають одна одній.

### Чи можна додати форму зворотного зв'язку?

Так, як підкнопка з посиланням на форму. Або використовуйте блок "Контакти" на сторінці сайту. [розділ Головна та меню](/wiki/uk/home-and-menu).