Як збудувати ефективний заклик до дії? - декілька порад

Звідси виникло таке поняття, як CTA-кнопка. Це ті, які направляють (call to action) аудиторію на певні сторінки, де користувач може виконати будь-яку дію – підписатися на базу передплатників, здійснити покупку, заповнити контактну форму, зареєструватися тощо.

Це дуже важливий аспект сайту, і варто підійти до цієї теми ґрунтовно, щоб вичавити максимум із сайту з точки зору оптимізації конверсії.

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

Як побудувати ефективний заклик до дії? - жменя з 6 порад

1. Правильний колір

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

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

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

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

2. Заклик до дії за допомогою слів

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

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

Зрештою, подивіться самі - хіба такий контент не краще мотивує кліки?

• Завантажити електронну книгу безкоштовно!
• Приєднуйтесь до 100 000 передплатників!
• Створіть безкоштовний обліковий запис
• Отримати знижку
• Перейти до оплати і т.д.

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

3. Виділіть розділи

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

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

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

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

4. Розміщення має значення

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

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

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

5. Подбайте про навколишнє середовище

Здається, що закликом до дії є сама кнопка. І так і ні.

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

a) Турбота про зміст

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

б) Відео

Відео також впливає на клікабельність заклику до дії, оскільки, як правило, в 1-хвилинному ролику можна уявити дуже багато. Це може бути чудова презентація продукту, що показує деякі особливості, переваги чи демонстрація продукту. Це може бути чудова презентація всього продукту чи послуги. Тому неминуче, що після такого відео у нас з'являється ентузіазм піти далі – наприклад, здійснити покупку. У такій ситуації кнопка не може бути відсутня.

в) Селфі

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

Як бачите, до дії закликає не лише сама кнопка, а й те, що її оточує. Варто пам'ятати про це.

6. A/B тестів

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

У таких ситуаціях необхідні A/B-тести, щоб перевірити, чи вірні наші припущення. Без цього залишається лише спекуляція, хоч і вона, очевидно, не приречена на провал.

Як оптимізувати заклик до дії? - стислий виклад порад

Необхідно звернути увагу на два аспекти: зовнішній вигляд кнопки і те, що знаходиться в безпосередній близькості від неї.

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