🖱️ WhatsApp-виджет для сайта
Виджет — это круглая кнопка WhatsApp на вашем сайте. Посетитель нажимает → открывается WhatsApp с готовым сообщением → пишет вам.
Как попасть
В боковом меню нажмите 🖱️ Виджет.
Как создать виджет
Нажмите «+ Добавить виджет». Откроется редактор с 5 вкладками и живым предпросмотром справа.
Вкладка «Основное»
Номер WhatsApp:
- ○ Из линии связи — выберите из подключённых каналов
- ○ Ввести вручную — введите номер (например:
77001234567)
Брендинг:
| Поле | Пример |
|---|---|
| Название бренда | Мой магазин |
| Логотип | URL или загрузка файла (JPG, PNG, WebP, SVG) |
Разрешённые домены: Введите домен → нажмите «+». Пусто = работает везде.
Исключённые страницы:
Виджет не будет показываться на указанных страницах вашего сайта. Удобно чтобы скрыть виджет в админке, корзине или на странице оплаты.
- Введите путь страницы (например:
/admin) - Нажмите кнопку «+» или Enter
- Путь добавится в виде бирки — можно добавить несколько
- Чтобы удалить — нажмите 🗑️ на бирке
| Пример пути | Что скроется |
|---|---|
/admin | Все страницы начинающиеся с /admin (админ-панель) |
/checkout | Страница оформления заказа |
/cart | Корзина |
/login | Страница входа |
По умолчанию виджет уже скрыт на/adminи/wp-admin— даже без ваших настроек. Если нужно скрыть на других страницах — добавьте их здесь.
Вкладка «Внешний вид»
| Настройка | Описание |
|---|---|
| Цвет кнопки | Выберите из палитры или введите HEX-код |
| Позиция | «Внизу справа» или «Внизу слева» |
| Текст кнопки | Надпись на кнопке (например: Написать в WhatsApp) |
| Всплывающий текст | Подсказка рядом с кнопкой (макс. 24 символа) |
| Приветствие | Текст в окошке виджета |
| Автооткрытие | Окошко откроется само через 2 сек |
| Powered by WazzaBee | Ссылка внизу виджета |
Вкладка «Сообщение»
Текст который подставится в WhatsApp при клике. Готовые шаблоны:
- Простой чат →
Здравствуйте! Пишу с сайта {page_url} - Магазин →
Хочу заказать: 📦 {product_name} 💰 {price} 🔗 {page_url} - Консультация →
Интересует: {page_title} {page_url}
Переменные (подставляются автоматически со страницы сайта):
| Переменная | Что подставится |
|---|---|
{product_name} | Название товара |
{price} | Цена |
{page_url} | Адрес страницы |
{page_title} | Заголовок страницы |
{variant} | Вариант (цвет, размер) |
{description} | Описание товара |
Вкладка «Код»
1. Код для сайта:
<script src="https://widget.wazzabee.com/v1.js" data-key="ваш_ключ"></script>
Вставьте перед </body> на вашем сайте. Переключатель 🟢 Активен / ⚪ Отключён.
2. Публичная ссылка (с аналитикой):
https://app.wazzabee.com/w/A1B2C3D4
Для Instagram, визиток, QR-кодов. Каждый клик отслеживается!
Некоторые сервисы (Google Maps, 2GIS) принимают только прямые ссылки wa.me — используйте ссылку ниже.
3. Прямая WhatsApp ссылка (без аналитики):
https://wa.me/77009653675?text=...
Для Google Maps и 2GIS. Клики не отслеживаются.
Вкладка «Аналитика»
Статистика виджета: клики, показы, CTR, из каких стран и с каких страниц.
✅ Чеклист
- ☐ Указан номер WhatsApp
- ☐ Настроен цвет и позиция
- ☐ Написано приветствие
- ☐ Настроен шаблон сообщения
- ☐ Код вставлен на сайт
- ☐ Исключены ненужные страницы (/admin и т.д.)
- ☐ Виджет активирован 🟢