Активная ссылка на номер телефона 5 html кодов

 

 


->

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

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

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

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

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

Ссылка на номер телефона для автонабора

Ссылка на номер телефона – это сегодня обычное дело. Совсем не сложно установить код html в виджет на сайте. В HTML-5 эту возможность реализовать можно одной строчкой кода. Разместить номер вы можете в футере темы, хедере, боковой панели, или в контенте записей. Для этой цели также можно использовать текстовый виджет.

<a href=”tel:123-456-7890″>123-456-7890</a>.

href – это атрибут создания ссылки, tel – это протокол HTML-5, который задает свойство ссылке, обозначая ее телефонной. После двоеточья телефонный номер, на который будет идти звонок. Между парными тегом <a></a> находится содержание линка. Оно может быть произвольным, например, побуждение «Нажмите, для того чтобы позвонить!» или «Звонок мастеру». Можно просто написать номер телефона, так как на сайт могут заходить с компьютера и не все пользователи увидят при наведении на надпись «Позвоните нам!» всплывающую подсказку с номером на который нужно звонить.

Другие протоколы HTML-5

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

  • mailto – ссылка на e-mail адрес;
  • callto – звонок по Skype;
  • sms – послать смс сообщение;
  • fax – для отправки факса.

С помощью этих протоколов можно создавать ссылки аналогично показанному выше примеру. Для этого пропишите парный тег <a>, в котором укажите контент ссылки, которую будет видеть пользователь. Затем пропишите атрибут href, придав ему соответствующее свойство (протокол) через знак равно в кавычках. После свойства должно стоять двоеточие и контактная информация, например e-mail адрес или номер телефона. Выглядит это примерно так:

<a href=”sms:123-456-7890″>Нажмите, для отправки СМС сообщения автору</a>.

Как видите, ссылка на номер телефона легко реализуется. И не только на номер телефона. Все благодаря современному языку HTML-5 и его новым возможностям.


   Как установить ссылку на Telegram, Whatsapp и Viber?

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

Как уставить активную ссылку на свой профиль в Telegram?

С этим замечательным мессенджером нет никаких проблем в плане проставления ссылки. Главное правильно прописать значение в атрибуте href. Для этого достаточно воспользоваться шаблоном:

1
<a href="tg://resolve?domain=NikName">Написать в Телеграм</a>

«NikName» – это имя пользователя, которые вы задавали в Телеграме. Которое с символом @.

Как поставить ссылку на свой профиль в WhatsApp?

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

Ссылка должна выглядеть следующим образом:

1
<a href="https://wa.me/380950000000?text=Здравствуйте.%20Вопрос%20по%20поводу%20продвижения.">Написать в WhatsApp</a>

Где:

  • «380950000000» – ваш номер телефона,
  • «?text=» – параметр содержащий текст по умолчанию,
  • «%20» – символ пробела в сообщении.

Тут, как видите, тоже все достаточно просто.

Как поставить ссылку на свой профиль в Viber?

Чтобы поставить правильную ссылку на Viber, придется воспользоваться PHP для определения устройства. Если у вас страница сохранена в расширении html, то придется пересохранить в .php. Это никак не повлияет на работоспособность страницы.

Итак, выше я писал, что десктопное и мобильное приложение Viber открывается по разным ссылкам, что создает определенные сложности при добавлении такой ссылки на сайт. Для мобильных устройств используется такой подход формирования ссылки:

1
<a href="viber://add?number=380950000000">Написать в Viber</a>

Для ПК – такой:

1
<a title="Должен быть установлен Viber для ПК" href="viber://chat?number=+380950000000">Написать в Viber</a>

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

Top