Как добавить кнопку для вызова в WordPress (шаг за шагом)

/

Хотите добавить кнопку звонка в WordPress? По мере того, как все больше людей посещают ваш веб-сайт с помощью своих смартфонов, добавление кнопки вызова одним касанием позволяет им легко связаться с вами. В этой статье мы покажем вам, как легко добавить кнопку вызова по клику на ваш сайт WordPress.

Добавление кнопки вызова в WordPress

Зачем добавлять кнопку вызова в WordPress

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

Вот почему мы рекомендуем добавить контактную форму всем владельцам сайтов.

Однако в зависимости от отрасли некоторые пользователи могут сразу захотеть поговорить с человеком.

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

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

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

Метод 1. Добавление кнопки «Нажмите для вызова» в WordPress с помощью плагина

Этот способ проще и рекомендуется для всех пользователей. Он позволяет легко создать кнопку вызова по щелчку в Gutenberg, классическом редакторе, виджете боковой панели WordPress и даже липкую плавающую кнопку вызова.

Первое, что вам нужно сделать, это установить и активировать плагин WP Call Button на своем сайте. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо перейти на страницу «Настройки» »WP Call Button, чтобы настроить параметры плагина.

Кнопка вызова WordPress

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

Эта функция с высокой степенью оптимизации конверсии помогает получать больше звонков и быстрее закрывать больше сделок.

Вам нужно начать с ввода номера вашего рабочего телефона, по которому вы хотите, чтобы люди звонили. Плагин WP Call Button использует поле смартфона, что означает, что вы можете просто выбрать свою страну, и он автоматически добавит код страны в надлежащем формате.

Примечание. Если у вас нет служебного номера телефона, вы можете получить его в Nextiva. Это компания, которую мы используем для нашего бизнес-телефона VoIP.

Затем у вас есть возможность добавить текст кнопки вызова, выбрать расположение и выбрать цвет кнопки.

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

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

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

WordPress кнопка Нажмите для вызова

Если вы хотите добавить статическую кнопку вызова на свою страницу контактов WordPress, страницу о странице или любую другую публикацию / страницу, у вас есть два варианта.

Если вы используете новый редактор блоков WordPress, просто создайте или отредактируйте существующую страницу. Затем вам нужно добавить блок WP Call Button, щелкнув значок «+».

Кнопка вызова Гутенберга

Блок кнопки вызова WordPress имеет множество параметров настройки, таких как возможность настраивать цвет кнопки, текст кнопки, размер шрифта и возможность отображать или скрывать значок телефона.

После того, как вы добавите кнопку, пользователи смогут нажимать и звонить на ваш номер телефона, который вы указали на странице настроек WP Call Button.

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

Просто зайдите в Настройки »Кнопка вызова WP и щелкните меню кнопки статического вызова вверху.

Шорткод кнопки вызова WordPress

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

Плагин WP Call Button также позволяет добавить кнопку вызова на боковую панель вашего веб-сайта с помощью виджета боковой панели.

Для этого вам нужно перейти в «Внешний вид» »Виджеты и перетащить виджет WP Call Button в свою область, готовую к работе с виджетами.

Виджет боковой панели кнопки вызова WordPress

Этот виджет позволяет добавлять заголовок и описание виджета. Вы можете щелкнуть ссылку «Дополнительные настройки», чтобы настроить текст кнопки вызова и текст кнопки вызова.

Прочитав это, вы, вероятно, поймете, почему кнопка WP Call на сегодняшний день является самым простым и полным плагином для кнопки вызова WordPress на рынке.

Самое приятное то, что он на 100% бесплатный и полностью интегрируется с Google Analytics.

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

Метод 2. Добавить кнопку «Щелкнуть для вызова» в WordPress вручную

Этот метод позволяет вручную добавлять кнопки и ссылки для вызова в любом месте вашего веб-сайта 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 для добавления изображения или значка рядом с текстовой ссылкой для вызова по щелчку.

Давайте посмотрим, как это сделать.

Во-первых, вам нужно посетить страницу Медиа »Добавить новое и загрузить изображение, которое вы хотите использовать. После загрузки изображения вам необходимо щелкнуть ссылку «Изменить», чтобы продолжить.

Загрузить значок телефона

Это приведет вас к редактированию экрана мультимедиа, где вам нужно скопировать URL-адрес файла. Он понадобится вам на следующем шаге.

Теперь вы можете редактировать сообщение, страницу или пользовательский HTML-виджет, в котором вы хотите отображать значок телефона с интерактивным номером телефона. В области редактирования теперь вы можете добавить изображение значка телефона, заключенное внутри ссылки tel :.

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

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

Кнопка звонка по клику со значком изображения

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

Нажмите кнопку вызова с дополнительным текстом и стилем CSS

Добавление ссылки для вызова в меню навигации WordPress

Вы также можете добавить ссылку для звонка в меню навигации WordPress.

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

тел: +155555555

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

Добавить интерактивную ссылку в меню навигации

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

Ссылка на звонок в навигации

Хотите добавить значок изображения рядом со ссылкой для интерактивного звонка в меню навигации? См. Нашу статью о том, как добавить значки изображений в меню навигации в WordPress.

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как протестировать сайт WordPress в разных браузерах (кроссбраузерное тестирование стало проще)

Вы хотите протестировать свой сайт WordPress в разных браузерах? Кроссбраузерное тестирование чрезвычайно важно при изменении тем WordPress или внедрении

Как добавить чередующиеся отзывы в WordPress

Вы хотите, чтобы на вашем сайте WordPress отображались чередующиеся отзывы? Отзывы - отличный способ продемонстрировать социальное доказательство

Как легко принимать платежи по кредитным картам на вашем сайте WordPress

Вы хотите узнать, как принимать платежи по кредитным картам на своем сайте WordPress? По умолчанию WordPress не поддерживает варианты оплаты кредитной

Как создать корзину в WordPress с BigCommerce

Существует несколько плагинов для электронной коммерции WordPress, которые позволяют добавить корзину покупок на ваш сайт. Однако, если вы хотите,