Як додати кнопку Click-to-Call у WordPress (2 способи)

Оскільки все більше людей відвідують ваш сайт, використовуючи смартфони, додавання кнопки дзвінка «Click-to-Call» дозволяє зв'язатися з вами буквально в один клік. У цій статті наведено два способи додавання такої кнопки.

Навіщо додавати кнопку Click-to-Call

Багато веб-сайтів для малого бізнесу націлені на передпродажне спілкування з клієнтом. Саме тому потрібно додати контактну форму всім власникам веб-сайтів. Але це процес спілкування, розтягнутий у часі. Оскільки мобільний веб-трафік зростає по всьому світу, користувачам зручно та просто звернутися за отриманням необхідної інформації, одразу зателефонувавши.

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

Розглянемо два способи, як додати кнопку click-to-call до сайту WordPress.

Спосіб 1. Додавання кнопки Click-to-Call через плагін

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

Спочатку встановіть на сайт плагін Кнопка "Зателефонувати зараз" та активуйте його. Потім перейдіть на сторінку Налаштування » Call Now Button, щоб налаштувати параметри плагіна.

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

За бажанням ви можете ввести текст для відображення інформації про дзвінок або приховати піктограму. Якщо ви залишите його порожнім, тоді плагін відобразить кнопку дзвінка за допомогою піктограми телефону.

За посиланням «Додаткові налаштування» можна додати відстеження, позицію керування та обмеження зовнішнього вигляду.

На вкладці додаткових налаштувань перша опція змінює кольори кнопки. Ви можете змінити колір відповідно до колірної схеми вашої теми.

Можна увімкнути відстеження Google Analytics, яке дозволить побачити, як користувачі реагують на кнопку виклику у звітах Google Analytics.

Також можна вибірково відображати або виключати кнопку із певних записів та сторінок WordPress.

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

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

Які плагіни використовувати для створення кастомних кнопок на WordPress.

Спосіб 2. Ручне додавання кнопки

Цей метод дозволяє вручну додавати кнопки виклику та посилання у будь-якому місці вашого сайту WordPress.

Найпростіший спосіб додати номер мобільного телефону на ваш сайт – це додати наступним чином:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

 <a href="tel:+15555551212">+1 (555) 555-1212</a>

 <a href="tel:15555551212">Call Me</a>

Ці посилання відкриють програму на мобільних пристроях. На настільних комп'ютерах користувачі Mac матимуть можливість відкрити посилання у Facetime, тоді як користувачі Windows 10 зможуть відкрити його у Skype.

Ви також можете використовувати HTML для додавання зображення або піктограми поруч із посиланням на дзвінок.

Додавання піктограми або зображення

перейдіть на  Медіафайли » Додати новий файлі завантажте зображення, яке хочете використовувати. Після завантаження зображення натисніть Edit (Редагувати).

Тут скопіюйте URL-адресу файлу. Це знадобиться наступного кроку.

Тепер можна редагувати запис, сторінку або користувальницький HTML-віджет, де відображатиметься значок телефону «Click-to-Call». У редакторі додайте зображення значка телефону, додавши скопійоване посилання:

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us"/></a>

Відвідайте свій веб-сайт, щоб переглянути посилання «Click-to-Call» із завантаженим зображенням.

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

Додавання посилання Click-to-Call у меню навігації

Також можна додати кнопку дзвінка у меню навігації WordPress. Перейдіть на сторінку Зовнішній вигляд » Меню і натисніть вкладку посилань у правому стовпці. Тепер ви можете додати номер телефону до поля посилання у наступному форматі:

tel: +155555555.

Після цього додайте текст, який хочете відобразити, наприклад, Зателефонуйте нам (Call Us), і натисніть кнопку «Додати в меню».

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

Джерело: wpbeginner.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/