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

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

Вы хотите добавить кнопку для звонка в WordPress?

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

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

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

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

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

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

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

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

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

Видеоинструкция

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Просто перейдите по ссылке Настройки » Кнопка вызова WP и нажмите на меню Static Call Button вверху.

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

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

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

Чтобы сделать это, вам нужно перейти в раздел Внешний вид » Виджеты и нажмите на знак ‘+’, чтобы добавить блок виджета WP Call Button в вашу область виджетов.

Добавьте блок виджетов кнопки вызова WP

Далее вы можете дополнительно настроить внешний вид вашей кнопки вызова из панели настроек на правой.

Например, можно изменить размер кнопки, скрыть значок телефона, выровнять кнопку по центру, а также изменить цвет фона и цвет текста.

Когда вы внесете изменения, не забудьте нажать кнопку «Обновить».

Отредактируйте настройки виджета кнопки вызова WP

Прочитав это, вы, вероятно, сможете понять, почему кнопка WP Call является, безусловно, самым простым и наиболее полным плагином для кнопок WordPress click-to-call на рынке.

Самое приятное, что это на 100% бесплатно и имеет бесшовную интеграцию с Google Analytics.

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

Метод 2. Ручное добавление кнопки вызова в WordPress

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

Самый простой способ добавить кликабельный номер телефона на ваш сайт — это добавить их следующим образом:

 
 +1 (555) 555-1212 Позвоните мне 

Эти ссылки будут открывать телефонное приложение на мобильных устройствах. На настольных компьютерах пользователи Mac увидят опцию открытия ссылки в Facetime, а пользователи Windows 10/11 - в Skype.

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

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

Сначала вам нужно посетить страницу Медиа " Добавить новый странице и загрузить изображение, которое вы хотите использовать. После загрузки изображения вам нужно нажать на ссылку "Редактировать", чтобы продолжить работу.

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

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

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

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

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

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

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

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

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

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

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

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

Далее, посетите свой сайт, чтобы увидеть вашу ссылку для звонка в действии.

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

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий