Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Как добавить кнопку Click-to-Call в WordPress (шаг за шагом)

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

Добавить кнопку для вызова в WordPress

Зачем добавлять кнопку «Нажми и позвони» в WordPress

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

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

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

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

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

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

Видеоурок

Подписаться на WPBeginner

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

Способ 1. Добавьте кнопку «Нажми и звони сейчас» в WordPress с помощью плагина

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

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

После активации необходимо посетить Настройки »Кнопка вызова WP страница для настройки параметров плагина.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способ 2. Вручную добавьте кнопку Click to Call в WordPress

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

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


+1 (555) 555-1212 
 
Call Me

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

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

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

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

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

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

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

Позвоните нам 

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

Нажмите, чтобы позвонить с изображением значка

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

Нажмите, чтобы вызвать больше текста и стиля CSS

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

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

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

тел: +155555555

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

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

Затем посетите их веб-сайт, чтобы увидеть их ссылку «кликни в действии».

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

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

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube, чтобы посмотреть обучающие видеоролики WordPress. Вы также можете найти нас на Twitter а также Facebook,