Ваш вірний помічник у завоюванні клієнта – влучний call to action (заклик до дії). У цій статті зібрано 100 дійових прикладів.
7 прикладів call to action з однією цільовою дією
Не перевантажуйте людей безліччю дзвінких закликів до дії. Уникайте двох call to action поруч, наприклад «напишіть нам» та «замовте дзвінок». Виберіть один, а другий розмістіть кількома екранами нижче.
- День належить вам. Почніть користуватися Uber. Завантажте програму.
2. Миттєвий доступ до мільйонів пісень – від старих фаворитів до останніх хітів. Просто натисніть play, щоб почати слухати все, що вам подобається.
3. Ви маєте бачення. У нас – спосіб створити бажане. Подивітьсяяк ми можемо вам допомогти.
4. Прокачайте ваш маркетингза допомогою функціоналу GetResponse.
5. Бронюйте унікальне житлоі дивіться на місто очима місцевих.
6. Додайте статтю до закладок, щоб скоротити час для пошуку потрібної інформації.
7. Дізнайтеся першими нові стратегії просування вашого бізнесу в інтернеті, подвійте продажі та станьте лідером у ніші.
Заклик до дії з лендінгу, який ми робили для послуги «Тури до Єгипту»
10 прикладів call to action зі словом «безкоштовний»
Це слово приваблює нових передплатників. Воно працює завжди, незважаючи на те, що у мережі багато таких пропозицій. Або на те, що їхня кількість з кожним днем збільшується. Безкоштовний - значить ні до чого не зобов'язуючий. І це приваблює людей клацати по кнопці.
Приклади сильних call to action:
8. Безкоштовнийтест Драйв бездротовий мишідля ноутбука протягом 30 днів. Оцініть властивості товару до покупки.
9. Досягайте більшого щодня. Мільйони людей довіряють нам та реалізують свої цілі. Почніть зараз - це безкоштовно.
10. Підніміть рівень спілкування з клієнтами, проведіть вебінар, який неможливо пропустити, на нашій платформі. Налаштуйте надсилання запрошень, нагадувань та серій листів для збільшення конверсії та продажу. Перший місяць - безкоштовно.
11. Уроки малювання аквареллю в Москві! Запишіться на перше заняття безкоштовно. Все, що вам потрібно – це 1 година вільного часу та бажання творити.
12. Онлайн-зустріч - це просто: простий старт, простота у використанні. Оцініть усі вигоди нашого сервісу вже сьогодні. Почніть 14-денний безкоштовний пробний період.
13. Стартуйте сьогодні. Відкрийте собі новий підхід до ведення нотаток. Зареєструйтесь безкоштовно.
14. Замовте безкоштовнийаналіз вашого сайту та отримайте перелік SEO-фішок, які вам терміново потрібно впровадити на вашому сайті. До кінця акції лишився [час].
15. Це коштує [ціна], але сьогодні ви можете придбати його безкоштовно. Поспішайте оформити замовлення.
16. Перші 10 покупців отримають особисту 60-хвилинну консультацію зі мною безкоштовно.
17. Пам'ятайте все. Найкращі ідеї спадають на думку несподівано. Evernote дозволяє зберігати, розвивати та ділитися ідеями на всіх пристроях.
Приклад УТП для послуги "коронки". У заклику до дії на формі є слово «б»
В) 10 прикладів call to action з однією пропозицією
Напевно, ви чули це і не раз: що більше варіантів вибору має людина, то частіше відвідувач нічого не робить. Наприклад, ви пропонуєте три продукти: стаття в блозі, відео на YouTube та платний курс. Як ви думаєте, що вибере ваш потенційний клієнт? Швидше за все варіант №4 – закрити сторінку.
Запам'ятайте: 1 сторінка / лист / пост - 1 пропозиція - 1 call to action.
18. Шукаєте, де зупинитись? Знімайте житло у реальних людей у 25 000 містах та 190 країнах.
19. Забронюйте вашу участь кращою ціноюі отримайте один із найпотужніших виступів на пошту.
20. Дайте нам 3 дні – і ми навчимо вас, як легко та просто підірвати продажі за допомогою email-кампаній, які вам терміново потрібно впровадити у свій бізнес!
21. Дізнайтеся 5 найцінніших порад, як підібрати одяг для важливого заходу: швидко, ефективно та стильно.
22. Впровадьте ці тактики та рішення, які допоможуть вам та вашому бізнесу виділитися серед конкурентів.
23. За 90 хвилин дізнайтесь покроковий план, як впровадити ефективний та продає email-маркетинг у ваш бізнес.
24. Прокачайте ваші навички копірайтингу та дізнайтеся перевірені стратегії, які залучать та утримають читача до останньої літери.
25. Дізнайтеся, як підвищити відвідуваність вашого блогу на 130%. Підпишіться, щоб отримати інструкцію на пошту.
26. Вирушайте з нами у подорож. 7 днів пригод, спілкування, драйву та емоцій, які назавжди залишаться у вашому серці.
27. Яхтинг для підприємців від Yachting Club. Професійна відпустка на одній хвилі.
3 приклади call to action, виділені за допомогою контрасту
Крім чіпляючого тексту, підберіть правильну колірну гаму, щоб виділити заклик. Ваша пропозиція має чітко читатись у перші 3-15 секунд. Коли людина переглядає сайти на швидкості 200 км/год, саме соковитий дизайн змусить його затриматись на сторінці та залишити контакти.
28. Один із популярних кольорів для кнопки – червоний. Його важко не помітити. Але Wunderlist ламає стереотипи. На їхній сторінці фон – червоний, а кнопка – біла. За рахунок того, що текст та кнопка одного кольору, заклик до дії добре виділяється.
29. Ще один виграшний варіант – зробити фон білим, а кнопку кольоровий. Наочний приклад – сторінка Trello. Зелена кнопка в центрі – магніт для нових відвідувачів. Особливо у комбінації зі словом «безкоштовно»:
Якщо ви вирішили розмістити 2 кнопки (наприклад, «купити» та «дізнатися більше») на одному екрані, зробіть одну з них менш помітною (наприклад, прозорою), а другу виділіть кольором.
12 прикладів call to action з обмеженнями
Один із найпотужніших тригерів – терміновість. Відвідувач заходить на сторінку, бачить, що термін дії пропозиції ось-ось закінчиться, і затримується, навіть якщо він не був налаштований на підписку або покупку. Додайте слова: «акція діє ще…», «встигніть забрати цінні бонуси», «поспішайте» та інші.
Ловіть кілька наочних прикладів:
31. Якщо ви залишите заявку сьогодні, отримайте [цінний подарунок].
32. Залишилось всього 3 місця. Поспішайте - вони можуть закінчитися будь-якої миті.
33. Тільки до 20:00Ви можете придбати цей товар за дуже низькою ціною - всього за [ціна].
34. Отримайте додаткові подарунки вартістю [сумарна ціна бонусів] під час реєстрації протягом 30 хвилин. Поспішайте – залишилося [таймер].
35. Відчуйте різницю сьогодні. Встигніть замовити до 00:00.
36. Замовте [товар/послугу/продукт] у найближчі 36 годинта отримайте знижку до 90%.
37. Ви готові до активних дій? Поспішайте - це пропозиція в силі ще [таймер].
38. Клікайте зараз, поки вас не випередив інший щасливчик і забрав останній [ваш продукт].
39. Пропозиція діє лише 12 годин. Тільки для моїх друзів! Поспішайте!
40. Кількість місць обмежено. Забронюйте вашу участь у заході прямо зараз.
41. Фінальний деньрозпродаж. Знижка 15% на все. Поспішайте.
42. Отримайте негайний доступ до GM Бізнес Академії. Доступно: [таймер].
9 прикладів call to action із простим наступним кроком
Покажіть відвідувачам, що ваш продукт доступний усім, а процес реєстрації займає лічені хвилини (а краще секунди). Використовуйте фрази: «вам не потрібно бути професійним маркетологом/генієм SEO-оптимізації/копірайтером із 5-річним стажем», «якщо ви вперше…», «за… секунд/хв», «миттєво».
Простота додає вашій пропозиції спокусливості, і відвідувач навіть сам не помічає, як натискає заповітну кнопку:
44. Скажіть «Прощавай» коментарям зі спамом. Усього 3 кроки, щоб почати використовувати сервіс.
45. Дізнайтеся, як ми можемо підвищити продаж вашого бізнесу. Заповніть форму – все інше ми зробимо самі.
46. Зареєструйтесь у нашій програмі за кілька секунд.
48. Скачайте за 15 секунд "Перевірений план успішного просування в соцмережах". Платіть 1 раз – використовуйте нескінченно.
49. Дізнайтеся, як вже завтра заробити першу $1000! Я живу, дихаю і доводжу, що це працює.
50. Хочете [крута мета]? Звучить ідеально, але надто добре, щоб бути правдою? Доведіть, що це негаразд.
51. Ви ще не є учасником Marketing Monsters Club? Серйозно? Отримайте доступ до матеріалів клубу на 7 днів за 1 рубль.
6 прикладів call to action для лід-магніту (додайте їх на фінальну сторінку книги, звіту або чек-листа)
52. Стати володарем маловідомих стратегій, які підвищать ваші продажі на 25%.
53. Дізнайтеся, як ви можете почати заробляти реальні гроші у своїй ніші.
54. Щотижня протягом року ви спостерігатимете зростання прибутку. Впровадьте ці 48 новітніх моделей масштабування та просування та станьте лідером у ніші. Взяти участь.
55. Бажаєте заробляти від $5.000 на місяць? Створіть автоматизовану вирву продажів вашої експертності. Дізнайтесь більше про курс.
56. Включіться першими до нашого новий проект. Це серце спільноти. Ми вкладаємо в нього всю нашу любов до вас та величезний заряд енергії. Приєднуйтесь – і ми допоможемо вам реально збільшити дохід.
57. Запустіть успішний онлайн-бізнес вже сьогодні. Включайтеся до раннього списку та дізнавайтеся про найвигідніші умови участі в нашому курсі.
Лід-магніт на сторінці 5-денного інтенсивного залучення трафіку від Convert Monster
7 прикладів call to action для відео
58. Перегляньте це відео до кінця, щоб дізнатися про спеціальну пропозицію.
59. Ви хочете стабільно заробляти на улюбленій справі? Дізнайтесь як - дивіться це відео.
60. Як підвищити вхідний трафік на ваш сайт. Впровадьте ці найкращі трафік-стратегії тактики, про які я розповідаю у відео.
61. Чи було корисно? Ставте пальці вгору.
62. Розкажіть друзям. Нехай вони також впровадять ці поради у свій бізнес.
63. Чи дочитали опис до кінця? У мене є подарунок. Клацніть на посилання, щоб його отримати.
64. Як саме поводиться дівчина, що говорить і чому їй вдається отримати роботу мрії? Дивіться у відео!
12 прикладів call to action із спільним ворогом
Це те, що створює перешкоду на шляху до заповітної мети. А ви цей чарівник у блакитному вертольоті, який вирішує ці проблеми на раз-два:
65. 10 ефективних способів, як впоратися з лінощами. Знайдіть свій рецепт і назавжди забудьте про нереалізовані бажання!
66. Худнути, наводити лад, економити… Шукайте мотивацію разом із нами!
67. Сплануйте свій смачний та корисний ранок на липень – дізнайтеся, як створити сильну команду. Реєструйтеся на секретну зустріч.
68. Чи готові ви діяти швидко? Марафон підвищення продуктивності стартує вже завтра. Встигніть зайняти своє місце.
69. Як підвищити ефективність у рази. 3-денний інтенсив, що змінить ваш підхід до роботи.
71. Ваш час під контролем. Нова ефективна методика, яка допоможе вести паралельно 3 та більше проектів.
72. Як створити команду мрії. Дізнайтеся, де шукати А-гравців та як отримати їх для своєї компанії.
73. Шлях лінивої людини до лідерства в [ніша]. Розбір справжнього кейсу.
74. Вивчити [ніша] справді легко, якщо за вашою спиною стоїть експерт. Я стану вашим провідником на шляху до успіху.
75. Як ви можете отримати [все, що завгодно] менш ніж за 72 години.
76. Як я купив машину своєї мрії за 6 місяців?
Анонс нашого вебінару, який допомагає фахівцям у контексті витрачати менше часу на звіти
6 прикладів call to action із персоналізацією
77. [Ім'я], позбавтеся проблем пошуку нових клієнтів в одну мить.
78. Якщо ви уважно вичитаєте кожне слово на цій сторінці, відкриєте новий революційний метод, як отримати клієнтів, не вклавши жодного центу в рекламу. Перевірте себе уважність.
79. [Ім'я], тільки для вас я сьогодні проведу сесію «Питання – відповідь», як налаштувати автоматичне email-розсилання в нашому сервісі.
80. Скажіть «Так», і я відправлю вам одну з найбільш обговорюваних міні-книг, які будь-коли писали.
81. Закритий майстер-клас лише для своїх. Отримайте таємне посилання.
82. Rozetka, наприклад, нагадує, що ви додали товар у кошик і не сплатили його. Дуже зручний спосібповернення заблудлих клієнтів:
10 прикладів call to action з цікавістю
Людина дуже цікава. І якщо ви зможете кількома пропозиціями заклику до дії зіграти на цій якості, успіх вам гарантовано.
83. Чи може зайве $1.000 покращити ваше життя?
84. Бажаєте, я зроблю всю роботу за вас?
85. Ви, мабуть, і не думали, що це буде так просто.
86. Зробіть нас частиною вашої історії успіху.
87. Донедавна я тримав це в таємниці. Ніхто не знає як залучати клієнтів за допомогою прямих трансляцій. Дізнайтесь про це першими.
88. Відмовтеся від 2-го місця, використовуйте лише найкращі матеріали.
89. Хочете дізнатися найбільш дієві та потужні стратегії у [ніша]?
90. Ваше життя вже ніколи не буде колишнім, коли ви дізнаєтесь, як отримувати максимальну віддачу від кожної вашої дії.
91. Отже, чого ви чекаєте? Ви всього за кілька секунд від [мета]!
92. Як щоденний біг може змінити ваше життя, або 30 хвилин, які працюють на вас.
8 прикладів call to action із соціальними доказами
93. Зробіть це у 20% швидше. 9 із 10 наших клієнтівоформляють покупку в 20% швидше, ніж коїться з іншими сервісами.
94. Забудьте про стікери, таблиці та інші незграбні програми. Почніть керувати проектами ефективно та станьте одним з мільйонів людей, які закохалися в Trello. Додайте необмежену кількість дощок та людей у безкоштовному обліковому записі.
95. 97,4% учасників програмивважають її найсильнішим освітнім бізнес-продуктом над ринком.
96. ВАЖЛИВО: 300+ підприємціввже використовують ці фішки та виходять у ТОП-3 пошукової видачі. Чи не відставайте!
97. Ваш перший масовий потік клієнтів з Інтернету. 2.000+ наших учніввже впровадили ці тактики та отримали результат.
98. Ви з нами. 2.500+ людей вже підключилися до прямого ефіру у нашій групі у Faceboook. Ми чекаємо на вас. Приєднуйтесь.
99. Нас обирають бізнесмени зі сторінок Fobes. Вступіть до елітного клубу вже сьогодні.
100. Простий доказ на лендингу 5-денного інтенсивності «Потужний потік цільових клієнтів Яндекс.Директ, Facebook та Instagram»
Не обмежуйтесь лише цими прикладами. Створюйте власні вибухові заклики до дії. Це легко. Практикуйтесь, відстежуйте конверсію, вивчайте сторінки конкурентів та лідерів ринку та навчайтеся на своїх помилках.
Головне, пам'ятайте:
чітко прописуйте вигоду та виділяйте ключові слова;
використовуйте активні дієслова, які підштовхують читачів до дій, а не прогортання сторінки;
не ставте 2 заклики до дії поряд, краще поділіть їх кількома екранами;
виділіть кнопку за допомогою кольору, форми, місця розташування.
Елементи Call-to-Action (CTA, заклики до дії) стали важливою частиною Інтернету. Вони знаходяться всюди, щоб розповісти нам, що конкретно робити: купіть книгу, скачайте безкоштовне керівництво, зв'яжіться з нами для більш детальної інформації тощо. Іноді це виглядає як дешевий маркетинг, написаний і спроектований людьми, відірваними від реальності. Такі приклади найчастіше мають зворотний ефект. Але що робить елемент CTA хорошим, ефективним? Ми зібрали 10 прикладів закликів до дії із класним дизайном, правильним текстом або просто розроблені з розумом.
На першому місці в нашому списку , які впоралися з роботою створення класного CTA добре як ніхто інший. У них на сайті жоден хороший елемент заклику до дії, але лідером стало діалогове вікно Prepare for Launch (підготуйтеся до запуску). Який підписує вас на e-mail-кампанію.
Навіть якби вікно було повністю позбавлене тексту, анімоване зображення пальця, що нависло над кнопкою, недвозначно підказує нам що робити. Це просто, захоплююче, і натиснувши кнопку “Send Now”, ви відчуєте завершеність.
Перетворили на CTA більшу частину своєї домашньої сторінки. Заголовок та опис чітко та ємно описують рід діяльності компанії, і просто просять залишити свій e-mail, щоб розпочати. Візуальна частина цікава і контент б'є прямо в крапку.
Сайт по суті складається із цілої серії CTA. Цей ряд розділів у простій та добре читальній формі розповідають про те, що пропонують і скільки це коштує.
Вишнею на торті стала мила іконка безкоштовної доставки. Ну і звичайно свою роль відіграє фон зі свіжої їжі та апетитних інгредієнтів.
Так само, як і Blue Apron, виділили для CTA весь головний блок на своїй сторінці. Однак у цьому випадку дизайнери вирішили максимально спростити все.
Вийшов слайдер, який висвітлює кілька найважливіших речей про стрімінговий музичний сервіс. Заклики до дії підштовхують вас проскрилитись або натиснути кнопку для отримання більш детальних деталей. Spotify не намагаються вас здивувати, просто роблять так, щоб залогінитись і прочитати більше було якомога простіше.
Це місце, призначене для пошуку, оренди та здачі в оренду нерухомості. На першій сторінці сайту ви знайдете область CTA, яка дозволить вам робити все вищеописане. Прямо зі стартової сторінкибез необхідності кудись йти і щось шукати. Це найкорисніший варіант застосування закликів до дії.
Відгалуження Bang and Olufsen, сайт продовжує мінімалістичний дизайн та стиль брендингу батьківського сайту. Елементи Call-to-Action — чудовий приклад. Сайт багатий на красивий промисловий дизайн, а заклики до дії пропонують подивитися всю колекцію цих чудових навушників, або придбати цю пару.
Можливо, у вас виникне думка: «Це виглядає непогано, але що в цьому особливого?». Головна ідея, яку ми хочемо наголосити на цьому прикладі наступна: CTA — важлива частина вашого дизайну та бренду в цілому, і вони повинні відображати те, що ви робите і те, як ви це робите.
Коли мова йдепро важливі та складні ситуації, немає часу чекати. створили атмосферу терміновості з допомогою елементів CTA. Фотографія, підкріплена серйозним, яскравим заголовком підкреслює важливість і тяжкість ситуації.
Дизайн допомагає побачити людей у біді та спонукає до дій.
Nest
Майстри домашньої автоматизації Nest відзначили День Землі, закликавши до економії енергії. Це послання зображено за допомогою енергозберігаючого термостата.
На тлі зоряного неба дизайнери розташували величезне зображення продукту. Це справляє враження і нагадує планету, що пливе у космосі. До речі, зірковий фон чудово створює ефект повітря та простору.
Данська компанія, що продає мінімалістичний годинник та інші аксесуари. CTA на їхньому сайті виконані у чудовій колірній гамі, і підкреслюють простий стиль продукту. Це вчить нас ось чому: якщо ви маєте унікальний продукт, дозвольте йому говорити за себе.
Сайт про подорожі. на головній сторінцівас зустріне слайдер, який зібрав продукти та історії у тему. Наприклад, скріншот нижче пропонує подивитися фільм про природу.
Зображення велике та привабливе. Від нього віє дикою природою. Це ідеально вписується у цільову аудиторію.
CTA для кліків
Хороші елементи CTA повинні враховувати специфіку аудиторії та інтереси користувача. Кольори та зображення повинні відображати ваш бренд та нести сенс. Анімація працює тут чудово, тільки якщо вона доречна. Текст має бути ємним, коротким та суворо у справі.
Наведені вище приклади заклику до дії роблять свою справу просто та ефективно. Вони доводять, що вам не потрібне щось багатослівне чи складне, щоб підштовхнути користувачів до дії.
Переклад - Чергування
CTA (Call to Action) - це заклик, що мотивує користувача до здійснення тієї чи іншої дії (перейти, заповнити форму, зателефонувати, купити, дізнатися і т.д.). Call to Action є заключним етапом у класичній моделі AIDA. Грамотно побудований CTA має привернути увагу, зацікавити та спонукати людину вчинити дію. Ефективність CTA-елемента є важливим показником, який необхідно постійно відстежувати. Спостерігайте за тим, скільки людей прийшло на цільову сторінку і скільки з них діяло. Якщо це значення занадто низьке, значить щось не так з CTA-елементом.
Як елемент CTA може виступати кнопка, зображення, форма або навіть текст, що закликає до будь-якої дії. Його можна використовувати скрізь, у будь-якому контенті, наприклад, у тих же презентаціях, вебінарах, на банерах і т. д. Навіть голос по радіо, що закликає зателефонувати або зайти на сайт радіостанції, є Call to Action.
Як підвищити ефективність CTA
Існує декілька технік, здатних збільшити ефективність CTA.
- Заклик до дії має бути завжди на увазі. Іноді має сенс розташувати його на головній сторінці сайту (у місці, де фокусується відвідувач), щоб при переході людина могла відразу ж приступити до купівлі, оформлення замовлення, заповнення форми і т.д.
- CTA має бути максимально простим. Чим простіше і ясніше ви поясните суть, краще буде результат. Можна розписати на всю сторінку, чому людина має натиснути цю кнопку, а можна написати одну фразу. Найімовірніше, у другому випадку переходів буде більше.
- Колір це те, що дозволяє вашому заклику до дії привертати увагу. Використовуйте кольори, які виділятимуться на тлі інших елементів сайту, але при цьому вписуються в загальний дизайн сторінки та стиль компанії.
- Привертайте увагу за рахунок збільшення розмірів CTA-кнопки. Зробіть її ширше, більше за інші елементи, щоб вона виділялася. Головне - вписати її в загальний дизайн сайту, щоб вона не виглядала безглуздо.
- Пробіли допомагають виділити кнопку або прив'язати її до будь-якого елементу (наприклад, до тексту, який розкриває суть кнопки).
- Завжди використовуйте такі слова, як "зателефонувати", "завантажити", "замовити", "купити", "дізнатися", "читати докладніше" і т. д. У користувача має виникнути почуття ясності. Жодних сумнівів. Він повинен точно знати, що станеться, натиснувши кнопку.
- Розкажіть клієнту, що він отримає, у чому його вигода, замість того, щоб розписувати свої плюси та функціонал. Адже людей завжди приваблювала можливість отримати зиск, знижку тощо.
- Використовуйте дедлайн. Call to Action має спонукати зробити щось зараз, а не потім. Покажіть, що час акції обмежений, пропозиція діє до певного часу. Дедлайн є важливою складовою практично будь-якого CTA.
- Тестуйте різні варіанти Call to Action. Використовуйте різні стратегії, пропозиції, дизайн, розташування та ін. Відстежуйте ефективність кожного CTA та вибирайте найбільш конверсійні.
Call to Action – це тригер, що спонукає користувача вчинити ту чи іншу дію. І чим оригінальнішим і цікавішим буде цей тригер, тим більше людей по ньому клікнуть.
Об'єднавши наукові дослідження з психології кольору з деякими принципами дизайну, ви зможете зробити чудову кнопку «Сall-to-action» (СТА) для вашого сайту чудову та суттєво збільшити конверсію. Є 4 інструменти, які допоможуть цього досягти: розташування кнопки, форма (і розмір), повідомлення та колір.
У цій статті я розповім про колірний аспект.
Але давайте по-порядку...
Що таке кнопки заклику до дії?
Уявіть, що ваш сайт це ланцюжок дій, які користувачам необхідно здійснити, щоб знайти те, за чим вони прийшли. Щоб полегшити їм життя, абсолютно необхідно зробити цей ланцюжок наскільки простим (тобто user friendly), наскільки це можливо, і вести їх до бажаної сторінки без будь-якого втручання.
Оскільки деякі з цих дій важливіші за інші, вони повинні будуть виділятися в інтерфейсі. Ви хочете захопити увагу користувачів, намагаючись переконати їх розпочати дію (заклик до дії). Це найчастіше робиться за допомогою візуального маркера, елементів інтерфейсу із закликом до дії. Ось кілька прикладів можливих дій: покупка продукту, підписка на розсилку, створення нового облікового запису, подача заявки, скачування останньої версіїПЗ..
Але чому кольори мають таке значення?
Психологія кольору
Кожен колір викликає у людей різні почуття чи настрої, а отже, різну реакцію. Лікарі та медсестри носять біле, що є знаком стерильності. Спортзали часто пофарбовані у синій, оскільки, як показали дослідження, у синіх залах важкоатлети здатні підняти більшу вагу.
Як бачите, кольори дуже потужні інструменти для заохочення або, навпаки, блокування певних почуттів. Тобто ви можете деякою мірою вести користувачів через ваш інтерфейс, даючи їм приймати ті рішення, які ви хочете, щоб вони прийняли за допомогою правильних кольорів та комбінацій кольорів. Але не починайте прямо зараз збирати колірні схеми. Є ще одна-дві речі, які вам потрібно знати.
Хоча сприйняття кольорів і суб'єктивне, деякі колірні ефекти мають універсальне значення. Наприклад: блакитний колір – холодний, а червоний – теплий.
По-друге, сприйняття кольорів ґрунтується на особливостях культури. Візьмемо чорний (який з наукової точки зору не є кольором) як приклад. Хоча у багатьох культурах чорний асоціюється зі смертю та жалобою, у Стародавньому Єгипті він також символізував життя та переродження.
Сьюзан Уейншенк ( Susan Weinschenk), доктор філософських наук та автор книги «Інтуїтивний веб-дизайн: Що змушує людей переходити за посиланнями», написала про це цікаву . Не забудьте подивитися McCandless Color Wheel, який ви можете завантажити внизу сторінки.
Kissmetrics зробили чудову інфографіку про те, як кольори впливають на покупку.
Трохи теорії кольору
Як пояснюю нижче, при створенні важливих кнопок краще використовувати хороший контраст. Говорячи про контрастні кольори, я насправді маю на увазі додаткові (комплементарні) кольори. Комплементарні кольори розташовані на колірному коліодин навпроти одного (див. картинку нижче). Якщо помістити їх поряд, здається, вони виглядають яскравіше.
Ще один приклад використання комплементарних кольорів - це одяг, який одягають лікарі під час роботи в операційній. У більшості випадків вона зелена чи блакитна. Ці два кольори дозволяють лікарям краще сприймати об'єкти червоного кольору, а саме кров і начинки пацієнта, бачити їх чіткіше і помічати найменші нюанси людського тіла. Червоний та зелений – комплементарні кольори.
То який колір мені вибрати для моєї кнопки?
Як я зазначив на початку статті, СТА-кнопка є набором з 4 речей: розташування, форма, повідомлення і колір. Якщо ці чотири аспекти добре співвідносяться один з одним, ви отримуєте відмінну кнопку заклику до дії.
Маючи це на увазі, потрібно також пам'ятати про кілька основних дизайнерських принципів та посібників. Якщо ви хочете, щоб елемент дизайну виділявся, ви можете пофарбувати його в комплементарний колір по відношенню до фону (згадайте приклад із The Resumator, який я наводив).
Маленька підказка: для великих кнопок використовуйте менш яскравий колір (щодо її елементів і фону), а для маленьких кнопок, навпаки, потрібні кольори яскравіші. Але який би колір ви не вибрали, переконайтеся, що розроблена кнопка буде помітна без втручання в основний дизайн.
Незважаючи на те, що ця стаття заснована на наукових дослідженняхз психології кольору та деяких принципах дизайну, ви завждиповинні самі тестувати свої кнопки заклику до дії, щоб зрозуміти, що найкраще підходить для вашого сайту. Ви можете використовувати A/B або мультиваріаційне тестування, або просто слідувати цим
Шукаєте веб-студію, яка забезпечить вам якісну реалізацію? Ознайомтеся з результатами креативності веб-студій.
Рядок, що займається в рейтингу креативності веб-студій, залежить від кількості перемог і статусу конкурсів. Сподобалося одразу кілька команд? Натиснувши на зелену кнопку, можна буквально за два кліки запросити їх взяти участь у вашому тендері.
Незважаючи на те, що багато хто не знає цього, кнопки «заклик до дії» є потужним інструментом маркетолога.
"Заклик до дії" - це слово або картинка, завдяки яким люди роблять те, чого від них хочуть власники сайту. Те, як ви оформляєте та розміщуєте їх, є дуже важливим.
Неважливо, чи ви хочете, щоб люди підписалися, скачали або ж купили щось, кнопка повинна завжди виглядати переконливо.
Вивчення більш ніж 200 малих підприємств, що базуються в США, показало, що понад 70% з них не мають чітких та зрозумілих кнопок «заклику до дії».
Дослідники також виявили деякі цікаві факти, наведені нижче:
- 82% випробуваних не посилалися на профілі фірм у соціальних мережах.
- 72% з них не мали кнопок «заклику до дії» на сайтах.
- 27% не відображали номер телефону на головній сторінці.
- 70% з тих, у кого все ж таки був вказаний номер телефону, не розміщували його на видному місці.
- 96% з них не розміщували інформацію про навігацію сайтом на домашній сторінці.
- 68% не вказували свою адресу електронної поштина головній сторінці.
- 38% із тих, хто вказував адресу електронної пошти, не розміщували її на видному місці.
Як бачите, багато підприємств нехтували переконливими «закликами до дії». Це означає, що вони не дають відвідувачам достатньо вказівок на те, що робити далі. Внаслідок цього відвідувачі залишають сайт.
Приклади та типи «закликів до дії»
Так як саме ви створюватимете переконливі кнопки на вашому сайті?
Подивіться на ці 24 простих поради щодо покращення вашого «заклику до дії», в результаті чого ви отримаєте більше кліків по ньому:
1. Виберіть правильний колір
Вибір відповідного кольору відіграє величезну роль. Деякі кольори, як відомо, привертають увагу більше, ніж інші. На сайті компанії SAP помаранчевий колір збільшив кількість переходів за кнопками на 32.5%.
Зелений і помаранчевий є одними з найкращих у цій справі кольорів. Тим не менш, потрібно підбирати кольори відповідно до головного дизайну сайту. Завжди вибирайте ті кольори, які виділяються та привертають увагу.
2. Використовуйте текст, що легко читається
Переконайтеся, що текст на кнопці досить великий, щоб відвідувачі його помітили. У той же час, не робіть його занадто великим, тому що він може виглядати відразливим.
3. Напишіть конкретний зміст
Тексти, в яких вказано явні переваги, допомогу та іншу важливу інформацію, зберуть більше кліків.
Hubspot є гарним прикладом цього:
4. Використовуйте точну та зрозумілу інформацію
Текст на кнопці не повинен бути довгим. Зробіть текст коротким та зрозумілим. Використовуйте від двох до чотирьох слів.
5. Будьте орієнтованими на конкретні дії
Кожна кнопка «заклику до дії» має заінтригувати та спонукати відвідувачів сайту до дії. Спробуйте замінити занадто часто використання таких слів, як "увійдіть" і "підтвердіть" словами "приєднайтеся" і "погодьтеся". Вибирайте слова, які стосуються вашої пропозиції, наприклад “отримати безкоштовну пробну версію” або “завантажити безкоштовний зразок”.
6. Додайте спеціальні ефекти
Додаткові ефекти можуть бути чудовим способом для того, щоб привернути увагу користувача. Наприклад, можна створити кнопку, яка рухається, коли відвідувачі натискають на неї.
7. Використовуйте пробіл
Намагайтеся не додавати надто багато елементів довкола вашої кнопки. Залишаючи порожнє місцебіля «заклику до дії» ви автоматично виділяєте його.
8. Створіть ефект терміновості
Ефект ліміту змусить відвідувачів ухвалювати термінові рішення: «перші 100 передплатників отримають безкоштовну електронну книгу».
9. Будьте конкретні
Не плутайте відвідувача кнопкою, яка містить важливу інформацію. Намагайтеся бути конкретнішими, вказуйте важливі деталі вашої пропозиції.
10. Пам'ятайте, що розмір має значення
Ваша кнопка «заклику до дії» має бути досить великою для того, щоб відвідувачі легко могли знайти її. Однак не робіть її занадто великою, тому що це може відлякати відвідувача.
11. Виберіть відповідну форму
В основному використовуються прямокутні кнопки, але не варто забувати, що округла форма також може бути ефективною. Якщо кнопка увігнута всередину, то відвідувачі звернуть більше уваги на її текст.
12. Використовуйте точну інформацію
Зробіть кнопку «заклику до дії» актуальною, покажіть, чому саме її має натиснути користувач. Замість використання загальний текст(«Побачити більше»), 9gag використовує фразу «Хочу більше веселощів». Це змушує користувачів натискати кнопку, якщо вони хочуть побачити більше забавних фотографій.
13. Використовуйте докази
Змусіть відвідувача думати, що натиснути кнопку – у його інтересах. Покажіть на конкретному прикладі. Консультант з маркетингу може навести приклад вигоду, яку отримав покупець, який скористався його послугами. Це переконає більше людей натиснути цю кнопку.
14. Спілкуйтеся з відвідувачами
Не перекладайте все на техніку, тому що користувачі хочуть взаємодіяти із реальними людьми. Спробуйте розібратися у думках своїх відвідувачів, це допоможе достукатися до їхніх почуттів. Наприклад, сайт нерухомості може використовувати такі слова, як «Почніть свій віртуальний тур» або «Війдіть у тур сьогодні»
15. Використовуйте зворотну психологію
У той час як на більшості сайтів написано "натиснути тут", ви можете отримати більше кліків, написавши, щоб вони не натискали кнопку. Ця стратегія була реалізована фірмою TimothySykes, на сайті якої було написано "не натискайте, якщо ви ліниві". Внаслідок цього переходи за цим посиланням збільшилися на 39%
. 
16. Будьте креативними
Ваші заклики до дії не обов'язково повинні бути кнопками. Подумайте над іншими варіантами, які можуть змусити людей перейти за посиланням. Ви можете спробувати зробити посилання на відео, що приверне увагу відвідувачів.
17. Розподіліть час
Ви можете розмістити "заклик до дії" внизу, щоб користувач натиснув його після того, як отримає точне уявлення про те, що Ви пропонуєте. Користувачі відчувають, що змушені натиснути кнопку, якщо вона постає перед головною інформацією, саме це може відштовхнути їх.
18. Зосередьтеся на дизайні
Те, як ви оформляєте кнопку, може сильно вплинути на кількість натискань на неї. Додавання картинок допоможе користувачеві отримати краще уявлення про те, що він купує.
19. Говоріть від першої особи
Дослідження, проведені Майклом Аагордом із Content Verve, показали, що перехід від другої особи до першої збільшує кількість кліків на 90% у середньому. Використовуйте особисті займенники, щоб показати, що відвідувач спілкується з реальною людиною.
20. Розставте пріоритети
У вас можуть бути інші кнопки на вашому сайті, які не є основними кнопками заклику до дії. Переконайтеся, що ваш головний заклик до дії привертає більше уваги, ніж інші вторинні кнопки.
21. Додайте картинки
Додавання привабливої графіки має велике значення. Однак важливо, щоб зображення, які ви додаєте, мали безпосереднє відношення до інформації, яку ви хочете донести.
22. Створюйте опитування
Немає універсального зразка кнопки, який би підходив до всіх закликів до дії. Тому важливо створювати опитування для розуміння, який колір, форма та текст найбільше підходять для вашої компанії.
23. Використовуйте правила мінімалізму
Пам'ятайте про старе прислів'я, що менше означає більше. Ваш «заклик до дії» має бути коротким, щоб не вводити користувачів в оману багатоваріантністю. Якщо ви бажаєте додати кілька варіантів, обмежте їх до трьох або чотирьох.
24. Виберіть правильну позицію
Місце розташування – це один із найважливіших елементів, який впливає на кількість кліків. Є багато місць, де ви можете додати кнопку «закликання до дії» в залежності від її типу. Спробуйте розмістити її у різних місцях, щоб зрозуміти, де вона функціонує краще.
Де розмістити «заклик до дії»
Як уже говорилося в останньому пункті, позиціонування вашої кнопки може вплинути на кількість кліків. Розташування кнопок має залежати від контенту та інформації та дизайну Вашого сайту.
Тести, проведені Content Verve, показали, що кнопки, розміщені ближче до кінця сторінки, отримали на 304% більше переходів, ніж розміщені вгорі сторінки.
У випадках, коли пропозиція чи продукт є багатоваріантними, користувачам потрібно вивчити багато інформації, щоб ухвалити обґрунтоване рішення. Саме в цьому випадку кнопку слід розмістити знизу. Для поодиноких пропозицій краще помістити кнопку зверху.
У цілому нині, чільне розташування вашого «заклику до дії» грає ключову роль кількості переходів у ньому.