Как сделать на сайте кнопку позвонить


Делаем номер телефона на сайте кликабельным

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

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

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

Именно для того, чтобы решить эту проблему, был разработан способ, который отвечает на вопрос "Как правильно указывать номер телефона на сайте". Давайте разберемся, как разместить телефон на сайте и сделать его кликабельным.

Сделать номер телефона кликабельным можно с помощью обыкновенной ссылки, но со специальным адресом:

<a href="tel:+78142332211">+7(814)-233-22-11</a>

Или:

<a href="tel:+7 (8142) 33 22 11">Позвоните нам</a>

То есть в атрибуте href должно быть указано: tel: и номер телефона в формате, который вам нужен.

Выглядеть это будет так:

+7(814)-233-22-11

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

Кроме кликабельного номера телефона, есть возможность добавить кликабельную ссылку на ваш Skype:

<a href="skype:test123">Skype</a>

Или можно добавить ссылку для звонка со Skype на телефон:

<a href="callto:+78142332211">Позвонить нам с помощью Skype</a>

javascript - хочу создать кнопку вызова сейчас для моего веб-сайта

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии
.

Call Now Button - плагин для WordPress

Что делает плагин?

Этот плагин размещает кнопку «Позвонить сейчас» (кнопка «щелкнуть для вызова») в нижней части экрана, которая видна только вашим мобильным посетителям. Поскольку у ваших мобильных посетителей уже есть телефон в руках, этот плагин позволит им позвонить вам одним простым нажатием кнопки.
Больше не нужно переходить на страницу контактов и больше не нужно сложного копирования / вставки или запоминания номера телефона!

Нет ничего проще!

Настройки очень просты: включите и введите свой номер телефона.Это оно!

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

Нужно больше контроля?

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

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

Для мобильных (адаптивных) тем

Кнопка очень легкая и полностью встроена в CSS. Единственное требование - чтобы тема вашего веб-сайта была адаптивной, то есть она могла адаптироваться к размеру экрана.

  • 3 варианта кнопки «Позвонить сейчас»
  • Базовые настройки
  • Настройки презентации
  • Расширенные настройки
  1. На панели управления WordPress перейдите в «Плагины»> «Добавить» и найдите «Кнопка вызова».
  2. Нажмите «Установить сейчас» под заголовком плагина «Кнопка вызова».
  3. Нажмите активировать
  4. Перейдите в «Настройки»> «Кнопка« Позвонить »», установите флажок, чтобы активировать кнопку, и введите свой номер телефона.
  5. Нажмите «Сохранить», и все готово!

или:

  1. Загрузите кнопку вызова-сейчас -папку в / wp-content / plugins / каталог
  2. Активируйте плагин через меню «Плагины» в WordPress.
  3. Перейдите в «Настройки»> «Кнопка« Позвонить »», установите флажок, чтобы активировать кнопку, и введите свой номер телефона.
  4. Нажмите «Сохранить», и ваша кнопка «Позвонить сейчас» активна!
Где я могу ввести свой номер телефона?

В разделе «Настройки» на панели инструментов WordPress вы найдете новое дополнение: кнопку «Позвонить сейчас». Щелкните по нему, чтобы перейти к настройкам плагина.

Могу ли я добавить текст на кнопку?

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

Я не вижу кнопки на своем веб-сайте, но смотрю на нее с помощью мобильного телефона. Зачем?

Первый шаг - проверить, активирована ли кнопка - это первый флажок на странице настроек.

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

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

Мой веб-сайт адаптируется, но я не вижу кнопки

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

Я обновил кнопку, но не вижу изменений на моем веб-сайте

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

Я вижу кнопку только на некоторых страницах своего сайта

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

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

Нужно ли мне добавлять код страны к моему номеру телефона?

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

Мне начинать число с + или 00?

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

Могу ли я изменить внешний вид кнопки «Позвонить сейчас»?

Да! Вы можете легко изменить цвет кнопки и разместить ее в любом из 8 предустановленных мест на экране телефона.У вас также есть возможность распределить его по всей нижней или верхней части экрана телефона.

Я хочу показать кнопку только на нескольких страницах. Это возможно?

Да, вы можете ввести идентификаторы сообщений и страниц, которые хотите включить или исключить.

Мне нужно больше гибкости! Разве нет PRO-версии, которую я могу использовать?

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

«Call Now Button» - программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов
0,4,0
  • Интерфейс администратора с вкладками
  • Отслеживание конверсий Google Рекламы
  • Текстовые пузыри для стандартных круглых кнопок
  • 6 дополнительных мест размещения кнопок
  • Скрыть кнопку на главной странице
  • Изменить цвет значка
  • Небольшие изменения конструкции
  • Другие небольшие улучшения плагинов
0.3,6
  • Исправления при проверке
  • Масштаб управляет размером значка на кнопках полной ширины
0,3,5
0,3,4
  • Исправление ошибки для функции, вызывающей ошибку 500 в некоторых версиях PHP
  • Добавлена ​​возможность увеличения или уменьшения размера кнопки
  • Добавлена ​​возможность изменять z-index кнопки с ползунком
0,3,3
  • Проверить наличие активного плагина кеширования
  • Добавлены ссылки со страницы плагинов на страницу настроек
0.3,2
  • Возможность скрыть значок в текстовой кнопке
  • Исправление для кода отслеживания gtag
  • Исправление JS
  • Исправление ошибки границы iOS
0,3,1
0,3
  • Добавлена ​​возможность добавлять текст на кнопку
  • Добавлена ​​возможность включения или исключения определенных сообщений и страниц, на которых отображается кнопка (раньше это было просто исключение)
  • Небольшие изменения дизайна кнопки
0,2,1
  • Исправление конфликта с некоторыми сторонними плагинами
0.2,0
  • Новый дизайн круглой кнопки
  • Возможность вернуться к старому дизайну кнопок
  • Классический дизайн кнопок по-прежнему доступен через расширенные настройки
  • Добавлена ​​позиция средней кнопки
  • Добавлены уведомления администратора для ясности
  • Добавлена ​​ссылка на руководство по интеграции Google Analytics
  • Дополнительные контактные ссылки для поддержки и запросов функций
  • Небольшие изменения в дизайне экрана администратора
0,1,3
  • В Universal Analytics добавлено отслеживание кликов
  • Значок телефона теперь SVG настолько четкий на экранах с высокой плотностью пикселей (например,грамм. Retina-экраны)
  • Значок SVG встроен в код, поэтому HTTP-запросы больше не нужны
0,1,2
  • Фиксатор прозрачной кнопки
  • Мелкие исправления отладки
0,1.1
  • Исправление JavaScript (необходимо для дополнительных настроек)
0,1,0
  • Изменить цвет кнопки
  • Изменить внешний вид кнопки
  • Отслеживание нажатий кнопок с помощью Google Analytics
  • Ограничить отображение определенных страниц
0.0,1
. .

Добавить код кнопки «Позвонить сейчас» на веб-сайт HTML (бесплатно и быстро)

  • Виджеты
  • Блог
  • Учебники
  • Вход в систему
  • Зарегистрироваться
Нажмите для вызова
  • Описание
  • Функции
  • Как установить
  • Демо
  • Цены
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий