Начало > ICN.Bg Блог > Полезно > Всичко за CTA бутона – функция, дизайн, позициониране

Всичко за CTA бутона – функция, дизайн, позициониране

Всичко за CTA бутона – функция, дизайн, позициониране

Полезно

Какво е CTA? Call to action бутонът е тайното оръжие на всички маркетолози и всички хора, които се занимават с реклама. Целта му е да подтикне потребителите към конкретно действие. Със сигурност сте виждали приканващи съобщения на реклами във Фейсбук или Google като: “Купи сега”, “Регистрирай се”, “Научи повече”, “Прочети повече”… и т.н. Това са едни от най-използваните CTA бутони в онлайн пространството. Ето и най-силните думи, които е желателно да използвате, когато правите вашия бутон:

CTA words

За да работи бутонът ви възможно най-ефективно, е необходимо да зaявите ясно какво действие искате да предизвикате във вашите потребители. Изключително важно е дизайнът на бутона да бъде привлекателен, за да "завалят" кликове. Позиционирайте бутона си на подходящо кликаемо място на вашия сайт.

Не забравяйте, че най-важното за вашия сайт е това той да бъде бърз, защото потребителите не обичат да чакат. Затова се доверете на хостинг доставчик, който да ви гарантира бързина и сигурност за сайта ви, като ICN.Bg.

Към този момент под 4 секунди е идеалната скорост за зареждане (load time) на сайт и до половин секунда време за отговор (response time).

В следващите редове ще ви покажем как да създадете красив, добре оптимизиран и правилно позициониран CTA на вашия сайт или в реклама в социалните мрежи.

Има три основни стъпки, които трябва да предприемете, когато създавате своя бутон:

  1. Направете хубав дизайн на бутона – Хубаво би било да имате добър дизайнер под ръка, който да ви направи различен и уникален бутон, който да прикове вниманието на всеки потребител, попаднал на вашата реклама. Задължително правило е CTA бутонът да се различава от всички останали бутони на вашата уеб страница.

  2. Правилно позициониране на бутона – Стремете се да проследите кое е най-кликаемото място на вашия сайт и сложете бутона точно там. Запомнете, че ако позицията му е неправилна, никога няма да постигнете целите, които сте си заложили.

  3. Направете оригинално копи/текст – целта на копито/текста е да стимулирате потребителите ви да продължат да бъдат ангажирани с информацията, която им поднасяте.

Вземи сега хостинг с 20% отстъпка с код: webhosting2020

Ще разгледаме всяка една от точките по-горе поотделно и ще ви дадем най-ценните съвети, на които сме способни, за да ви бъдем максимално полезни.

Правило 1: Направете хубав дизайн на бутона

  • Повярвайте ни, никой няма да кликне върху непривлекателен бутон. По-скоро асоциацията би била, че това е вирус, който ще ни създаде проблеми. Не искате това за вашите потребители, нали?

  • Разбираме, че един бутон е привлекателен, когато привлича кликове.

  • Окрийте и изберете подходяща форма, така че и самите вие да искате да кликнете върху него. Може да е елипсовидна или правоъгълна, като за начало.

CTA Start Button

  • За да изглежда по-добре, можете да добавите светлосенки, градиенти или други ефекти, които да му придадът по-привлекателен вид.

  • Стремете се да осигурите достатъчно празно пространство около бутона (бяло поле), за да може да се разграничи от всички останали елементи във вашата рекламна визия, като картинка, снимка, текст или други вече съществуващи бутони. Това носи положителен ефект и кара потребителя да не бъде апатичен към страницата ви.

  • Трябва да изберете изключително изчистена и задължително болдната (удебелена) визия на вашия бутон. Постарайте се да е лесен за намиране на страницата, на която сте решили да го позиционирате. Уверете се, че той контрастира достатъчно добре на цялостната визия на вашия сайт, без да дразни очите ви. Цветовата гама трябва да бъде контрастна и същевременно да кореспондира добре с цветовете на сайта ви/на рекламата ви.

  • По-големият бутон ще привлече повече вниманието на потребителите ви. Ако го оставите да бъде невзрачен, просто си губите времето. Не прекалявайте с размера му. Всяка една крайност ще ви изиграе лоша шега. Бъдете свободни да ползвате каквито ефекти сметнете за добре, стига да не прекалявате.

  • Понякога линковете също вършат работата на CTA бутон, който те препраща на друга страница в същия или външен сайт. Това е един много често използван метод от всички български и чуждестранни сайтове, защото по този начин се генерира още по-голям трафик към сайта ви и същевременно прилагате повече актуална информация на потребителите си.

Правило 2: Позиционирайте правилно бутона на вашата страница

  • Практически има две основни позиции за вашия CTA бутон: above the fold и below the fold.

above and below the fold

Above and below the fold – Влезте на страницата на произволен сайт. Частта от страницата, която виждате преди да скролнете надолу, представлява above the fold, а всичко което е под мислената линия на картинката, след като скролнете надолу, е below the fold.

През 2010 г. е направено проучване, което гласи, че над 80% от хората прекарват времето си на конкретен сайт above the fold. Но можем ли да сравняваме поведението на потребителите през 2010 г. с поведението им през 2020 г.? Разбира се, че не.

Днес потребителят е свикнал да се сблъсква с огромна информация и иска да бъде информиран, преди да предприеме действие. Т.е ако вие позиционирате бутон в началото на страницата, без преди това потребителят да се е запознал с вас и историята ви, дали той ще предприеме действие и ще кликне на бутона ви? По-скоро не.

Нека не забравяме, че скролването през страниците вече е като втора природа на потребителите. Дайте им възможност първо да ви опознаят и да продължат към действие, само ако са заинтересовани от това, което им предлагате.

Можете да заложите и на двата варианта (below the fold и above the fold) и да прецените кой от тях работи най-добре във вашия случай.

За да знаете къде точно е подходящо да сложите CTA бутон, трябва да знаете как потребителите ви четат. Представяме ви два различни модела на четене, които също можете да изпробвате със своята страница – Z - Образен и F - Образен:

- Z- образен модел на четене

Специалистите обръщат вниманието ни към Z-Образното проследяване на страниците от човешкото око, чисто психологически. Приема се, че погледът на някои потребители проследява съдържанието от 1 до 4 точка, под формата на буквата „Z”, което може да ви бъде много добър ориентир за това къде бихте могли да поставите своя CTA бутон и да предположите дали той би бил ефективен.

Z model

- F-образен модел на четене

F-образният модел на четене в мрежата на Nielsen and Norman Group е подходящ, както за десктоп, така и за мобилна версия. Изследването доказва, че погледът на хората, когато прочитат уеб страниците буквално проследява формата на латинската буква „F“. Имате право да се доверите на това правило или да го отречете напълно.

Затова ви съветваме вие сами да проследите движението на потребителите на вашия сайт, за да прецените кои са „горещите“ точки, които са подходящи за CTA – бутон. Можете да проверите това още сега с т.н Heat maps в програмата HotJar. Топлинните карти представляват същото нещо, като в картинката по-долу.

f model hot jar

Можете да разделите действията на потребителите ви на кликвания, докосвания и скролване. По този начин визуализирате поведението на посетителите на страницата ви. Където е по-наситеният контраст, е перфектно място за вашия CTA. Контрастът означава, че именно там потребителите са кликали най-много. Това е вашият голям ориентир.

Какво е Heat maps?

Топлинната карта (heat map) е графично представяне на данни, където стойностите са изобразени с цвят. Топлинните карти улесняват визуализирането на сложни данни, така че човек да ги разгадае с един поглед. Благодарение на програмата Hotjar всеки може да създаде подобна топлинна карта на своя сайт, използвайки цветовата гама, за да отбелязва най-силните (най-кликаемите) и най-слабите (най-некликаемите части) на вашия сайт. Има 3 вида Heat maps:

• Click maps – показва къде посетителите кликват с мишката, когато са на компютър или къде точно докосват с пръста си екрана, когато разглеждат сайта ви през мобилни устройства. Цветовете варират от червено, през оранжево и синьо. Червеното представлява най-много клика, а синьото най-малко.

click map hot jar

• Move maps – проследява как потребителите навигират по страницата ви и къде точно паузират с мишката. Move maps ви помагат да се ориентирате къде хората отиват, за да намерят конкретна информация на вашата страница.

Move maps in hot jar

• Scroll maps – Показва до къде точно потребителите скролват на страницата ви. В червено е мястото, до което достигат най-много потребители, а в синьо е мястото, до което не достигат потребителите.

scrollmap

Къде да НЕ поставяте своя CTA бутон?

Няма как да предвидим подходящите позиции на вашия сайт, но със сигурност можем да ви дадем конкретен съвети за това къде и как НЕ трябва да поставяте вашия CTA бутон.

  • Никога не поставяйте CTA още преди първия параграф на страницата ви. Основната причина за това, е че хората са дошли на вашата страница заради конкретно съдържание, а не да получат някаква допълнителна ползва или информация извън тази, която търсят в конкретния момент. Потребителите не трябва да изпитват чувството, че са си загубили времето, заради странични дейности.

Направете така, че в първите няколко секунди от престоя на вашата страница, те да намерят, това за което са кликнали именно върху нея – конкретна информация. Отново се връщаме и на казаното по-горе в текста, че трябва да дадете шанс на потребителите да се запознаят първо с вас и услугите или продуктите, които предлагате и едва след това да си позволявате да ги приканвате да предприемат някакви действия с вашия CTA бутон.

  • Запомнете, че бутонът не трябва да се поставя преди да сте представили 70 % от съдържанието, което искате да достигне до съзнанието на потребителите ви. След тези проценти, клиентът е способен да отговори на приканването ви и да предприеме действието, което сте заложили във вашия CTA бутон.

Правило 3: Направете оригинално копи

Подкрепяйте CTA бутоните си. Поставяйте малки убеждаващи послания под CTA бутоните–„100% гарантирано“, „безплатна доставка” и т.н.

Дизайн, позициониране, визия на CTA – Дори всички тези елементи да бъдат перфектни, няма никакво значение, ако нямаме хубав текст/копи, придружаващи бутона. Никога не подценявайте копито!

design logo starbucks

Текстът, който трябва да придружава бутона е причината потребителят да предприеме действието, което го подканвате. Кажете му какво следва след предприемане на действие: „Стартирайте безплатна пробна версия“, „Абонирайте се за получаване на инструкции“ и др.

Потребителите обожават да имат безплатен тестови период на услуга. Това е перфектният повод за CTA на вашия сайт с послание „Стартирайте безплатна 14-дневна пробна версия“. Въпросителната форма с приканващ характер е печеливша за вас. Например: „Готови ли сте да получите повече функционалности за вашия сайт?“. Изречението провокира интереса на потребителя и го кара да изпитва нуждата да опита нещо ново, което може да му донесе позитиви.

Не забравяйте да тествате копито на CTA в различните му варианти, за да видите коя версия ще ви осигури най-много кликвания. Това можете да направите с A/B тестове, като трябва да ги сравните по следните критерии:

  • Цвят
  • Текст
  • Позициониране
  • Форма
  • Размер
  • Изображение

Избягвайте думи, които молят потребителите да направят нещо. Никой не обича да му се казва, че трябва да купи нещо, като „Кликнете тук, за да закупите“ или да си дава личния имейл „Въведете своя имейл“ и т.н. Това просто не е привлекателно.

Това, което хората обичат, е да имат шанс тук и сега - „Вие получавате достъп“ или да открият мистерия в подтика ви, като - „Открийте нови продукти...“. Трябва да избягвате думи, които се фокусират върху това да накарате хората да правят неща, а вместо това да се съсредоточите върху думи, които им показват какво могат да ПОЛУЧАТ, като кликнете върху CTA бутона.

Какво е общото между CTR, CSR и VSR и CTA бутона

За да прецените дали добре сте оптимизирали CTA бутоните си, е важно да проследите тяхното представяне. Можете да постигнете това благодарение на следните характеристики:

  1. CTR (click through rate) – т.е какъв е процентът на вашите потребители, които са видели бутона и са кликнали върху него.

  2. CSR (click to submission rate) - колко потребители са попълнили формата ви за регистрация.

  3. VSR (view to submission rate) – колко от потребителите ви са видели вашия първоначален CTA бутон и след това са предприели действие да попълнят формата на вашата целева страница.

Заключение: Надяваме се, че сме ви били полезни в стъпките за оптимизиране на вашия Call To Action бутон. Винаги позиционирайте бутона си там, където ви носи най-големи конверсии. Оптимизирайте добре сайта си, така че да задържите на него клиентите си възможно най-дълго.

Опитайте се да ги стимулирате да се върнат отново и отново. Aко познавате добре потребителите си, това би могло да ви даде отправна точка как да действате по вашия сайт, така че да работи добре за вас. Това е и вашият най-голям жокер къде да поставите CTA бутона си.

Бъдете гъвкави и открити към аудиторията си и повярвайте в силата на думите. Винаги проследявайте как посланията ви влияят на вашата аудитория. Така се гради гарантираният успех.

Абонирай се за бюлетина ни!

Получавай първи най-актуалната и полезна информация за твоя онлайн бизнес!

Изпращане... Грешка по време на изпращането! Моля опитайте отново!

Този сайт е защитен от reCAPTCHA и се прилагат правилата за поверителност и общите условия на Google

Благодарим Ви.

Заявката ви е изпратена успешно!

Обратно най-горе