Налаштування cookie
Ми використовуємо cookie для аналітики. Політика конфіденційності Ви можете прийняти або відхилити необов'язкове відстеження.
Контактний віджет
Зберіть плаваючий контактний віджет із каналами, які команда справді обробляє, і вставте його на будь-який сайт одним iframe.
Канали звʼязку
Додайте WhatsApp, Telegram, Viber, email, телефон або Messenger, щоб відвідувач одразу обрав зручний спосіб звʼязку.
Віджет готовий до публікації.
Залишайте лише ті способи зв’язку, які команда реально встигає обробляти.
Ставте першим той канал, який дає найшвидший або найцінніший контакт. Верхній ряд віджет вважає основним.
Готово
ОсновнийВикористовуйте повний номер у міжнародному форматі.
Цей текст надсилається лише в поточний канал. Залиште поле порожнім, якщо потрібен перехід без автоповідомлення.
Готово
Вкажіть публічний username без символу @.
Цей текст надсилається лише в поточний канал. Залиште поле порожнім, якщо потрібен перехід без автоповідомлення.
Вимкнено
Використовуйте повний номер у міжнародному форматі.
Цей текст надсилається лише в поточний канал. Залиште поле порожнім, якщо потрібен перехід без автоповідомлення.
Вимкнено
Вкажіть скриньку, яка має отримувати перші звернення.
Цей текст надсилається лише в поточний канал. Залиште поле порожнім, якщо потрібен перехід без автоповідомлення.
Вимкнено
Використовуйте повний номер у міжнародному форматі.
Вимкнено
Вкажіть публічний username сторінки Facebook.
Цей текст надсилається лише в поточний канал. Залиште поле порожнім, якщо потрібен перехід без автоповідомлення.
Покажіть, коли команда онлайн, додайте очікуваний час відповіді та за потреби залиште один fallback-канал видимим поза робочими годинами.
Режим доступності
Поточний статус
Віджет лишається видимим увесь день. Використовуйте швидкість відповіді, щоб задати очікування без приховування каналів.
Часовий пояс
UTC+00:00
Тримайте заголовок коротким. Ця чернетка використовується і в редакторі, і в share-посиланні, і в опублікованому віджеті.
Підберіть бік і акцент так, щоб віджет був помітним на сайті й не конфліктував із макетом.
Бік розміщення
Акцент
Налаштуйте розмір iframe і відступи так, щоб віджет коректно переживав вузькі екрани, липкі бари й safe-area на мобільних.
Розмір
Десктопний відступ керує dock-позицією. Мобільний inset залишає трохи повітря, коли екран стає вужчим.
Скопіюйте production iframe або надішліть посилання на чернетку колезі для доопрацювання.
Коротке preset-посилання буде створено під час першого копіювання або відкриття.
<iframe src="https://onlinetoolshub.digital/embed/contact-widget?widgetId=eyJsIjoidWsiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19" title="Tools Hub contact widget" loading="lazy" style="position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));width:min(372px,calc(100vw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:min(660px,calc(100vh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:0;background:transparent;overflow:hidden;z-index:2147483000;" referrerpolicy="strict-origin-when-cross-origin"></iframe>Публічний URL віджета
https://onlinetoolshub.digital/embed/contact-widget?widgetId=eyJsIjoidWsiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19
Посилання на чернетку
https://onlinetoolshub.digital/uk/contact-widget?widgetId=eyJsIjoidWsiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19
Це редаговане посилання можна відправити іншій людині, щоб вона продовжила ту саму конфігурацію.
Готовність до публікації
Публічне посилання та iframe відкриваються лише тоді, коли хоча б один увімкнений канал має коректну адресу.
Увімкнено
2
Готово
2
Потребує уваги
0
Результат для публікації
Оберіть один артефакт, скопіюйте його й за потреби відкрийте live-прев’ю для фінальної перевірки на мобільних.
Коротке preset-посилання буде створено під час першого копіювання або відкриття.
Iframe
<iframe src="https://onlinetoolshub.digital/embed/contact-widget?widgetId=eyJsIjoidWsiLCJjIjp7IndhIjoiMTQxNTU1NTAxMjMiLCJ0ZyI6InRvb2xzaHViIn19" title="Tools Hub contact widget" loading="lazy" style="position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));width:min(372px,calc(100vw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:min(660px,calc(100vh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:0;background:transparent;overflow:hidden;z-index:2147483000;" referrerpolicy="strict-origin-when-cross-origin"></iframe>Скопіюйте production iframe або надішліть посилання на чернетку колезі для доопрацювання.
На цьому полотні віджет залишається відкритим, щоб фінальну врізку було легко перевірити перед публікацією.
Макет сторінки
Віджет закріплено на нейтральній ділянці сторінки, щоб легше помітити проблеми з макетом і відступами.
Переводьте відвідувача в зручний канал звʼязку без зайвих кроків.
Tools Hub
Зберіть такий самий віджет
Конструктор контактного віджета
Віджет контактів веб-сайту з кнопками Messenger
Конструктор контактного віджета: практичний гайд із налаштування віджета контактів для сайту, конверсійного сценарію, брендингу та запуску.
ЧитатиWhatsApp-віджет для сайту без live chat-платформи
Використовуйте Конструктор контактного віджета, щоб додати WhatsApp-віджет на сайт без важкого live chat-стека, залишивши fallback-канал і кращий mobile UX.
ЧитатиПлаваюча кнопка зв’язку для сайту і конверсії
Використовуйте Конструктор контактного віджета, щоб перетворити одну плаваючу кнопку зв’язку на зрозумілий multi-channel launcher для high-intent сторінок і мобільних відвідувачів.
ЧитатиКонтактний віджет чи форма для high-intent сторінок
Використовуйте Конструктор контактного віджета, щоб вирішити, коли контактний віджет сильніший за класичну форму на pricing, demo, booking і quote-request сторінках.
ЧитатиМесенджери
Генератор прямих посилань для WhatsApp, Telegram і Viber.
Віджет відгуків
Вбудований віджет відгуків і оглядів із підібраними блоками доказів і публікацією iframe.
Генератор QR
Створіть QR-код для будь-якого посилання, тексту чи контакту.
Генератор електронної пошти QR
Створюйте QR-коди для email з адресою, темою та текстом листа.