Приклади кнопок CALL TO ACTION, що підвищують конверсію

CTA
(call to action)

або
“Як отримувати ще більше дзвінків з CALLBACKHUB”
Виклик зворотного дзвінка з різних елементів сайту

Стандартний код кнопки для заклику до дії, який викликає форму зворотного зв’язку, виглядає так:

Html

<div class='callbackhub cbh-my'>YOUR CALL TO ACTION</div>

НАТИСНИ МЕНЕ

Ви можете зробити кнопку анімованою при наведенні, додавши в код після cbh-my через пробіл клас buzz - ефект вібрації при наведенні

Html

<div class='callbackhub cbh-my buzz'>VIBRO CTA</div>

VIBRO CTA

або клас pulse - ефект пульсації -

Html

<div class='callbackhub cbh-my pulse'>CALL TO ACTION PULSE</div>

PULSE CTA

Також є можливість задати 1 з кольорів, наведених у прикладах нижче:
cbh-red - червоний, cbh-orange - помаранчевий, cbh-yellow - жовтий, cbh-green - зелений, cbh-cyan - блакитний, cbh-blue - синій, cbh-purple - фіолетовий, cbh-gray - сірий.

Розмір кнопок - кратно 2:

fs12, fs16, ... fs48

Колір тексту кнопки стандартно білий, але його можна змінити на чорний додаванням класу cbh-black.

Додаючи свій html стиль, Ви робите заклик привабливішим. Не обов'язково використовувати кнопку. Звичайний текст або будь-який елемент на Вашому сайті може викликати нашу форму зворотного зв'язку

Html

<span style='border-bottom: 2px dashed grey;' class='callbackhub pulse'>YOUR CALL TO ACTION</span>

Замовлення дзвінка просто при натисканні на цей текст!

UTF-8 (unicode) символи привернуть додаткову увагу та додадуть емоційного забарвлення

Додавши звичайні html символи, Ви ще посилюєте увагу до Вашої кнопки. УВАГА! Не перестарайтеся, велике розмаїття символів лише відштовхне клієнта.

➱ ➲ ➤ ➔ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ⓪ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ⓪ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☏ ☐ ☒ ☓ ☖ ☗ ☘ ☙ ☚ ☛ ☜ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ⚢ ⚣ ⚤ ⚥ ⚦ ⚧ ⚨ ⚩ ♮ ♯ ♰ ♱ ♲ ♳ ♴ ♵ ♶ ♷ ♸ ♹ ♺ ♼ ♽ ♾ ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ ⚆ ⚇ ⚈ ⚉ ⚑ ⚒ ⚔ ⚕ ⚖ ⚗ ⚘ ⚙ ⚚ ⚛ ⚜ ⚬ ⚭ ⚱ ⚲ ⚳ ⚴ ⚵ ⚶ ⚷ ⚸ ✄ ✆ ✇ ✍ ✎ ✐ ✑ ✓ ✕ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❅ ❆ ❈ ❉ ❊ ❋ ❍ ❏ ❐ ❑ ❒ ❖ ❡ ❢ ❣ ❥ ❦ ❧ ❨ ❩ ❪ ❫ ❬ ❭ ❮ ❯ ❰ ❱ ❲ ❳ ❴ ❵ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ⓫ ⓬ ⓭ ⓮ ⓯ ⓰ ⓱ ⓲ ⓳ ⓴ ⓿ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ❘ ❙ ❚ ❛ ❜ ❝ ❞

ЗАСТОСУЙ ЦЕ ПРЯМО ЗАРАЗ І ПОДВОЙ ЗВЕРНЕННЯ З САЙТУ

Для додавання достатньо скопіювати CTRL+C і вставити CTRL+V у текст кнопки ;)

Модуль – Знайшли що шукали?

Лайк / дизлайк

Знайшли що шукали?
ТАК👍
НІ👎

Супер фішка, яка дозволить:
- розуміти, чи знайшов користувач те, що шукав?
- знати, чи подобається відвідувачу Ваш контент?
- підвищить кількість звернень! (адже при будь-якому натисканні буде спливаюче вікно з можливістю зв'язатися)

У код уже вбудовані теги для відстеження цих натискань у гугл аналітиці та яндекс метриці.
Ви можете поставити цілі на ці кнопки. Для додавання достатньо змінити ID Яндекс метрики на свій і вставити в потрібне місце на сайті ;)

модуль нашли что искали
Html

<center>Знайшли що шукали?<br><div onclick="ga('send','event','like','YES');" class='callbackhub cbh-my pulse cbh-green fs22'>ТАК</span></div> <div onclick="ga('send','event','like','NO');" class='callbackhub cbh-my buzz cbh-red fs22'>НІ</span></div></center>

Дивись також:

Заклик до дії: 100 шаблонів на будь-який випадок

Заклик до дії: 100 шаблонів на будь-який випадок

Дивись також:

Налаштування аналітики відстеження кліків по кнопках: шаблони імпорту, приклади коду

Ще не зареєстровані?

Отримай уже зараз до 120 клієнтів безкоштовно далі за ціною смс

Віджет зворотного зв'язку + система ідентифікації трафіку!
Визначення профілів Вконтакте всіх відвідувачів Вашого сайту.
КОЖЕН ВІДВІДУВАЧ СТАНЕ КЛІЄНТОМ

CALLBACKHUB.COM

Розкажи про нас друзям і отримай 30 лідів на рахунок за репост! ▲