Що таке віджети та як їх використовувати

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

Віджетами називають іконки погоди, календаря, конвертера валют, годинника на робочому столі комп'ютера або в смартфонах.

У маркетингу віджети бувають у вигляді квізів, лідогенераторів, чат-ботів, таймерів зворотного відліку, вікон замовлення зворотного дзвінка, списків та інших форм.

Квіз як віджет на сайті стоматологічної клініки. приклад з нашого кейсу

Поняття «віджет» перекочувало до маркетологів від веб-дизайнерів та розробників, тому що технічно є кодом, за допомогою якого відображається елемент інтерфейсу. Код віджета може бути написаний для мобільних програм під операційні системи Android, macOS та iOS або для комп'ютерних версій сайтів під інтернет-браузери Chrome, Safari, Yandex та інших.

Віджет-маркетинг — великий розділ знань та ефективних практик залучення клієнтів до інтернету. Сьогодні якраз і поговоримо про те, як віджети допомагають збирати базу даних про клієнтів, вести консультації та знаходити спільну мову з потенційними покупцями.

Віджетами користуються практично всі компанії - від гігантських Яндекса та Гугла до маленьких сайтів приватних підприємців.

Не плутати віджет із плагіном

Перш ніж далі розбиратися з тим, що таке віджет, потрібно з'ясувати, що таке плагін, і чому віджет це не плагін.

Плагін - це зовнішній програмний модуль, що розширює можливості сайту або програми.Він може бути абсолютно непомітним доповненням, наприклад програвати музику на сайті, відкривати файли або працювати з даними певного типу.

Плагін YouTube Screen, наприклад, швидко робить скрішоти з відео у високій якості

Встановлення плагінів допомагає:

• зробити основний ресурс більш легким та спритним;
• впровадити індивідуальні налаштування у додаток чи програму;
• вимикати непотрібні плагіни без порушення роботи основної програми.

Плагін можна завантажити на комп'ютер і встановити, а віджет завантажити не можна.

Віджет — насамперед графічний інтернет-додаток, на 100% видимий на екрані. з ним взаємодіє. Віджет посилює сайт, сервіс або додаток.

Віджети існують з метою:

• розважити;
• швидко одержати потрібну інформацію;
• розв'язати якісь прикладні завдання;
• дізнатися ім'я, телефон та інші дані про користувача для заявки до відділу продажу.

Віджет у вигляді банера з квізом на головній сторінці сайту послуг з будівництва будинків

За допомогою квіза як віджету відвідувач економить свій час, швидше переходить до підбору потрібного товару чи розрахунку вартості.

Навіщо потрібні віджети

Віджети роблять сайти зручними для комунікації та спрощують навігацію для людей.

Замість довгих пошуків – тест та персональна пропозиція на сайті туристичної агенції.

Деякі віджети можуть прискорити роботу сайту, наприклад віджети онлайн-чатів та онлайн-консультантів. Віджети, якщо вони поставлені в потрібний час і в потрібному місці, покращують досвід взаємодії клієнта та бізнесу та служать на користь обом сторонам.

Іконка навігації по блогу та іконка служби підтримки – це також віджети. При переході відвідувач залишається на сторінці, але отримує перехід по потрібній рубриці або допомогу менеджера у діалоговому вікні

У чому плюси віджетів:

🤝 Спрощують взаємодію клієнта з продуктом

🤩 Додають цікавих інтерактивних фішок на сайт

😊 Допомагають підвищити продажі

Все частіше зустрічається ціла система віджетів на сайті, де кожен виконує свою функцію.

Різновиди віджетів

Як знайти віджети під завдання, якщо їх мільйон із хвостиком. Для початку розділили їх за трьома типами.

Розглянемо популярні лідогенеруючі віджети.

Віджет зворотного дзвінка

Віджет зворотного дзвінка (Callback) збільшує кількість звернень та підвищує оперативність обробки даних клієнта. Часто набагато зручніше ввести свій телефон на екрані і почекати дзвінка від менеджера, ніж висіти на лінії.

Віджет зворотного дзвінка від компанії-забудовника

Таймер зворотного відліку

Це спеціальний блок, який прямо на екрані відраховує, скільки часу (днів, годин, хвилин та секунд) залишилося до кінця чи початку акції. Користувач бачить, що він зможе купити продукт, припустимо, вдвічі дешевше протягом 4 днів. Або, наприклад, на сайті онлайн-магазину побутової техніки таймер зворотного відліку показує, що до початку акції залишилося 25 днів, можна вже зараз накопичувати гроші на новий холодильник. ‍

Приклад використання таймера зворотного відліку від онлайн-магазину побутової техніки та електроніки

Мультиканальний чат

Мультичат відкриває доступ до кількох каналів зв'язку з клієнтом: чат-боти, месенджери, соцмережі дозволяє користувачам спілкуватися з підтримкою в режимі реального часу для вирішення питань або отримання консультації. В основному знаходиться в нижній частині сайту.

Мультиканальний чат на сайті меблевого магазину

Квіз як віджет та лідогенератор

Квіз може бути по-різному встановлений на сайт та виконувати функції різних віджетів:

Як розмістити віджет на сайті - по кнопці, банерів, в тіло сайту, банером, що самовідкривається, або компактним спливаючим вікном - залежить від завдання і дизайну сайту

Лідогенератор - це віджет з персональною пропозицією та формою контактів. Такий віджет підвищує продаж тут і зараз. Тому має гнучкі налаштування за часом показу, інтересами користувача, часом знаходження на сайті та іншими характеристиками.Допомагає вибрати тариф або курс, підібрати модель автомобіля, квартиру тощо.

Лідогенеруючий віджет для сайту коворкінгу в Санкт-Петербурзі

За правилами людського інтерфейсу відвідувач може прибрати або приховати віджет, якщо він зараз не підходить під його цілі та заважає далі вивчати сайт. Віджет на екрані головної сторінки повинен залучати, а не відволікати

Зазвичай квізи допомагають утримати клієнта на сайті, зацікавити його та спонукати залишити свої контактні дані.

Квіз спливаюче вікно

Спливаюче вікно з'являються поверх сторінки сайту або на екрані програми. Використовується, щоб повідомити про важливі новини та оновлення, акції та знижки, подарунки під час передплати або навіть зміну адреси. В ідеалі вони повинні показувати ту інформацію, яку користувач сам хотів би знайти.

Приклад спливаючого вікна із пропозицією знижки на сайті фітнес-клубу

І знову про важливе: будь-який віджет, що випливає, повинен мати опцію «приховати» або «закрити», щоб не дратувати користувачів. Ті клієнти, які вже втомилися від «нападів», заздалегідь блокують спливаючі вікна на своїх пристроях.

Функції та використання віджетів на сайті

Одна з основних причин, чому так багато різновидів віджетів - конкуренція в бізнесі, боротьба за увагу клієнта. З перших секунд потрібно захопити візуальний контакт.

Ось кілька прикладів використання віджетів, без яких важко собі уявити інтернет-магазин та сайти сервісних компаній:

1. Навігація: Віджети пошуку дозволяють користувачам швидко та легко знаходити необхідні дані на сайті.

2. Комунікація:

— Віджети з квізом потрібні для лідогенерації, брифування та сегментації.Замість того, щоб довго ходити сайтом або дзвонити, клієнт швидко залишає запит і підбирає потрібне для себе.

— Віджети коментарів потрібні, щоб залишати коментарі до статей, записів у блозі та іншої інформації на сторінці.

— Форми зворотного зв'язку дозволяють користувачам зв'язуватися з підтримкою та ставити запитання, залишати відгуки та пропонувати свої варіанти.

3. Інформування: Віджети для виведення інформації, щоб просувати певні товари та послуги чи акції.

Як дизайн віджетів впливає на конверсію сайту

Добре спроектовані віджети завжди привертають увагу та підвищують рівень залученості користувача на сайті, чим довше та активніше користувач на сайті, тим краще пошукові алгоритми реагують на сайт.

Ключові фактори дизайну віджетів:

1. Привабливий дизайн: кольори, шрифти, компонування тексту, поля для заповнення повинні бути симпатичними, легко читаються та зрозумілими з перших рядків.
2. Помітний формат: Віджет повинен бути досить великим, щоб помітити його серед інших елементів сайту, але не повинен займати надто багато місця та захаращувати сторінку.
3. Зображення, що підтверджують реальність вашого бізнесу: фото проектів та виконаних робіт, сертифікати, фото співробітників та інші матеріали – пруфи з офлайнового життя компанії викликають довіру. Наприклад, у квізі на стартовій сторінці краще використати власні фото компанії, у підказках консультанта краще ставити фото реальних співробітників.
4. Легке закриття віджетуякщо він заважає або не потрібен: хрестик повинен виглядати помітним.

Як і де розмістити віджет на сайті

Щоб правильно визначити, де краще розмістити віджет, дивимося на такі фактори:

• площа, яку він займає, його місце та розмір на сторінці сайту;
• цільова аудиторія сайту і те, як віджет вписується у її потреби;
• контекст та тематика сторінки, на якій буде розміщено віджет.

Варто провести аналіз кожної цільової аудиторії та дій, які користувачі хочуть здійснити на сайті або в мобільному додатку. Важливо розуміти, які сторінки найбільше відвідувані, що зацікавить відвідувачів і які місця на сайті найбільш привабливі. У цьому може допомогти карта сайту та Вебвізор Яндекс Метрики.

Розглянемо приклади розміщення квізів на сайті:‍

1. Головна сторінка — це місце, де користувачі найчастіше розпочинають свою подорож сайтом.

Квіз на головній сторінці сайту фабрики металевих меблів у парі з мультичатом збирають контакти

Який віджет конверсійніший — це вирішує правило перших тисяч кліків. Раніше краще не поспішати із висновками.

2. Сторінка продукту — Віджети, пов'язані з продуктом, можуть допомогти користувачам прийняти рішення про покупку.

Віджет є інструментом для автоматизації бізнесу. Там, де раніше впорався б тільки менеджер чи консультант, тепер працює IT-сервіс: зустрічає, питає, рекомендує, перенаправляє.

3. Сторінки з описом послуг — якщо ваш сайт надає послуги, розміщення віджетів на сторінках з їх описом може призвести до збільшення кількості замовлень.

Тест для новачків в онлайн-школі програмування SkillFactory

У хороших прикладах використання віджету він зазвичай встановлений один на екрані або максимум два. Якщо віджетів відразу кілька, то вони не повинні перекрикувати один одного, хто важливіший і головніший.Кожен віджет - це СТА, заклик до цільової дії, тому чим більше СТА поруч, тим нижча конверсія по кожному.

Висновок

✍🏻 Віджети для сайту розважають та дають необхідну інформацію без тривалих пошуків.

✍🏻 Віджет - це інструмент, з яким важливо не переборщити. Потрібно добре вивчити потреби користувачів, щоб пропонувати релевантний контент саме в найкращий час.

✍🏻 За допомогою віджетів ви робите найпомітнішою для клієнта актуальну для нього інформацію.

Якщо раніше головним способом спонукати клієнта до дзвінка був номер телефону, тепер каналів взаємодії стало набагато більше. Квіз як віджет, наприклад, є робочим інструментом утримання користувачів на сайті, спонукає залишити свої контакти та таким чином збільшує шанси на продаж товарів та послуг.

У квізі зручно відстежувати цільові дії, готові цілі для Marquiz вже є в Яндекс Метриці.

💡 Як порахувати вартість дії, яку здійснив користувач, розповідаємо в окремій статті

Квіз як віджет працює у зв'язці із системами розсилки, CRM та аналітики. Якщо хочете подивитися ближче, як все влаштовано, заходьте в розділ «Інтеграції» на панелі Марквіз.

Що таке віджети простими словами - види віджетів, навіщо їх використовувати, як і де розмістити на сайті

Віджети – графічні програми, які використовуються на сторінках сайтів, суттєво розширюючи їхні функціональні можливості. Елементи підвищують ефективність лідогенерації, роблять сайт корисним для відвідувачів та автоматизують багато процесів, знижуючи навантаження на менеджерів. Віджети покращують клієнтські сервіси, забезпечують зворотний зв'язок, інформують, наділяють інтерфейс інтерактивністю та виглядають ненав'язливо.Розповідаємо, що таке віджети і що це означає, які види існують, як впроваджувати та використовувати графічні програми правильно.

Що таке віджети

Віджети – елементи інтерфейсу в інтернет-магазині, лендинг та інших типах сайтів, а також додатків. Представлені у формі кнопок, вкладок, вікон та інших компонентів, з якими відвідувачі взаємодіють під час відвідування. Основна мета віджетів – розширення основного функціоналу, але сайт може працювати без них. Для підвищення конверсії, прискорення лідогенерації та вирішення інших e-commerce завдань елементи, що розглядаються, застосовуються в обов'язковому порядку.

Наприклад, інтернет-магазин з продажу будівельних матеріалів пропонує калькулятор для розрахунку кількості шпалер з урахуванням площі кімнати: клієнт вводить параметри, отримує потрібні значення та бачить форму зворотного зв'язку для отримання консультації чи оформлення замовлення. Можна додати віджет із кнопками соціальних мереж для швидкого переходу, попапи для інформування та збору лідів, чати, кейси, таймери зворотного відліку – вибір широкий, тому легко знайти варіант під особливості проекту.

Калькулятор розрахунку доставки з Яндекс Картою на сайті, як приклад віджету

Навіщо потрібні віджети на сайті

Сайти, які не розробляються під ключ, мають базові можливості, їхнє розширення відбувається за рахунок впровадження віджетів. Встановлені на смартфони та комп'ютери елементи забезпечують допоміжні можливості: компактний календар, вікно з погодою, відеоплеєр – все це інформує та робить використання гаджета зручнішим. В e-commerce віджети вирішують такі завдання:

Привертають увагу.Стандартний інтерфейс виглядає нудно та не містить елементів, які стимулюють користувачів виконувати цільові дії. Віджети роблять сторінки різноманітнішими та підвищують ймовірність отримання кліків, контактів, дзвінків. Збільшуються глибина перегляду сторінок та тривалість перебування на сайті – фактори, які є ключовими параметрами ранжирування в Яндекс та Google.

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

Ефективно збирають контактні дані. Інтерактивні елементи стимулюють заповнити форму зворотнього зв'язку, надати дані для отримання лід-магніту, зв'язатися з менеджером через онлайн-чат та надати електронну адресу для зворотного зв'язку. Такі формати корисні для бізнесу, який збирає контактну базу або перебуває у процесі її розширення.

Таймер зворотного відліку чудово стимулює імпульсивність покупця

Підсилюють інтерактивність. Стандартний текст та заклики до дії не завжди працюють добре, деякі користувачі не сприймають їх. На допомогу приходять віджети, які чудово привертають увагу та забезпечують певний рівень гейміфікації. Не потрібно комусь телефонувати чи виконувати розрахунок самостійно, якщо на сайті є калькулятор, чат-бот забезпечує зв'язок у режимі 24/7, а квіз-опитування суттєво спрощує вибір товарів (досить відповісти на кілька запитань).Замість довгого тексту, прайс-листів та інших значень користувач бачить компактне вікно/форму/кнопку, яке оперативно вирішить усі болі.

Підлаштовуються під особливості проекту. Салон краси або студія дитячої творчості можуть вбудувати на сайт форму для онлайн-запису, інтернет-магазини – таймери, калькулятори, вікна та інші елементи, інформаційні портали – попапи для збору контактів. Набір віджетів не обмежений, залишається лише підібрати потрібні формати з урахуванням специфіки бізнесу. Додатково – А/Б-тести, що дозволяють виявити результативність різних елементів.

Готові до використання. Не доведеться наймати програміста і поратися з кодом, все вже придумано за вас: доступні величезні бібліотеки платних і безкоштовних віджетів, які легко встановити на сайт в кілька кліків. Наприклад, конструктор Craftum пропонує квіз-форми, онлайн-чати, сервіси зворотного дзвінка, модулі онлайн-запису та інші елементи, а також покрокові інструкції щодо їх додавання. Після створення сайту, користувач отримує готову інфраструктуру для e-commerce та різноманітність віджетів, які покращують показники інтернет-магазинів та інших проектів.

Доступні величезні бази платних та безкоштовних готових віджетів

Головна мета віджетів у сфері електронної комерції – привернення уваги та утримання клієнтів. Вони збільшують шанси на зростання конверсії, вигідно виділяють сайт на тлі конкурентів, оптимізують штат персоналу (чат-боти допомагають відмовитися від цілодобових менеджерів) та вирішують біль, який відчувають представники цільової аудиторії.

Які види віджетів існують

Класифікація віджетів здійснюється за місцем розміщення:

• топери, що розташовуються у верхній частині сторінки, флори – у нижній;
• соціальні мережі, що поєднують сайт зі сторінками ВКонтакте, Однокласники та іншими платформами, які виносять у футер;
• спливаючі вікна, що в певний момент з'являються поверх вмісту сторінок;
• незалежні ярлики, їх встановлюю збоку;
• добірки, що мають рекомендаційний характер. Можуть перебувати як зверху, так і знизу або посередині.

Додатково – інтерактивні та неінтерактивні елементи. На роботу перших користувач може впливати самостійно, а другі від дій користувача не залежать. Приклад інтерактивного віджету – «Мені подобається» в соцмережі ВКонтакте: людина одним кліком виражає ставлення до контенту і може поділитися ним.

Приклад стрічки рекомендацій в інтернет-магазині

Спливаючі вікна (попапи)

Спливаючі вікна відображаються поверх основного вмісту сторінки, наприклад, періодично або коли користувач збирається покинути сайт. Містять комерційну пропозицію, лід-магніти, форми для внесення контактних даних та підписки на розсилку – те, що утримає людину і представлятиме для неї інтерес. Оформлення та наповнення попапа повинні бути ретельно сплановані, такі вікна нерідко дратують користувачів, щоб нівелювати негатив можна вдатися до наступних інструментів:

• впровадження справді цікавих пропозицій, що мають практичну користь та цінність;
• додавання елементів, які допоможуть швидко закрити спливаюче вікно у разі потреби;
• використання ємних фраз та зображень, що чітко відображають суть;
• відсутність нав'язливості вікно не повинно з'являтися кожні 5 хвилин і заважати взаємодії з сайтом.

Якщо попап оформлений і налаштований правильно, відбувається підвищення конверсії і прискорення процесу як збору контактних даних, і продажів, підписок, припливу нових клієнтів.

Так виглядає попап

Чати

Віджет розташований у нижньому правому кутку екрана, клієнт може отримати підтримку під час спілкування з реальним менеджером або ботом, що містить відповіді на поширені запитання та форми для надсилання контактів. Зібрані дані завантажуються в CRM-систему, чат-боти забезпечують комунікацію в режимі 24/7, що дозволяє не втрачати потенційно зацікавлених користувачів. При оформленні чат-ботів варто звертати увагу на такі рекомендації:

• віджет відповідає основному дизайну сайту – від кольорової гами до форми;
• листування навіть якщо використовуються бот-версії, ведеться за аналогією спілкування з живим менеджером;
• боти, як і менеджери, відображаються з реальними іменами та фотографіями.

Віджет може супроводжуватися звуком, що зручно та дозволяє клієнтам не пропустити повідомлення, особливо якщо у браузері відкрито кілька вкладок.

Віртуальний помічник на сайті магазину

Зворотній дзвінок

Елемент представлений у вигляді трубки, після кліка на неї відкривається форма замовлення зворотного дзвінка. Форма може мати від 1 до 3 полів, але чим менше – тим краще, користувачі не люблять вводити і передавати компаніям багато даних. Процес подачі заявки максимально автоматизований, нерідко віджет дозволяє вибрати зручний час для спілкування. У стандартних варіантах від заповнення форми до дзвінка проходять кілька хвилин, віджет дозволяє збирати контактні дані, а також втрачати ліди.

Форми зворотного дзвінка актуальні для компаній, які ставлять у пріоритет живе спілкування та реалізують товари/послуги, що відрізняються середнім та тривалим циклом угоди. Проте віджети нерідко додають на сайти роздрібних інтернет-магазинів, маркетплейсів та інших проектів, які прагнуть розширити канали комунікації та забезпечити безшовну підтримку аудиторії.

Калькулятори

Ефективні у сферах, де клієнту необхідно виконати розрахунок до оформлення замовлення. Як приклад – компанії зі зведення будинків та лазень, інтернет-магазини з продажу будівельних матеріалів, сфери оптового збуту, страхування, туризму та інші.

Клієнт вводить необхідні параметри, наприклад дату і країну, автоматично виконується розрахунок. Після завершення процесу користувач або відразу отримує потрібні дані, або вказує адресу електронної пошти, куди буде відправлено результат (актуально для високобюджетних ніш).

Такий вигляд має будівельний калькулятор.

Таймери зворотного відліку

Найбільш ефективні під час проведення акцій, можуть відраховувати як час до закінчення кампанії, так і кількість товарів, що залишилися. Виконують функцію, що інформує, але основне призначення - створення відчуття втраченої вигоди. Клієнт бачить, що залишилося всього 3 пари туфель або 2 години до закінчення акції, відчуває бажання здійснити покупку і оформляє замовлення, ведене імпульсивністю. Магазин отримує вигоду, споживач відчуває ейфорію: він встиг купити те, чого залишилося мало або за найкращою ціною.

Основне правило під час запуску таймера – надання реальних даних.Якщо сьогодні, завтра і після завтра він відображає "2 години до закінчення" або "залишилося 4 одиниці товару", то клієнт відчує себе обдуреним, а довіра до компанії буде суттєво знижена. Таймери актуальні для інтернет-магазинів та маркетплейсів, лендингів та бізнес-ніш, у яких часто проводяться розпродажі та діють унікальні пропозиції.

Кнопки соціальних мереж та месенджерів

Забезпечують безшовну взаємодію: прямо з сайту, зробивши один клік, споживач перехід у Телеграм або ВКонтакте, щоб поставити запитання чи підписатися на співтовариство улюбленого бренду. Підвищується надходження користувачів у додаткові канали та динаміка розшарування інформації: люди діляться цікавими товарами, акціями та новинами, запускаючи процес залучення нових клієнтів.

Кнопки соціальних мереж у футері

Форми підписки на розсилку

Оформляються не тільки у вигляді попапів, можуть стати статичними, розміщені на всіх сторінках сайту. Також містять 1-3 поля, щоб користувачам не довелося вводити багато даних, що мають запрошуючий контекст, але можна запропонувати бонус, щоб стимулювати клієнтів залишати номери телефонів та електронну пошту.

Панель оповіщень

Має вигляд окремого рядка, який розташований у верхній частині сайту. Рядок інформує відвідувачів про новини, акції, оновлення товарів та інші події. Такого рядка важко не помітити: він привертає увагу, але не закриває основні елементи сайту. Достатньо клікнути на картинку, щоб виконався перехід на сторінки, що просуваються. Важливо доповнити рядок компонентом, за допомогою якого клієнт зможе закрити віджет, якщо його пропозиція не цікавить.

До та після

Віджет у формі слайдера дозволяє компаніям продемонструвати як було і як стало. Такий формат цікавий салонам краси, дизайнерським агентствам, клінікам естетичної медицини та косметології – бізнесу, в основі якого є візуальна презентація. Елемент підвищує глибину перегляду сторінок, стимулює конверсію та робить візуал більш інтерактивним, особливо якщо результат складно запакувати в кейс та інші текстові формати.

Віджет зі слайдером: до та після

Мультикнопка

Багатофункціональна кнопка займає більше місця на сайті, ніж вікно чату або форма підписки, але відрізняється підвищеною зручністю для відвідувача. Все необхідне перед очима і відкривається одним кліком – це поєднання основних віджетів, таких як зворотний зв'язок, месенджери, чат та інші. Кожен елемент оформлений окремим кольором та має короткий тематичний підпис, такий формат зручний для всіх видів бізнесу без винятку.

Приклад мультикнопки в онлайн-магазині косметики

Які ще віджети існують

• Поради. Формуються автоматично на базі даних, отриманих під час дослідження сторінок, товарів та дій користувачів. Представляють інтерес для інтернет-магазинів та блогів. Існують блоки з пропозицією товарів за нижчою чи високою ціною, і навіть схожих. Другий варіант – продукція, що доповнює, для зростання середнього чека: диван і подушка для нього, смартфон – навушники, пальто – шапка.
• Лічильник. Працюють за аналогією з таймером, але демонструють кількість товарів, які відвідувачі додали до кошика, або цільових дій. Також стимулюють інтерес, підвищують залученість та імпульсивність.
• Календар. Застосовується для впорядкування інформації, що найчастіше встановлюється на блог-платформах.
• Яндекс та Google Карти. У розділі з контактами налаштовується карта, де відзначаються адреси офісів, складів, наземних точок продажу. Користувач може відразу побудувати маршрут – від поїздки на автомобілі до громадського транспорту чи пішої прогулянки.
• Опитування та квізи. Інтерактивні, допомагають вибирати товари, шукати потрібне, ділитися думкою. Бізнес утримує відвідувачів та привертає їхню увагу, отримує цінну інформацію, підвищує конверсію.
• Онлайн-запис. У режимі онлайн клієнт може записатися прийом до лікаря чи майстру манікюру, викликати сантехніка. Корисно переважно в офлайн-сферах, де важлива точність часу та дат.

Віджет онлайн-запису в салоні краси

Як правильно використовувати віджети

Розповідаючи, що означають віджети для бізнесу та як правильно їх використовувати, важливо акцентувати увагу на реальній практичній користі елементів. Бізнес впроваджує їх для розвитку та стабільності взаємодії, але для клієнтів надані дані та функції теж дуже важливі.

Сайт не повинен бути перевантажений віджетами, які опосередковано пов'язані з основним напрямом діяльності та сильно перевантажують ресурс. Маса спливаючих вікон, достаток форм зворотного зв'язку та калькулятори там, де вони не потрібні, суттєво ускладнюють функціонал та роблять юзабіліті незручним. Незалежно від типу інтегрованих віджетів, необхідно дотримуватись основних правил:

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

Базові віджети повинні бути розташовані так, щоб їх добре видно незалежно від типу пристрою, з якого користувач займається онлайн-шопінгом. Спливаючі елементи можуть відрізнятись від основних як формою, так і відтінком, але тут краще враховувати психологію кольору.

Як вибрати віджети в залежності від типу сайту

Щоб не перевантажувати функціонал та забезпечити максимальну зручність для користувачів, потрібно дати відповідь на низку питань:

• Для якого типу сайту підбираються віджети?
• Що хоче отримати клієнт, які дії він виконуватиме?
• Без яких елементів не обійтися, які дуже потрібні?
• Скільки менеджерів у штаті, чи потрібна часткова автоматизація комунікації?
• Який віджет зможе допомогти відвідувачеві?
• Які результати слід отримати?

Основні цілі та завдання віджетів

Існує набір стандартних віджетів – це попапи, форми зворотного дзвінка, соціальні мережі та месенджери, чати. Чат-боти потрібні у разі, якщо потрібна автоматизація спілкування з великою аудиторією, висока швидкість відповіді у режимі 24/7. Магазини з продажу будівельних матеріалів, тканин, меблів та аналогічних товарів зацікавлені в калькуляторах, схожий інструмент потрібен у сферах, де аудиторія воліє проводити попередній розрахунок. В інтернет-магазинах не обійтися без добірок товарів та рекомендацій, послуги потребують форм онлайн-запису.Правильно оцінивши очікування аудиторії та специфіку бізнесу, легко підібрати набір віджетів для досягнення потрібних результатів.

Деякі варіанти можуть застосовуватися періодично, йдеться про квізи та опитування, що запускаються нерегулярно. Після впровадження будь-якого віджету обов'язково проводяться А/В-тести, що мають 2 мети: оцінка результатів і правильності оформлення елементів. Наприклад, зелена кнопка зворотного дзвінка характеризується мінімальною конверсією, а червона принесла багато звернень за результатами дослідження: процедура займає кілька тижнів, але допомагає виявити найпрацездатніший елемент.

Як проходить А/В-тестування

Чим віджет відрізняється від плагіна

Проводячи порівняння, потрібно зрозуміти, що таке віджети на телефоні та комп'ютери, а також як функціонують плагіни. Віджет – компактна програма, яка відповідає здебільшого за графічне відображення інформації. Плагін – незалежний контрольований модуль, основне призначення – розширення чи використання можливостей програми, до якої він підключений. Віджети завжди залишаються на увазі, плагіни можуть бути невидимими, що не знижує їх функціональність.

Розглянемо плагіни в дії: якщо ви хочете дивитися ролики в інтернеті через браузер, без Adobe Flash Player не обійтися, а позбутися нав'язливої ​​реклами допоможе AdBlock. Віджет – це іконка годинника або календаря на екрані смартфона, онлайн-калькулятор на сайті будівельного магазину або форма, після кліка по якій відкриється вікно для передачі даних. Після встановлення плагін працює сам по собі, а віджет орієнтований на взаємодію користувача.

Як додати віджет на сайт

Конструктор сайтів Craftum – платформа, що дозволяє швидко зібрати сайт, лендинг та інші типи сайтів. Конструктор пропонує широкі можливості для покращення основного функціоналу сайту за допомогою віджетів та модулів.

• необхідно пройти реєстрацію на Yclients, увійти в особистий кабінет та виконати налаштування, дотримуючись інструкцій сервісу;
• потрібно вибрати вкладку "Онлайн-запис", потім - "Форми онлайн-запису";
• за допомогою кнопки редагування форми легко отримати відповідний варіант оформлення;
• у вкладці «Код кнопки» скопіюйте код, поверніться до особистого кабінету на Craftum, знайдіть сайт, куди буде виконано встановлення, натисніть на «+» під блоком, де форма відображатиметься;
• у вкладці "Інше" виберіть "HTML-код", наведіть на нього курсор і натисніть "Налаштувати";
• у поле під назвою «HTML-код» вставте код, який отримали при копіюванні з Yclients;
• Збережіть зміни та переопублікуйте сторінки сайту.

14 – Модуль онлайн-запису виглядає так

Вся процедура займає кілька хвилин, після її завершення форма онлайн-запису почне відображатися на сайті, дані будуть надходити в CRM.

Інструменти для аналізу ефективності віджетів

Для оцінки ефективності віджетів найчастіше залучаються А/В-тести, які допомагають визначити найбільш успішне оформлення та розташування ключових кнопок, вікон та інших елементів.Існує ряд методів, що дозволяють підвищити ефективність віджетів на старті, що попередить подальші зміни вже звичних для аудиторії елементів:

• розташування на чільному місці. Віджет повинен добре переглядатись у будь-якій частині екрана, щоб користувачеві не довелося його шукати. Форми для замовлення зворотного дзвінка найчастіше розміщують у верхній частині, чати та аналогічні комунікативні елементи – праворуч у нижньому кутку, калькулятори – у середині сторінки, стрічки рекомендацій – під основними статтями чи товарами;
• коректне відображення смартфонів. Зручність у мобільних та десктопних версіях – основний пріоритет, інструмент має стабільно працювати на всіх типах пристроїв, інакше конверсія буде мінімальною;
• актуальні дані. До запуску віджету потрібно перевірити, чи є товари, чи працює промокод або лід-магніт, чи не закінчилася акція. Найписьменніші налаштування не допоможуть, якщо аудиторія не зможе скористатися заявленою пропозицією;
• простий та зрозумілий функціонал. Обов'язковою є наявність підказок як текстових, так і інтерактивних. Якщо реалізується калькулятор – можна дати посилання на базу знань або короткі пояснення для тих, хто не розуміє різницю між звичайним та погонним метром, а також не знає, як виміряти талію чи периметр приміщення. Звичайна людина не зобов'язана мати у своєму розпорядженні ці відомості, якщо компанія або магазин їх не дає - клієнт піде шукати потрібне в інтернеті, що знизить ймовірність його повернення. У формах для збору лідів краще використовувати ємні фрази: «Перезвонимо через 5 хвилин», «Чекаємо на дзвінок» та аналогічні, що розкривають суть;
• використання картинок.Віджети з довгим текстом практично не застосовуються, основне можна винести на картинки - це легкозчитуваний і максимально зрозумілий варіант.

Тест-квіз для власників домашніх тварин

Окреме питання – правильне налаштування, віджети у форматі попап повинні відображатись у потрібний час і не бути нав'язливими. Якщо клієнт кожні 2 хвилини змушений закривати спливаючі вікна, бажання залишитися на сайті буде мінімальним. Усі поля мають коректно відображатись, виключені помилки в тексті.

При запуску таких програм важливо не боятися експериментувати з наповненням, оформленням та розміщенням: пробуйте різні варіанти, проводите тестування та виявляйте найбільш функціональні версії, які приносять бізнесу прибуток, клієнтам – практичну користь. Тести можна проводити як самостійно, так і за допомогою профільних сервісів, які надають звіти та графіки – це надійніше рішення.

На закінчення

Віджети – корисний інструмент для розширення можливостей сайту, часткової автоматизації деяких процесів, поліпшення позицій у ранжируванні за рахунок факторів користувача. Сайт може працювати без віджетів, але з ними він стає більш звичним та дружнім для аудиторії, вигідним – для бізнесу. Збір заявок, підвищення середнього чека, комунікація, поліпшення конверсії – це лише мала частина завдань, яку чудово вирішують елементи, що розглядаються.

Вони відрізняються простотою установки, доступні тисячі готових варіантів, якщо нічого не підходить - можна замовити створення з нуля, звернувшись до програміста. На початку роботи з віджетами потрібно досліджувати аудиторію та проаналізувати бізнес, а також врахувати, що і як використовують конкуренти: так можна зробити функціонал багатшим і виділитися на загальному тлі!