Призив за действие на сайта: бутони, които носят клиенти

Призивът за действие е бутонът или линкът, който казва на посетителя какво да направи сега: „Обади се“, „Запази час“, „Поискай оферта“. Добрият призив за действие е един на страница, казва точно какво ще се случи след натискането, стои там, където човекът вече е решил, и на телефон се натиска лесно с палец. Ако сайтът ти има посетители, но малко обаждания, най-често проблемът е точно тук.

Какво е призив за действие и защо е важен

На английски се казва call to action, или CTA: всеки текст, който подтиква човека да направи нещо веднага [1]. На сайта на малък бизнес това почти винаги е едно от четири неща: обаждане, съобщение, запитване през форма или резервация.

Хората не четат сайта ти от край до край. Влизат с въпрос („Правят ли ремонт на баня в моя квартал?“), търсят отговора и решават. Ако в този момент следващата стъпка не е пред очите им, повечето просто затварят страницата и отварят следващия резултат в Google. Призивът за действие е мостът между „интересно ми е“ и „обаждам се“. Повече за целия път от посетител до клиент има в как да превърнеш посетителите в клиенти.

Едно основно действие на страница

Най-честата грешка е страница с пет еднакво ярки бутона: „Обади се“, „Пиши ни“, „Изтегли каталог“, „Последвай ни“, „Абонирай се“. Когато всичко крещи, нищо не се чува. Nielsen Norman Group съветва да не трупаш много цветни кутии с различни размери на една страница, защото йерархията се губи [2].

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

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

Какво да пише на бутона

Думите на бутона са най-краткият текст на сайта ти и един от най-важните. Правилото е просто: бутонът казва какво ще се случи, когато го натиснеш. Nielsen Norman Group описва как общи надписи като „Get Started“ (на български нещо като „Започни“) карат хората да натискат, без да знаят къде отиват, и после да се връщат разочаровани. Съветът им е надписът да казва точно какво следва [3].

Няколко бързи правила:

• Започни с глагол. „Запази“, „Обади се“, „Поискай“, „Виж“.
• Кажи резултата. „Запази маса“ е по-ясно от „Резервации“.
• Не обещавай това, което не правиш. Ако на бутона пише „Отговор до час“, отговорът трябва да идва до час.
• Махни страха. Под бутона една кратка фраза: „Без ангажимент“ или „Ще ти се обадим, за да уточним“.

Повече за текстовете изобщо има в как да напишеш текстовете за сайта си.

Добрият бутон не е най-ярък. Добрият бутон е този, за който човек знае какво ще стане, преди да го натисне.

Къде да поставиш призива за действие

Сложи го на три места: на първия екран, след доказателствата (отзиви, снимки, проекти) и най-долу на страницата. Човекът се колебае точно след като е видял работата ти, затова там бутонът помага най-много. Подробно как се подрежда началната страница има в какво да има на началната страница.

Бутонът трябва и да изглежда като бутон. В модерния „плосък“ дизайн често остава само текст в цветна рамка и хората не разбират какво се натиска. Nielsen Norman Group препоръчва да запазиш правоъгълната форма със заоблени ъгли и да не правиш обикновени заглавия да изглеждат като бутони [2].

Внимавай и с изскачащите прозорци. Ако първото нещо на телефона е голям прозорец за абонамент, който закрива страницата, човекът не стига до бутона. Google съветва да не се закрива цялата страница с такива прозорци и предлага вместо тях банери, които заемат малка част от екрана [6].

Бутонът за обаждане на телефон

Много хора търсят местна услуга от телефона си. Там най-силният призив за действие обикновено е обаждането.

1. Направи номера линк. В HTML се прави с tel: линк; на телефон такъв линк директно набира номера [5]. Номер, който трябва да се препише на ръка, губи хора.
2. Направи го голям. web.dev на Google препоръчва зоната за натискане да е около 48 пиксела (около 9 мм) и между съседните бутони да има около 8 пиксела разстояние [4].
3. Дръж го видим. Номерът или иконата за обаждане в горната лента, която остава на екрана при превъртане.
4. Мисли за работното време. Извън него е по-добре първо да предложиш форма, за да може човекът да остави заявка и вечер.

Така подходихме и в два наши проекта. За пътна помощ (mobileservicebg.com) сложихме голям бутон „Обадете се“ с номера още на първия екран на телефон, а до него WhatsApp. Подробностите са в сайт за автосервиз и пътна помощ. За фирма за ремонти в София бутоните за запитване от всяка услуга водят към формата за оглед с вече попълнена услуга, на телефон иконата за обаждане остава в горната лента, а извън работно време първо се предлага формата. Виж сайт за строителна фирма и ремонти и всички наши проекти.

Проверка за 10 минути

Отвори сайта си на телефона и мини през този списък:

1. На всяка важна страница има едно основно действие, видимо без превъртане.
2. Надписът на бутона казва какво ще се случи.
3. Бутонът изглежда като бутон и се натиска лесно с палец.
4. Телефонът набира с едно докосване.
5. Призивът се повтаря след отзивите и най-долу.
6. Няма изскачащ прозорец, който закрива страницата при влизане.
7. Формата зад бутона е кратка: име, телефон, един въпрос.
8. Знаеш колко пъти седмично хората натискат бутона.

Последната точка е важна: без числа не знаеш дали промяната е помогнала. Как да броиш натисканията и запитванията, виж в как да измериш какво ти носи сайтът. Променяй по едно нещо наведнъж и сравнявай след няколко седмици.

Ако искаш някой да го подреди вместо теб

Ясните бутони са малка промяна, която често се забравя. В Studio V1 всеки сайт се прави около едно основно действие за бизнеса, с бутон за обаждане на телефон, и след пускането можеш да поискаш малки промени, например нов текст на бутона. Абонаментът е 50 € на месец, а сайтът е онлайн до 7 работни дни. Виж как работим или пиши ни.

Източници

1. Wikipedia. "Call to action (marketing)." en.wikipedia.org/wiki/Call_to_action
2. Nielsen Norman Group. "Beyond Blue Links: Making Clickable Elements Recognizable." nngroup.com/articles/clickable-elements
3. Nielsen Norman Group. "'Get Started' Stops Users." nngroup.com/articles/get-started
4. web.dev (Google). "Accessible tap targets." web.dev/articles/accessible-tap-targets
5. MDN Web Docs (Mozilla). "HTML anchor element." developer.mozilla.org
6. Google Search Central. "Avoid intrusive interstitials and dialogs." developers.google.com/search