На WordPress основано большое количество сайтов, созданных с целью ведения или продвижения бизнеса. Для того чтобы потребители имели возможность связаться с вами, например, для получения услуги или приобретения товара, необходимо оставить свои контактные данные.
Одними из таких контактов является номер телефона. Когда-то пользователям приходилось находить услуги через браузер компьютера, списывать оттуда контактные данные и звонить. Сейчас же все намного проще, они сразу ищут нужную информацию со своих смартфонов.
Ссылка на номер телефона для автонабора
Ссылка на номер телефона – это сегодня обычное дело. В HTML-5 эту возможность реализовать можно одной строчкой кода. Разместить номер вы можете в , хедере, боковой панели, или в контенте записей. Для этой цели также можно использовать текстовый виджет.
href – это атрибут создания ссылки, tel – это протокол HTML-5, который задает свойство ссылке, обозначая ее телефонной. После двоеточья телефонный номер, на который будет идти звонок. Между парными тегом находится содержание линка. Оно может быть произвольным, например, побуждение «Нажмите, для того чтобы позвонить!» или «Звонок мастеру». Можно просто написать номер телефона, так как на сайт могут заходить с компьютера и не все пользователи увидят при наведении на надпись «Позвоните нам!» всплывающую подсказку с номером на который нужно звонить.
Другие протоколы HTML-5
- mailto – ссылка на e-mail адрес;
- callto – звонок по Skype;
- sms – послать смс сообщение;
- fax – для отправки факса.
С помощью этих протоколов можно создавать ссылки аналогично показанному выше примеру. Для этого пропишите парный тег , в котором укажите контент ссылки, которую будет видеть пользователь. Затем пропишите атрибут href, придав ему соответствующее свойство (протокол) через знак равно в кавычках. После свойства должно стоять двоеточие и контактная информация, например e-mail адрес или номер телефона. Выглядит это примерно так:
Нажмите, для отправки СМС сообщения автору.
Возможно, вам будет также интересно узнать о том, как сделать обычную ссылку. Об этом мы рассказали .
Если вы нашли ошибку, то выделите её и нажмите клавиши Shift + Enter или , чтобы проинформировать нас.
(1 оценок, среднее: 5,00 из 5)
Привет. Сегодня будет статья из раздела "Must have". Все очень просто. Доля мобильных интернет пользователей растет, а большинство сайтов до сих пор под них не оптимизированы.
При создании лендинг пейдж - это особенно актуально, так как мы должны сделать все, чтобы было удобно и легко совершать важные для нас действия. Одним из таких элементов usability является кликабельный номер телефона , когда человеку не нужно его копировать, а достаточно просто кликнуть, и он откроется в интерфейсе вызова, на мобильном телефоне.
Как сделать кликабельным номер телефона на сайте
На самом деле все очень просто. Когда-то давно, я рассказывал о том, при нажатии на которую, можно позвонить или перейти в чат.
В первой части был рассмотрен онлайн сервис, а во второй, мы говорили о том, как сделать такую кнопку самостоятельно. Так вот, - все аналогично. Почему-то тогда, мне, как и вам, не пришло в голову, что можно же и номер телефона оформить подобным образом.
Но это, если у вас отдельная мобильная версия сайта. Просто хотел показать, что анкором ссылки не обязательно должен быть номер телефона.
А ну бегом всем менять оформление номера телефона из обычного текста на кликабельную ссылку:)
И не забудьте посмотреть статью о том, на лендинге. А на сегодня - все. Пока.
Подпиcывайтесь на обновления!
В этой статье я приведу примеры новых схем задания URL ссылок, клик по которым поможет сразу набрать номер телефона, позвонить в skype, facetime прямо с сайта.
Номер телефона
На сегодняшний день мы имеем поддержку tel: почти на каждом мобильном браузере, таких как: Safari, Android browser, webOS браузер, Symbian браузер, Internet Explorer и т.д.
Позвонить нам!
Тональный набор номера DMTF
Некоторые устройства поддерживают тональный набор номера. Это полезно для различных служб поддержки системы или голосовой почты. Вы можете создать ссылку с текстом "позвоните по этому номеру, когда ответят нажмите 2, подождите 2 секунды и введите код 913#". Это делается с помощью параметра postd после номера, синтаксис такой: ;postd=. Вы можете использовать цифры, *, #, а также р для одного-секундной паузы и W для ожидания тональной паузы.
Эта функция не работает на мобильных устройствах, поэтому, если браузер поддерживает, начнётся простой набор номера. Список совместимости устройств функцией тонального набора является слишком обобщённым, и я не рекомендую полагаться на него.
Автоматическое определение номера на странице
Некоторые современные браузеры (BlackBerry и Safari в iOS) умеют сами искать номера, email на странице и делать их кликабельными. Это можно запретить с помощью следующих метатегов:
Запуск приложений
Есть некоторые приложения, которые могут быть открыты с помощью ссылки, в основном из iOS. Например, для использования Facetime в iPhone, IPod Touch, iPod. Начиная с IOS 4.1, можно использовать FaceTime: URI, чтобы открыть приложение Facetime и позвонить кому-то, например:
Позвонить по Facetime!
Skype для IOS так же имеет свой собственный URI для набора номера. Для этого нужно имя пользователя в Skype. При желании можно добавить параметр?call в конце ссылки, чтобы немедленно начать вызов. Без этого параметра просто откроется профиль пользователя.
Набрать по скайпу!