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

Так как все больше людей посещают веб-сайт используя смартфоны, добавление кнопки звонка «Click-to-Call» может связаться с вами буквально в один клик. В данной статье представлены два метода добавления такой кнопки.

кнопка Click-to-Call в WordPress

Зачем добавлять кнопку Click-to-Call

Многие сайты для малого бизнеса нацелены на предпродажное общение с покупателем. Именно так что надо добавить контактную форму всем владельцам сайтов. Но это процесс общения, растянутый во времени. Так как мобильный веб-трафик растет по всему миру, посетителям удобно и просто обратиться за получением необходимой информации, сразу же позвонив.

Если вы только начинаете бизнес, то рекомендуем обратиться к профессиональному телефонному сервису, чтобы вы могли переадресовывать звонки, делиться номерами с сотрудниками и отвечать на звонки, используя ваши мобильные телефоны из любого места(вместо стационарных).

Рассмотрим два метода, как добавить кнопку click-to-call на веб-сайт WordPress.

Метод 1. Добавление кнопки Click-to-Call через плагин

Этот способ проще, но недостатком будет то, что он будет выводить кнопку для вызова только на мобильных устройствах. Чтобы добавить номер телефона для вызова со всех устройств, подойдет метод 2, рассмотренный ниже.

Сначала установите на веб-сайт плагин Call Now Button и активируйте его. Далее перейдите на страницу Параметра » Call Now Button, чтобы изменить настройки плагина.

кнопку Click-to-Call в WordPress

Установите птичку рядом со статусом кнопки, чтобы сделать ее активной. После этого введите номер телефона, на который будут дозваниваться пользователи веб-сайта.

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

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

кнопку Click-to-Call в WordPress

На вкладке дополнительных параметров первая опция изменяет цвета кнопки. Вы можете легко настроить цвет в соответствии с цветовой схемой темы.

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

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

После изменения параметров, сохраните их и перейдите на сайт на мобильном устройстве, чтобы увидеть кнопку вызова в действии.

кнопку Click-to-Call в 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(Редактировать).

кнопку Click-to-Call в WordPress

Здесь скопируйте 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» с загруженным изображением.

кнопку Click-to-Call в WordPress

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

Добавление ссылки Click-to-Call в меню навигации

Также можно добавить кнопку звонка в меню навигации WordPress. Перейдите на страницу Внешний вид » Меню и нажмите вкладку пользовательских ссылок в правом столбце. Сейчас вы можете без проблем добавить номер телефона в поле ввода ссылки в следующем формате:

tel:+155555555.

После этого добавьте текст, который планируете отобразить, к примеру Позвоните нам(Call Us), и нажмите кнопку «Добавить в меню».

кнопку Click-to-Call в WordPress кнопку Click-to-Call в WordPress

Убедитесь, что на веб-сайте выводится все правильно и по ссылке производится звонок.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *